Cara Membuat Iklan Billboard Di Blog AMP



Hallo sobat Blogger ketemu lagi dengan saya di blog saya ini yaitu Ivhaa Network nah kemarin ada yang inbox saya via chat di facebook beliau bertanya Mas Bagaimana Cara Membuat Iklan Billboard di Blog.

Nah artikel ini buat tadi yang request yaitu Cara Membuat Iklan Billboard Di Blog AMP artikel ini pertama kali di buat oleh mas Adhy di blog nya nah untuk itu saya share di blog saya juga karena belum ada yang membahas tutorial ini di blog lain.

  1. Silahkan Copy paste kode ini di atas kode <head>
  2. <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>
  3. Kemudian Copy kode berikut ini di bawah ini dan taruh 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 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>
Nah buat menggantikan kode adsense kalian silahkah ganti code data-ad-client ini dan data-ad-slot dengan milik kalian nah semoga bermanfaat buat kalian semua.

Buat yang request terima kasih banyak telah mempercayai blog ini untuk belajar untuk kalian semua.

Reaksi:
Share this with short URL:

You Might Also Like:

Use parse tool to easy get the text style on disqus comments:
Show Parser Hide Parser