Membuat Slot Iklan Adsense Sebelum Dan Sesudah Artikel Blog Otomatis

Kali ini kenny akan memberikan tutorial Membuat Slot Iklan Adsense Sebelum Dan Sesudah Artikel Blog. Cara yang akan kenny lakukan kali ini sangatlah mudah dan dapat di pahami pemula sekalipun.

Dengan membuat iklan tampil di awal dan akhir artikel secara otomastis memungkinkan para pengunjung dapat melihatnya, berbeda dengan iklan yang tampil di sidebar, saat tampilan blog di layar yang lebih kecil dari PC/Komputer akan menghilang atau akan di pindahkan secara otomatis ke bagian bawah blog.

Jadi dengan meletakkan iklan di awal dan akhir artikel mwmungkinkan pengunjung dapat melihatnya, syukur-syukur terklik.

Berikut Tutorialnya

• Masuk Blogger - Edit Tema - Edit HTML
• Cari kode berikut dengan bantuan CTRL + F
  

  <data:post.body/>
  

• Jika kode diatas ada banyak pilihlah yang berada di antara tag kodisional halaman postingan seperti berikut
  

  <b:if cond='data:view.isPost'>
    ....
    <data:post.body/>
    ....
  </b:if>
  

• Atau kode kondisional bisa juga menggunakan tag lama seperti berikut
  

  <b:if cond='data:blog.pageType == "item"'>
    ....
    <data:post.body/>
    ....
  </b:if>
  

• Setelah itu tambahkan Kode berikut
  

  <b:if cond='data:view.isPost'>
    ....
    <div class='iklanatas'>
      <!-- Tulis kode iklan disini -->
    </div>
    <data:post.body/>
    ....
    <div class='iklanbawah'>
      <!-- Tulis kode iklan disini -->
    </div>
  </b:if>
  

• Jika terjadi error saat template di simpan, ganti tulisan async menjadi async="async" di script iklan adsense kalian
• Jika masih bingung berikut kode lengkapnya
  

  <b:if cond='data:view.isPost'>
    ....
    <div class='iklanatas'>
      <script async="async" src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
      <ins class="adsbygoogle"
        style="display:block"
        data-ad-client="ca-pub-xxxxxxxxxxxxxxxx"
        data-ad-slot="xxxxxxxxxx"
      <script>
      (adsbygoogle = window.adsbygoogle || []).push({});
      </script>
    </div>
    <data:post.body/>
    ....
    <div class='iklanbawah'>
      <script async="async" src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
      <ins class="adsbygoogle"
        style="display:block"
        data-ad-client="ca-pub-xxxxxxxxxxxxxxxx"
        data-ad-slot="xxxxxxxxxx"
      <script>
      (adsbygoogle = window.adsbygoogle || []).push({});
      </script>
    </div>
  </b:if>
  

• Tambahkan kode CSS berikut agar iklan lebih responsive
  

  .iklanatas {margin:0px 0px 10px; padding:0px}
  .iklanbawah {margin:10px 0px 0px; padding:0px;}
  

• Done simpan template

Baca juga: Meningkatkan trafik blog
Sekian tutorialnya semoga berhasil