Cara Memasang Iklan AdSense di Atas dan Bawah Postingan Blogger

Penempatan iklan yang umum ditemukan adalah sebelum dan sesudah (atas dan bawah) isi postingan. Posisi ini paling direkomendasikan karena akan selalu terlihat oleh pengunjung sehingga potensi mendapatkan klik semakin besar.

Jika kamu masih bingung bagaimana caranya memasang iklan sebelum dan sesudah isi artikel, maka tutorial ini akan sangat membantu. Bagi publisher baru sangat perlu untuk mencoba meletakkan iklan di posisi ini. Sebenarnya pertanyaan tentang bagaimana caranya meletakkan iklan sebelum dan sesudah isi postingan pernah dibahas di artikel yang berjudul Cara Memasang Kode Iklan AdSense di Blogger. Tapi akan saya ulas kembali agar lebih jelas.

Cara Membuat Iklan AdSense di Atas dan Bawah Artikel

Sebelumnya kamu harus membuat slot iklan AdSense terlebih dulu. Setelah itu buka dashboard Blogger dan masuk ke Theme (Tema) » Edit HTML.

Cari kode ini.

<data:post.body/>

Jika ada banyak, pilih yang ada di dalam tag kondisional halaman posting seperti ini.

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

Bisa juga tag kondisionalnya masih menggunakan cara lama, sehingga kodenya seperti ini.

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

Setelah itu tinggal tambahkan beberapa baris kode HTML.

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

Nah tinggal hapus <!-- Tulis kode iklan disini --> dan ganti dengan kode iklan AdSense.

Jika terjadi error saat save template, ganti penulisan async menjadi async="async" pada script iklan.

<!-- SEBELUM -->
<script async src="http://halaman1.googlesyndication.com/pagead/js/iklangoogle.js"></script>
<ins class="iklangoogle"
  style="display:block"
  data-ad-client="ca-pub-xxxxxxxxxxxxxxxx"
  data-ad-slot="xxxxxxxxxx"
<script>

</script>

<!-- SESUDAH -->
<script async="async" src="http://halaman1.googlesyndication.com/pagead/js/iklangoogle.js"></script>
<ins class="iklangoogle"
  style="display:block"
  data-ad-client="ca-pub-xxxxxxxxxxxxxxxx"
  data-ad-slot="xxxxxxxxxx"
<script>

</script>

Hasil akhir dan kode lengkapnya kurang lebih seperti ini.

<b:if cond='data:view.isPost'>
  ....
  <div class='iklanatas'>
    <script async="async" src="http://halaman1.googlesyndication.com/pagead/js/iklangoogle.js"></script>
    <ins class="iklangoogle"
      style="display:block"
      data-ad-client="ca-pub-xxxxxxxxxxxxxxxx"
      data-ad-slot="xxxxxxxxxx"
    <script>
    
    </script>
  </div>
  <data:post.body/>
  ....
  <div class='iklanbawah'>
    <script async="async" src="http://halaman1.googlesyndication.com/pagead/js/iklangoogle.js"></script>
    <ins class="iklangoogle"
      style="display:block"
      data-ad-client="ca-pub-xxxxxxxxxxxxxxxx"
      data-ad-slot="xxxxxxxxxx"
    <script>
    
    </script>
  </div>
</b:if>

Sebenarnya script eksternal <script async="async" src="http://halaman1.googlesyndication.com/pagead/js/iklangoogle.js"></script> hanya perlu dipanggil sekali. Jika ditulis berulang malah akan memberatkan blog. Selengkapnya bisa pelajari artikel Cara Menulis Kode Iklan AdSense Yang Efisien.

Lalu tambahkan CSS ini agar jarak iklan tidak terlalu berdekatan dengan isi postingan. Simpan DI ATAS </style> atau ]]></b:skin>.

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

Terakhir simpan template dan lihatlah hasilnya. Gampang kan menerapkan tutorial pasang iklan AdSense di atas dan bawah artikel Blogger ini.

Share :