Cara Membuat Slot Iklan Adsense Billboard Dengan Tombol Show Hide Ad Untuk Blog Non AMP HTML - DP BBM 23

Kumpulan DP BBM Lucu | Bagus | Keren | Kocak | Galau | Romantis | DLL yang Diambil Dari Berbagai Sumber

Breaking

Post Top Ad

Post Top Ad

Monday, December 4, 2017

Cara Membuat Slot Iklan Adsense Billboard Dengan Tombol Show Hide Ad Untuk Blog Non AMP HTML

DP BBM 23 adalah sebuah blog gratis, yang menyajikan seputar kata - kata, DP BBM, AdSense, Blogger, Tutorial, Windows 10, ISO, Theme Wind0ws 10, etc! dan sobat saat ini sedang membuka halaman Cara Membuat Slot Iklan Adsense Billboard Dengan Tombol Show Hide Ad Untuk Blog Non AMP HTML, jika suka jangn sungkan untuk klik, like, share dan subcribe ya gaes!


Loading...

Baca Juga



DP BBM 23 - Cara Membuat Slot Iklan Adsense Billboard Dengan Tombol Show Hide Ad Untuk Blog Non AMP HTML - Hallo selamat siang dan selamat berjumpa kembali sahabat blog DP BBM 23 semuanya, dimana pun kalian berada, setelah semalam membahas mengenai Jika Domain Utama Expired Apa Adsense Bakalan Raib, Tidak Bisa Tampil Lagi Di Blog ??, dikesempatan siang inipun akan membahas hal serupa, yaitu mengenai Adsense Untuk Cara Membuat Slot Iklan Adsense Billboard Dengan Tombol Show Hide Ad Untuk Blog Non AMP HTML... untuk ulasan singkatnya simak terus dibawah ini !!!

Ok guys... berbicara soal Adsense rasanya tak akan ada habisnya untuk di perbincangkan, dari mulai para blogger senior sampai blogger junior hehe, tentunya sudah tidak asing lagi ketika mendengar kata Adsense maupun GA... bahkan hampir dari semua blog yang ada keseluruhan sudah terpasangi iklan dari Adsense ini...


Dan baiknya lagi para blogger diluaran sana membagikan pengalaman pribadinya, mulai dari awal pendaftaran, penolakan maupun di terimanya oleh Adsense, bahkan sampai - sampai cara pemasangan dan pembuatan unit iklannya saja di perincikan secara detail... waahh baik hati banget ya... seperti yang saat ini mau saya bahas, cara ini saya terapkan dari blog nya Mas Adhy Suryadi... taukan siapa beliau ?? jika gk tau, singkatnya Mas Adhy Suryadi itu pemilik blog Kompi Ajaib... so, dengan begitu sobat yang mengikuti tutorial ini, jangan khawatir akun adsensenya kenapa - kenapa, karena cara yang mau saya bagikan ini, terjamin terpercaya, karena sang ahlinya yang membuat script untuk penerapan unit iklan billboard ini... dan berikut ini penampakan blog saya yang lainnya, Sebelum pemasangan unit iklan Billboard...


Sebelum Pemasangan Unit Iklan Billboard

Kurang lebih seperti itulah penampakannya, sebelum di pasangi iklan Adsense Billboard, dan dibawah ini perubahan wujudnya hehe, setelah terpasangi iklan Billboard ( iklan bersepanduk besar )... dan untuk hasilnya lebih lanjut, silahkan menuju TKP dengan mengklik tombol "DEMO" dibawah ini...


Sesudah Pemasangan Unit Iklan Billboard

Dapatkah sobat melihat iklan Billboard yang saya maksud ?? itulah hasil jadinya bro... untuk script iklan ini, Mas Adhy menambahkan tombol Close Ad ( Untuk menutup iklan ) jadi jika pengunjung merasa risih dengan tampilan iklan tersebut, bisa dengan mengklik tombol Close Ad... dan untuk menampilkannya kembali cukup dengan mengklik tombol Open Ad, gimana keren bukan ?? dan berikut ini langsung saja ke tutorial Cara Membuat Slot Iklan Adsense Billboard Dengan Tombol Show Hide Ad Untuk Blog Non AMP HTML

1. Seperti biasa, pertama sobat buka dulu dashboard Blogger.Com...
2. Lalu Buka Template dan klik Edit HTML...
3. Cri Kode </head> jika sudah ketemu, letakkan kode dibawah ini, tepat 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>

4. Setelah kode tersebut terpasang, jangan dulu di Save, tapi pasang dulu kode HTML dibawah ini, dan letakkan 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>

Jika Sudah dipasang, jangan lupa sobat rubah dulu bagian ca-pub-xxxxxxxxxxxxxx dengan kode ID adsense sobat, dan juga bagian xxxxxxxxxxx dengan kode unit iklan yang sobat buat... mudahkan ?? dan kiranya hanya itu saja yang dapat admin blog DP BBM 23 sampaikan / berikan pada kesempatan siang hari ini, mengenai Cara Membuat Slot Iklan Adsense Billboard Dengan Tombol Show Hide Ad Untuk Blog Non AMP HTML... semoga bermanfaat ( bagi yang membutuhkan ), selamat siang dan sampai jumpa lagi... bye !!!!



thumbnail Title : Cara Membuat Slot Iklan Adsense Billboard Dengan Tombol Show Hide Ad Untuk Blog Non AMP HTML
Posted by : Unknown
Published : 2017-12-04T07:59:00Z
Rating : 90.5%
Reviewer : 9.998 Votes


Post Top Ad

Loading...