Cara Memasang Iklan Banner Melayang di Footer Blog

Setelah sebelumnya Dunia Ilmu telah share Tips Membuat Footer 3 Kolom, kali ini Dunia Ilmu akan share tips memasang iklan banner pada footer blogspot. Seperti yang kita tahu, kita bisa memasang iklan pada widget footer. Namun kali ini bukan iklan yang biasa, tapi iklan yang selalu muncul di bawah blog. Lihat gambar contoh footer melayang di bawah ini.

Nah, pada gambar diatas, iklan yang muncul di bawah selalu muncul walaupun scroll bar digeser. Ingin taucara menampilkan iklan melayang di footer? Simak tips berikut ini.

1. Tentu saja langkah awal adalah masuk ke blog masing2
2. Masuk ke tata letak
3. Klik Add Gadget dan pilih 'javascipt/html'
4. copas script berikut ke dalamnya

<!-- AWAL FOOTER IKLAN -->
<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: 110px; z-index: 9999;'>
<div style='text-align: right; width: 750px; height: 8px;'>
<img id='closed' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQ8pkVtlMHfyeUq47QS0TPn0tU9nEiOcXsWgifk9bf7ZQtYBWisZZo9UQvikykaegyA3U5zyed5Iv8AO64QmrbjKTSYLq389YrJB1gF7m8uFY9FjT5MCVmzijJC7MEDk9Ylfreg0MDfcK3/s1600/1350799346_Close.png'/></div>
<div style='clear: both;'></div>
<p>
<p><center>
Pasang Kode Script Iklan DI SINI
</center></p>
</p>
</div>
<!-- AKHIR FOOTER IKLAN -->

NB :

Jangan lupa baca yang ini juga