Ini Dia Cara Membuat Iklan Adsense Billboard Ukuran Besar di Blog
By
Muhammad Fitra
—
12/08/2017
—
Google Adsense
Cara Memasang Slot Iklan Adsense Ukuran Besar Billboard - Menurut beberapa teman blogger pemasangan iklan adsense model billboard di blog memiliki nilai CPC yang cukup tinggi. Iklan billboard adalah iklan dengan ukuran cukup besar sehingga saat pertama kali visitor mengunjungi blog akan terfokus kepada iklan billboard ini.
Adapun iklan billboard yang digunakan Gratisiana Blog adalah iklan billboard dengan ukuran 970 X 250 (ketika dibuka pada versi dekstop) dan ukuran 300 x 250 (ketika dibuka menggunakana perangkat mobile). Sehingga bisa dikatakan iklan billboard ini memiliki tampilan responsive dan tidak menganggu pengunjung. Berikut ini yang diberi kolom merah adalah contoh gambar tampilan iklan adsense billboard :
Adapun iklan billboard yang digunakan Gratisiana Blog adalah iklan billboard dengan ukuran 970 X 250 (ketika dibuka pada versi dekstop) dan ukuran 300 x 250 (ketika dibuka menggunakana perangkat mobile). Sehingga bisa dikatakan iklan billboard ini memiliki tampilan responsive dan tidak menganggu pengunjung. Berikut ini yang diberi kolom merah adalah contoh gambar tampilan iklan adsense billboard :
 |
| Iklan Adsense Billboard Versi Dekstop |
Berikut ini contoh gambar iklan billboard ketika dibuka menggunakan smartphone:
 |
| Vesi Mobile |
Cara Setting Slot Iklan Adsense Billboard di Blogger
Bagaimana cara setting agar slot iklan adsense billboard muncul di blog kita ? untuk membuat iklan adsense billboard setingan iklan menggunakan kode skrip sendiri bukan menggunkan kode asli adsense. Apakah berbahaya ? jawabanya adalah tidak sama sekali, karena slot iklan adsense yang digunakan adalah slot iklan teks dan gambar responsive sehingga dapat menyesuaikan ukuran model apapun. Berikut langkah-langkanya:
Artikel Terkait: Cara Memasang Iklan Adsense di Samping Atas Postingan
Pertama
Silahkan buka dasboard blogger anda >> Tema >> Edit HTML. Tekan Ctrl+F Cari kode </head> atau jika tidak ketemu atau sudah di parse cari kode </head> kemudian copy semua kode berikut DIATAS 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>
Jika ukuran banner tidak sesuai dengan ukuran body pada blog anda silahkan ubah ukuran width:970px sesuai dengan ukuran body pada blog yang anda miliki.
Kedua:
Berikutnya untuk penerapan pemasangan kode iklan adsense billboard silahkan cari kode <body> atau <body> kemudian pasang kode berikut DIBAWAH kode <body> DIATAS </body> bisa anda pasang di bawah MENU HEADER yang penting diantara kedua kode tersebut.
<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 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>
Ganti kode data-ad-client="ca-pub-xxxxxxxxxxx dan data-ad-slot="xxxxxxxxxxx" dengan kode slot iklan adsense Teks dan Gambar Responsive akun adsense anda.
Kode skrip iklan diatas menggunakan tombol HIDE and SHOW agar pengunjung merasa nyaman dan tidak terganggu oleh iklan billboard. Namun jika anda ingin menghapus tombol tersebut silahkan hapus kode skrip berikut:
<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>
Demikian tutorial mengenai cara membuat slot iklan adsense billboard di blog. Semoga bermanfaat bagi para teman blogger yang ingin memasang iklan billboard di blog
Baca Juga: 10+ Penyebab Akun Adsense di Banned
