loading...

Membuat Slot Iklan Adsense Billboard Diatas Header Untuk Blog Non Amp

Setelah beberapa artikel sebelumnya aku membahas cara memasang iklan Adsense di beberapa kawasan dalam blog, yaitu di sidebar ataupun memasang iklan Adsense di dalam postingan, maka pada artikel kali ini aku akan memperlihatkan panduan cara memasang iklan Adsense billboard di atas header untuk blog non AMP.

Perlu diketahui, ukuran iklan yang tampil dalam iklan billboard ini yaitu unit iklan ukuran 970x250 dan 300x250.

Untuk menciptakan iklan responsive dengan banyak sekali ukuran layar, maka iklan yang akan tampil harus diatur dengan responsive media query. Nantinya iklan yang tampil pada layar ukuran 1024px yaitu ukuran 970x250 sedang untuk layar ukuran di bawah 1024px unit iklan akan ditampilkan dalam ukuran 300x250.

Untuk misalnya sendiri sudah aku terapkan pada blog ini dan sanggup tampil dengan baik.
Setelah beberapa artikel sebelumnya aku membahas  Membuat Slot Iklan Adsense Billboard Diatas Header untuk Blog Non AMP

Membuat Slot Iklan Adsense Billboard untuk Meningkatkan Pendapatan Adsense

Jika anda ingin mencobanya ibarat yang telah aku terapkan pada blog ini, silahkan ikuti panduannya berikut ini :

Silahkan anda copy instruksi dibawah ini kemudian paste di atas kode </head> atau &lt;/head&gt;&lt;!--<head/>--&gt;
<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}
#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>


Kemudian simpan instruksi HTML ini sempurna di bawah instruksi <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-xxxxxxxxxxxxxxxxx"
     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>


Silahkan anda ganti ca-pub-xxxxxxxxxxxx pada data-ad-client dan "xxxxxxxxx" pada data-ad-slot dengan instruksi Adsense anda.

Pastikan juga anda sudah memasang instruksi asinkron di bab <head> atau sempurna di bawah ]]></b:skin>

Untuk panduan lengkap mengenai kode asinkron ini, silahkan baca Satu Script Kode Asinkron Adsense untuk Mempercepat Loading Halaman Blog

Demikian artikel mengenai cara menciptakan slot iklan Adsense Billboard di atas header untuk blog non AMP, biar bermanfaat dan meningkatkan pendapatan Adsense anda.

Jika ada pertanyaan atau perhiasan informasi, silahkan berkomentar di kolom komentar yang sudah tersedia di bawah. Terima kasih

Sumber instruksi script https://www.mastrikece.xyz//search?q=cara-memasang-iklan-google-adsense-di-blog

0 Response to "Membuat Slot Iklan Adsense Billboard Diatas Header Untuk Blog Non Amp"

Posting Komentar

Iklan Atas Artikel

loading...

Iklan Tengah Artikel 1

loading...

Iklan Tengah Artikel 2

loading...

Iklan Bawah Artikel

loading...