Skip to main content
BISSKEY

follow us

Cara Memasang Iklan Billboards dengan Tombol Hide Open di Blog AMP

Unit iklan Billboards kini mulai ramai di perbincangkan oleh banyak blogger, dan juga sudah banyak dipasang oleh banyaak blogger di situs blog mereka, dikarenakan unit iklan ini mendapatkan bpk yang lumayan menggiurkan mungkin ini yang membuat banyak blogger memasangnya.

Setelah sebelumnya membahas tentang cara memasang iklan billboards diblog nonamp sekarang saya akan memberikan tips cara memasangnya di blog AMP.

Pertama tama buatlah unit iklan baru dimenu Google AdSense anda, kemudian tambahkan kode dibawah ini didalam style amp-custom blog anda.

/* Top Banner */
.top_banner{margin:20px auto;padding:0 10px 20px;position:relative;width:100%;max-width:990px;height:auto}
#close_topbanner,#open_topbanner{font-family:Roboto,sans-serif;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}

Sekarang simpan kode dibawah ini tepat dibawah kode <body> atau simpan kode di bawah ini pada widget html/javascript yang ada diheader atau paruh atas blog sobat.

<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'>
<amp-ad data-ad-client='ca-pub-xxxxxxxxxxxxxx' data-ad-slot='xxxxxxxxxx' height='250' layout='fixed-height' type='adsense'>
 </amp-ad>
  </div>
<button id='close_topbanner' on='tap:topbanner.hide, close_topbanner.hide, open_topbanner.show' role='button' tabindex='0' title='Close'>Close Ad</button>
<button hidden='' id='open_topbanner' on='tap:topbanner.show, close_topbanner.show, open_topbanner.hide' role='button' tabindex='0' title='Open'>Open Ad</button>
  </div>
</b:if>

Ubah ca-pub-xxxxxxx' dan data-ad-slot='xxxxxx' dengan kode iklan anda

Jika sudah merasa benar untuk penempatannya silahkan simpan dan lihat hasilnya!

Unit iklan ini harus disimpan di atas paruh situs dikarenakan unit iklan ini memiliki ukuran yang besar jadi harus di simpan di paruh atas laman. Dan disediakannya tombol hide ad dan open ad adalah karena besarnya ukuran iklan jadi pengunjung yang merasa terganggu dengan iklan ini bisa menutupnya. Namun iklan ini juga bisa dilihat kembali dengan cukup dengan klik tombol open ad maka iklan akan tampil kembali.


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