Cara Membuat Slot Iklan Adsense Billboard Dengan Tombol Show Hide Ads Untuk Blog - Minta Ilmu Cara Membuat Slot Iklan Adsense Billboard Dengan Tombol Show Hide Ads Untuk Blog - Minta Ilmu

Cara Membuat Slot Iklan Adsense Billboard Dengan Tombol Show Hide Ads Untuk Blog

Mintailmu.com - 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 + F dan 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 != &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> 
4. Setelah itu cari kode <body> lalu copy kode di bawah ini, lalu pastekan di bawah 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 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.
5. Save atau Simpan Template
6. Lihat Hasilnya
Show comments
Hide comments

0 Response to "Cara Membuat Slot Iklan Adsense Billboard Dengan Tombol Show Hide Ads Untuk Blog"

Posting Komentar

Silahkan Anda berkomentar yang baik, menarik Dan Benar sesuai dengan isi Postingan Minta Iilmu .com.
Komentar-Komentar yang tidak diperbolehkan Di dalam Postingan Ini :

1. Berbau penghinaan SARA ,PXXN & SPAM
2. Komentar dengan Link hidup (SPAM)
3. Komentar tidak nyambung dengan isi postingan

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel

Mau Dapat Informasi Lebih Banyak? Bisa Gabung Di Grup Telegram Dan Download App Mintailmu.com