Wednesday, January 17, 2018

Cara Memasang Iklan Adsense ukuran Besar di Bawah Header Blog Template Simplify 2 Arlinadzgn

Tags

Tampilan Iklan di Sinauyuk.com

Satu hari yang lalu saya membuat artikel tentang sinauyuk.com ganti template dan di artikel tersebut sedikit saya bahas tentang penambahan iklan adsense berukuran besar / billboard di bagian bawah header blog. Dari situ ada beberapa teman blogger yang menanyakan, bagaimana caranya menempatkan iklan billboard tersebut di bawah header, karena banyak yang mencoba selalu saja iklan berada di atas header dan tampilannya menjadi tidak bagus.

Pada artikel ini akan saya coba terangkan bagaimana cara memasang iklan berukuran besar / billboard agar berada di bawah header. Untuk tutorial pemasangan iklan berukuran besar sebenarnya sudah ada di kompiajaib.com dan saya sendiri juga mengetahui cara memasang iklan billboard dari kompiajaib.com. Akan tetapi karena perbedaan template yang di gunakan saat saya pertama mencoba, iklan muncul di atas header sama seperti kasus yang dialami teman-teman saya, untuk itu saya sedikit mengotak atik template blog saya untuk menemukan cara agar iklan dapat muncul di bawah header.

Seperti yang sudah saya katakan di atas karena setiap blog menggunakan template yang berbeda-beda, mungkin cara saya berikut tidak dapat bekerja 100% di semua jenis template. Langsung saja berikut langkah-langkah memasang iklan adsense ukuran besar/billboard di bawah header :

  1. Masuk ke bagian etit HTML blog.
  2. Tambahkan script kode berikut tepat di atas  </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:0px 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. Tambahkan kode berikut tepat diats kode   <div id='wrapper'> 

    <div id='pembatas' style='height:70px;width:100%'/>

    <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 anda -->


    </div>

    <button id='close_topbanner' onclick='document.getElementById(&apos;topbanner&apos;).style.display=&apos;none&apos;;close_topbanner.style.display=&apos;none&apos;;open_topbanner.style.display=&apos;block&apos;;' role='button' tabindex='0' title='Close'>Close Ad</button><button hidden='' id='open_topbanner' onclick='document.getElementById(&apos;topbanner&apos;).style.display=&apos;block&apos;;close_topbanner.style.display=&apos;block&apos;;open_topbanner.style.display=&apos;none&apos;;' role='button' tabindex='0' title='Open'>Open Ad</button>  </div></b:if>

    jangan lupa ganti <!-- kode iklan anda --> dengan kode iklan adsense anda, unit iklan yang digunakan sebaiknya unit iklan responsive agar jika dibuka di smart phone ukuran iklan akan dapat menyesuaikan dengan otomatis.

    Jika sudah klik simpan.
Demikian cara menampilkan iklan adsense ukuran billboard di bawah header blog, Cara di atas berhasil untuk template Simplify2 arlinedzgn,  jika ada pertanyaan silahkan tulis di kolom komentar atau kirim pesan lewat form hubungi kami.

Jika menurut anda artikel ini bermanfaat monggo di bagikan ke teman-teman blogger lainnya.
Terimakasih telah berkunjung.

Artikel Terkait


EmoticonEmoticon