Cara Memasang Banner Iklan Melayang di Bawah Dengan Tombol Close

Pagi sob kali ini saya akan share bagaimana cara memasang iklan melayang pada blog yang tentunya responsive, menampilkan iklan ini akan menambah impression adsense pada blog sobat tentunya. trik ini sebenarnya bukan hanya bisa diapakai oleh iklan adsense namun bisa juga di pakai oleh penyedia iklan lain loh

Banner ini bisa dipasang dengan gambar maupun iklan sobat seperti gambar diatas, blogger sekerang memiliki tujuan yang berbeda - beda ada yang ingin menghasilkan uang sampingan, dikenal banyak orang, atau pun memang suka hobi menulis artikel, tentunya dengan memasang iklan banner di blog sobat, sobat bisa juga mempromosikan produk orang lain maupun produk milik sobat sendiri.

Banner diatas memiliki tombol close diatas iklannya gunanya untuk menghilangkan iklan tersebut jikalau pengunjung sobat risih atau tidak nyaman kalau ada iklan yang menghalangi saat pengunjung membaca artikel sobat.

Oke langsung saja ke caranya...

Pertama sobat masuk terlebih dahulu ke Blogger.com > Tema > Edit HTML copy kode dibawah ini dan pastekan tepat diatas kode </body> atau </body>

<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/AVvXsEh7UwCupiNhg3aQV2nKXOPmKBD_uyFf5CT2NBUQekN8xaIB7TvQpl9aUMn1AKuNjcH4PjRO2DI5CF_yVHAJ1N8VSvs2b89h1kjpbrb4brVqiYdC72IBxGEMaEIAxR52WBI-S8DBzk4vWApb/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/AVvXsEievmxYS872r-uNLVEetAj01cGmNkQ-LFsG_A832yO6GbTDlWfJx5KxugWVoEAxOwnVXyhsqGSOqCH5sNoryz92KJ9ZlN9l27i_VaAvx0CSCixoZ1fBiQlsgbNh9bTOlvZB_lO0g57rV1QI/s1600/AdSpace970x90.png'/></a>
</div>
</div>

Untuk banner yang ingin dipasang dengan adsense yang bertanda merah bisa diganti dengan kode adsense sobat, atau bisa lihat kode dibawah ini

<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/AVvXsEh7UwCupiNhg3aQV2nKXOPmKBD_uyFf5CT2NBUQekN8xaIB7TvQpl9aUMn1AKuNjcH4PjRO2DI5CF_yVHAJ1N8VSvs2b89h1kjpbrb4brVqiYdC72IBxGEMaEIAxR52WBI-S8DBzk4vWApb/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'>

Paste Kode Adsense Disini!

</div>
</div>

Jika sudah klik simpan pada template sobat, dan lihat hasilnya.

Oke sekian yang bisa saya sampaikan tentang Cara Memasang Banner Iklan Melayang di Bawah Dengan Tombol Close Terima Kasih yang sudah berkunjung semoga bermanfaat bagi kalian semua.