Cara Memasang Banner Iklan Melayang Disertai Tombol Close Responsive


Hidayatimur.com -  Pada kali ini saya akan mebagikan cara memasang iklan melayang pada blog dan disertai tombol closenya yang tentunya responsive dan mobile friendly, dengan anda menampilkan iklan ini akan menambah impression adsense blog sobat tentunya.

Banner ads responsive ini dapat di isi dengan gambar maupun iklan adsense sobat. Omong-omong tentang Blogger masa kini memiliki tujuan yang berbeda - beda dan beraga ada yang ingin menghasilkan uang sampingan, dikenal banyak orang (Famous), ataupun tempat untuk menyalurkan hobi dari blogger itu sendiri.

Banner diatas sudah diberi fitur tombol close diatas iklannya gunanya untuk menghilangkan iklan tersebut jika asa pengunjung sobat merasa terganggu dan tidak nyaman kalau ada iklan yang menghalangi saat pengunjung membaca artikel sobat.

Cara Memasang Banner Iklan Melayang Disertai tombol Close - Responsive


  1. Masuk terlebih dahulu ke dashboard Blogger.com > Tema > Edit HTML 
  2. Masukan kode dibawah ini 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='http://1.bp.blogspot.com/-_A83iDM6JYc/VhtxROLILrI/AAAAAAAADK4/aM4ikIA6aqI/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://3.bp.blogspot.com/-rPSylXvR0U0/XIzOTLA6alI/AAAAAAAADBk/-5rnuVZLRoQBhOcRb2Xp205udpRFbsJSQCLcBGAs/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='http://1.bp.blogspot.com/-_A83iDM6JYc/VhtxROLILrI/AAAAAAAADK4/aM4ikIA6aqI/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'> Isikan kode iklan Adsense Disini! </div> </div>
Oke sekian yang bisa saya bagikan tentang "Cara Memasang Banner Iklan Melayang Disertai Tombol Close - Responsive" Terima Kasih yang sudah berkunjung semoga bermanfaat bagi kalian semua.

0 Response to "Cara Memasang Banner Iklan Melayang Disertai Tombol Close Responsive "

Post a Comment

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel