Cara Membuat Slot Iklan Adsense Billboard Dengan Tombol Show Hide Ads Untuk Blog nah kali ini saya akan membagikan Cara Membuat Slot Iklan Adsense Billboard Dengan Tombol Show Hide Ads Untuk Blog.
Mungkin teman-teman masih belum tau apa itu Baillboard yaitu iklan Adsense besar yang ada di bawah Header blog. Berdasarkan informasi yang saya terima bahwa penghasilan dari iklan Billboard tersebut cukup lumayan memuaskan bagi anda. Jika kita lihat ukuran iklan yang besar saat membuka melalui Desktop cukup menarik untuk di klik. Tetapi jika mode versi mobile ukuran iklan tersebut menjadi kecil dan cukup mengangu tampilan blog tapi jangan kawatir, kan sudah ada tombol show dan hide iklan tersebut.
Cara buat iklan Adsense Besar atau (Billboard) di bawah Header Blogspot
Langkah Awal :
1. Buka Blogger - Login
2. Pilih Tema/Template - klik Edit HTML
Langkah Kedua :
1. Masuk Ke halaman Edit HTML
2. Lalu cari kode </head> , untuk mempermudah anda bisa tekan CTRL + Fdan copy kode </head> lalu enter untuk mencari.
3. Setelah menemukan kode </head> , lalu copy kode di bawah ini, lalu paste code tersebut di atas kode </head>
<b:if cond='data:blog.pageType != "static_page" and data:blog.pageType != "error_page"'> <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>
4. Setelah itu cari kode <body> lalu copy kode di bawah ini, lalu pastekan di bawah kode </body>
<b:if cond='data:blog.pageType != "static_page" and data:blog.pageType != "error_page"'> <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 Ads</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 Ads</button> </div> </b:if>
Lalu Tukar tulisan xxxxxxxxxxxxxx dengan data-ad-client dan data-ad-slot iklan adsense anda.
#Lalu Save atau Simpan Template
Silakan komentar dan masukan di bawah ini.