Cara Menciptakan Iklan Billboards Di Blog Non Amp Dengan Tombol Hide Ads

Unit iklan billboards sekarang banyak dipasang oleh para blogger, pasalnya iklan ini menawarkan bayaran yang menggiurkan dari unit iklan pada umumnya.

Ukuran iklan billboards ini sangatlah besar jadi cocok di simpan di atas dan alasannya ukurannya yang besar maka unit iklan ini dimodifikasi memakai tombol close/open biar pengunjung tidak terganggu dengan ukurannya yang besar.

Caranya cukup mudah yakni cukup simpan isyarat di bawah ini diatas isyarat </head>

<b:if cond='data:blog.pageType != &quot;static_page&quot; and data:blog.pageType != &quot;error_page&quot;'>  <style type='text/css'> /* Top Banner */ .top_banner{margin:20px auto;padding:0 10px 20px;position:relative;width:100%;max-width:990px;height:auto;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;} #close_topbanner,#open_topbanner{font-family:inherit;position:absolute;padding:0;bottom:0;background:0 0;border:none;cursor:pointer;color:#888;font-size:15px;font-weight:500;height:20px;line-height:20px;} #close_topbanner{right:10px} #open_topbanner{width:100px;text-align:center;right:50%;margin-right:-50px} #close_topbanner:focus,#open_topbanner:focus{outline:0} .adsenseresponsive{width:970px;height:250px;} @media screen and (max-width:960px){ .top_banner{max-width:320px;} .adsenseresponsive{width:300px;height:250px;} }  </style> </b:if>

Jika sudah selanjutnya simpan isyarat ini dibawah isyarat <body>

<b:if cond='data:blog.pageType != &quot;static_page&quot; and data:blog.pageType != &quot;error_page&quot;'> <div class='top_banner'> <div id='topbanner'> <!-- Kode iklan simpan di bawah ini --> <ins class="adsbygoogle adsenseresponsive"       style="display:block"       data-ad-client="ca-pub-xxxxxxxxxxxxxx"       data-ad-slot="xxxxxxxxxxx"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script>  </div> <button id='close_topbanner' onclick="document.getElementById('topbanner').style.display='none';close_topbanner.style.display='none';open_topbanner.style.display='block';" role='button' tabindex='0' title='Close'>Close Ad</button> <button hidden='' id='open_topbanner' onclick="document.getElementById('topbanner').style.display='block';close_topbanner.style.display='block';open_topbanner.style.display='none';" role='button' tabindex='0' title='Open'>Open Ad</button>  </div> </b:if>

Ubah isyarat yang aku tandai dengan data-ad-client dan data-ad-slot iklan sobat
Gunakan unit iklan Responsive biar ketika di buka di smartphone iklan akan menjadi ukuran 300 x 250 px.

Sobat juga sanggup simpan isyarat diatas pada pada kotak html/javascript yang ada pada bab atas pada stuktur blog sobat. Karena ukurannya yang besar maka harus di taruh diatas laman.

Dengan memasang iklan ini siapa tahu rejeki teman sanggup didapat dari iklan ini dan menciptakan penghasilan teman bertambah.

Semoga artikel ini bermanfaat !