Cara Memasang Iklan Adsense Billboard Ukuran Besar Responsif

0
34

Cara Buat Iklan Adsense Besar Billboard Di Blog Cara Memasang Iklan AdSense Billboard Ukuran Besar Responsif

Billboard yaitu jenis iklan AdSense yang memiliki ukuran besar, yaitu 970 x 250px. Dia bisa menciptakan penghasilan publisher semakin banyak dikarenakan ukurannya yang cenderung lebih besar dibandingkan dengan slot iklan lain bisa menarik perhatian visitor. Blog akan membuatkan cara pasang iklan Billboard ukuran besar di blog biar earning AdSense kau bisa sedikit bertambah.

1. Tambahkan Inline CSS

First thing first, tambahkan instruksi CSS berikut ke pengaturan HTML blog kamu. Simpan SEBELUM / DI ATAS ]]></b:skin> atau <style>.

.billboard {display:block; max-width:1000px; min-width:970px; width:100%; max-height:300px; min-height:250px; height:100%; text-align:center; margin:20px 0px; padding:0px} @media screen and (max-width:969px){.billboard {min-width:728px; min-height:90px}} @media screen and (max-width:727px){.billboard {min-width:336px; min-height:280px}} @media screen and (max-width:335px){.billboard {min-width:300px; min-height:250px}} @media screen and (max-width:299px){.billboard {min-width:250px}} @media screen and (max-width:249px){.billboard {min-width:200px; min-height:200px}}

2. Edit Kode AdSense

Jangan salah kaprah ya, bukan edit yang aneh-aneh buat ngakalin Google kok. Cuma menambahkan gaya tampilan saja.

  1. Ambil instruksi AdSense masing-masing dan simpan dulu di notepad. Pilih jenis responsive saja. Misal kodenya kaya gini ya:
    <ins class="adsbygoogle"      style="display:block"      data-ad-client="ca-pub-xxxxxxxxxxx"      data-ad-slot="xxxxxxxxxxx"      data-ad-format="auto"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script>
  2. Hapus inline CSS dan data-ad-format yang ada disana. Maksudnya yang style="display:block" dan data-ad-format="auto". Tambahkan class billboard yang tadi dibentuk di langkah pertama. Sehingga instruksi alhasil akan ibarat ini.
    <ins class="adsbygoogle billboard"      data-ad-client="ca-pub-xxxxxxxxxxx"      data-ad-slot="xxxxxxxxxx"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script>

3. Pasang Kode Iklan AdSense Billboard Di Blog

Sekarang saatnya menyimpan instruksi iklan yang sudah dimodifikasi tadi. Tambahkan dulu tag kondisional supaya iklan nggak bakal muncul di halaman statis, halaman pencarian, dan halaman error. Trus cari instruksi <div id='content-wrapper'> dan letakan instruksi berikut SESUDAH / DI BAWAHNYA.

<b:if cond='!data:view.isPage and !data:blog.searchQuery and !data:view.isError'> <ins class="adsbygoogle billboard"      data-ad-client="ca-pub-xxxxxxxxxxx"      data-ad-slot="xxxxxxxxxx"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </b:if>

Jangan lupa simpan pengaturan dengan klik tombol Save theme

Penempatan iklannya nggak melulu mesti dibawah content-wrapper. Misal nih, jikalau mau disimpen dibawah navigasi, cari dulu instruksi HTML navigasinya dan simpan script AdSense dibawahnya.

Oya, instruksi CSS diatas berfungsi biar tetap menampilkan iklan AdSense Billboard responsif yang rectangular ketika dibuka di device yang lebih kecil, contohnya tablet atau smartphone. Maksudnya, iklan nggak bakal tampil horizontal (lebar kesamping tapi nggak tinggi) atau vertikal (tinggi keatas tapi nggak lebar), namun tetap besar dari lebar dan tingginya. Semoga berhasil prakteknya.