Memasang Banner Iklan Melayang Pada Blog

Bagaimana cara memasang iklan banner melayang pada blog. Tentunya, dengan memasang iklan banner melayang pada blog, sobat bisa mempromosikan produk orang lain dan produk atau jasa iklan sobat sendiri.

Banner iklan melayang ini memiliki tombol close diatas iklan, fungsinya yakni menutup atau menghilangkan iklan jika pengunjung merasa terganggu pada saat membaca artikel dalam blog situs sobat.

Berikut cara memasang banner iklan melayang pada blog, simak tutorial dibawah ini:

• Masuk menu blogger
• Klik Tema > Edit HTML
• Salin kode dibawah ini, lalu pastekan tepat diatas kode </body> atau &lt;/body&gt;

<script type='text/javascript'>
$(document).ready(function() {$(&#39;img#closed&#39;).click(function(){$(&#39;#bl_banner&#39;).hide(90);});});
</script>
<div id='fixedban' style='width:100%;margin:auto;text-align:center;float:none;overflow:hidden;display:scroll;position:fixed;bottom:0;z-index:999;-webkit-transform:translateZ(0);'>
<div><a id='close-fixedban' onclick='document.getElementById(&apos;fixedban&apos;).style.display = &apos;none&apos;;' style='cursor:pointer;'><img alt='close' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhD9aPPm3lbrciNUSYm0t7MamU-RKf_utv8EjSmr-WqXLKgeMtivNjeMsgQYhk7viFjT29OWOrpYrSpyop-KG2uZsl7eJdm3Sp1Bd1w__PLdZ78Jv0qRJd0YG2NgKjtWFcMN8UYQygF5mmT/s1600/btn_close.gif' title='close button' style='vertical-align:middle;'/></a></div>
<div style='text-align:center;display:block;max-width:728px;height:auto;overflow:hidden;margin:auto'>
<a href='#' title='Banner iklan disini'><img style='max-width:100%;height:auto;vertical-align:middle;' alt='Banner iklan disini' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjVSRWhDTzuKAkJIILq5DUURpD5M0G-MRXOficxhGPDiyEl9Sj1BebA_lt_NvApv0ah95RLn2I4BtWhysM-uKBC7YWNPcPWtBuSkuCbuy32Ymvwj99wEOTW-Nqk-zNcNkGQ7s5ljmSXLh5/s1600/AdSpace970x90.png'/></a>
</div>
</div>

• Ganti dengan kode adsense atau Iklan banner yang ingin di pasang adsense
• Ubah yang berwarna merah dengan kode adsense sobat
• Lalu Simpan

Demikian tutorial cara membuat banner iklan melayang pada blog. Jika sobat mempunyai pertanyaan terkait artikel, silakan berkomentar pada kolom yang tersedia. Selamat mencoba dan semoga bermanfaat.

Tweet