Skip to main content
BISSKEY

follow us

Cara Membuat Iklan Billboards di Blog Non AMP dengan Tombol Hide Ads

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

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

Caranya cukup simpel yaitu cukup simpan kode di bawah ini diatas kode </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 kode ini dibawah kode <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 kode yang saya tandai dengan data-ad-client  dan data-ad-slot iklan sobat
Gunakan unit iklan Responsive agar saat di buka di smartphone iklan akan menjadi ukuran 300 x 250 px.

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

Dengan memasang iklan ini siapa tahu rejeki sobat bisa didapat dari iklan ini dan membuat penghasilan sobat bertambah.

Semoga artikel ini bermanfaat !


You Might Also Like:

Comment Policy: Silahkan tuliskan komentar Anda yang sesuai dengan topik postingan halaman ini. Komentar yang berisi tautan tidak akan ditampilkan sebelum disetujui.
Open Comment