Membuat Banner Iklan Melayang di bawah pada Blogspot Terbaru
Sesuai permintaan temen blogger, di salah satu commentar blog ini kalau dia ingin membuat banner iklan melayang di bawah blog dengan blogspot, maka saya mencoba share aja disini ya siapa tahu sobat ilmuonline yang lain juga mbutuhin untuk dipasang banner iklan di blogspotnya masing-masing. dengan begitu tentunya harapanya bisa menambah pemasukan bagi pemilik blog, jika ternyata banner iklannya laku, tapi banner ini juga bisa sobat manfaatin buat promosi jualan /blog sobat lainnya.
Oke saya kira basa-basinya sudah ya :D,
selanjutnya ke materi cara membuat banner iklan melayang di bawah blog
dengan blogspot bisa sobat simak
penjelasan berikut ini :
- Silahkan masuk ke dasboard blogger /blogspot masing2, kemudian klik menu Tata Letak / Layout.
- Kemudian tambahkan widget baru di sembarang tempat
- Pilih widget mode HTML /Java Script, kemudian copy pastekan kode berikut didalamnya
<script src=’http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js’ type=’text/javascript’>
</script><br />
<script type=’text/javascript’>
$(document).ready(function() {
$(‘img#closed’).click(function(){
$(‘#btm_banner’).hide(90);
});
});
</script>
<style type=’text/css’>
div#btm_banner {
bottom: 0;
position: fixed;
width: 100%;
opacity: 0.9;
left: 0;
}
div#btm_banner img{
border:0;
cursor:pointer;
}
</style>
<div style=’height: 0px;’></div>
<div align=’center’ id=’btm_banner’ style=’height: 105px; z-index: 9999;’>
<div style=’text-align: right; width: 728px; height: 15px;’>
<img id=’closed’ src=’https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiP8FvFpXIXOvmTrPif2zb18r7s46vam4mm6e03X16f50pxsi4cG1a2c5pA-Li8eG1ZVmr1PUcLW42krt0fVaJzRHzoNmoZa58pmuNAWxqhDxPVB8evPKezXlf0meJYOmyzn4cESAqGR28/s1600/tombol+close.png’/></div>
<div style=’clear: both;’></div>
<p>
<p><center>
<a href=”http://ilmuonline.net” target=”_blank” title=”Pasang banner iklan disini”><img alt=”Pasang Iklan Anda Disini” border=”0″ src=”https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCJYIEY2x601PFsZs7bVmekxNsHzoMWDsPXJZ8cht32M1sQNqX9KYFfUm9UH3n3FEVjDfh8xtq14rB_qSJqoRlc4foxvEM6o3xwkQtFcMF91FoqWxdFb41sQZKX5c-vCR1Ed5pKkx1Y_E/s1600/banner+728×90.gif” /></a>
</center></p>
</p>
</div>
</script><br />
<script type=’text/javascript’>
$(document).ready(function() {
$(‘img#closed’).click(function(){
$(‘#btm_banner’).hide(90);
});
});
</script>
<style type=’text/css’>
div#btm_banner {
bottom: 0;
position: fixed;
width: 100%;
opacity: 0.9;
left: 0;
}
div#btm_banner img{
border:0;
cursor:pointer;
}
</style>
<div style=’height: 0px;’></div>
<div align=’center’ id=’btm_banner’ style=’height: 105px; z-index: 9999;’>
<div style=’text-align: right; width: 728px; height: 15px;’>
<img id=’closed’ src=’https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiP8FvFpXIXOvmTrPif2zb18r7s46vam4mm6e03X16f50pxsi4cG1a2c5pA-Li8eG1ZVmr1PUcLW42krt0fVaJzRHzoNmoZa58pmuNAWxqhDxPVB8evPKezXlf0meJYOmyzn4cESAqGR28/s1600/tombol+close.png’/></div>
<div style=’clear: both;’></div>
<p>
<p><center>
<a href=”http://ilmuonline.net” target=”_blank” title=”Pasang banner iklan disini”><img alt=”Pasang Iklan Anda Disini” border=”0″ src=”https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCJYIEY2x601PFsZs7bVmekxNsHzoMWDsPXJZ8cht32M1sQNqX9KYFfUm9UH3n3FEVjDfh8xtq14rB_qSJqoRlc4foxvEM6o3xwkQtFcMF91FoqWxdFb41sQZKX5c-vCR1Ed5pKkx1Y_E/s1600/banner+728×90.gif” /></a>
</center></p>
</p>
</div>
- Ganti script teks pasangiklan disini dengan kode/script iklan milik sobat masing-masing
- Dalam contoh diatas, ukuran banner iklan adalah 728 x 90px utk iklan di tambah space tombol close 15px, jadi jika ingin merubah ukuran banner iklan dengan ukuran yang di inginkan.
0 Response to "Membuat Banner Iklan Melayang di bawah pada Blogspot Terbaru"
Post a Comment