Membuat iklan melayang di bawah blog dengan tombol CLOSE

Posted by F-auzi

Membuat iklan melayang di bawah blog dengan tombol close menurut saya adalah ide yang cemerlang. Kenapa? Karena selain tidak mengganggu pemandangan secara total, artikel masih bisa terbaca, dan iklan jelas terlihat. Selain itu, terdapat tomblo close yang interaktif, sehingga menarik perhatian pengunjung. Bisa jadi malah tombol close-nya sendiri yang lebih menarik. Hehehe... Berdasarkan hasil survei di mana-mana, saya mendapati kode iklan di bawah ini bagus sekali. Kode pemasangan iklan yang ini membuat iklan melayang (floating) di bagian bawah blog dengan tombol close. Sebelumnya, saya sudah membuat tulisan tentang membuat iklan melayang dengan tombol close, sudah juga tentang membuat iklan melayang harus diklik yang tidak pakai tombol close.

Cara membuat iklan melayang di bawah blog dengan tombol close

1. Login ke Akun Blogger.
2. Masuk pada bagian Tata Letak.
3. Klik tambah gadget (terserah lokasi gadgetnya di mana).
4. Pilih mode HTML/Javascript.
5. Masukan kode ini:

<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(){
$('#bwh_banner').hide(90);
});
});
</script>
<style type='text/css'>
div#bwh_banner {
bottom: 0;
position: fixed;
width: 100%;
opacity: 0.9;
left: 0;
}
div#bwh_banner img{
border:0;
cursor:pointer;
}
</style>
<div style='height: 0px;'></div>
<div align='center' id='bwh_banner' style='height: 120px; z-index: 9999;'>
<div style='text-align: right; width: 728px; height: 15px;'>
<img id='closed' src='http://falzart.files.wordpress.com/2013/09/closebutton.png'/></div>
<div style='clear: both;'></div>
<p>
<p><center>

<!----Kode iklan / like box / lainnya----->

</center></p>
</p>
</div>

6. Ubah script berwarna biru dengan script iklan / likebox / lainnya.
7. Boleh diubah script warna merah untuk mengubah ukuran sesuai dengan keinginan.
8. Klik simpan, dan selesai.

Demikianlah artikel alias tulisan saya tentang membuat iklan melayang di bawah blog dengan tombol close. Ukuran iklan yang disarankan untuk script ini adalah yang selebar 728 x 120 piksel atau bisa diubah sesuai keinginan (ganti yang tulisan warna merah). Terima kasih.