Cara Memasang Banner Iklan Melayang Dengan Tombol Close Responsive

Cara Memasang Banner Iklan Melayang Dengan Tombol Close Responsive -  oke 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.

Banner ini bisa dipasang dengan gambar maupun adsense 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...

Cara Memasang Banner Iklan Melayang Dengan Tombol Close Responsive

Pertama sobat masuk terlebih dahulu ke Blogger.com > Tema > Edit HTML copy kode dibawah ini dan 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/AVvXsEhF4U1oV3qNJbExYSj48UNXSdssJLt1HvPvZi-04tmHH4aRvVDxaI0D8Z-e-9Yav6-MqdiR0HNnZ4jICKnKY3hpASRFO9B01UOEXn5od_k8yXvh4Cr-y1sYimjvrr_uS_aVNAFhreh79Zog/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/AVvXsEi0bc_Uu4YYo_COLY0O_cza9Fqwecjnxstrz9fk_-Ns3nWc8uGB4cyyh_mfYLFI_NQ2MY2F-WfrMSxn1L85nn_YcHtPtFtlOs92MvV9mzQ9sG5Mi9E3wFwUoqtvkhz350e5Ko7NpUe-TNn-/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/AVvXsEhF4U1oV3qNJbExYSj48UNXSdssJLt1HvPvZi-04tmHH4aRvVDxaI0D8Z-e-9Yav6-MqdiR0HNnZ4jICKnKY3hpASRFO9B01UOEXn5od_k8yXvh4Cr-y1sYimjvrr_uS_aVNAFhreh79Zog/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.

• DEMO

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