Cara Memasang Iklan AdSense di Atas dan Bawah Postingan Blogger

Cara Memasang Iklan AdSense di Atas dan Bawah Postingan Blogger

Templatesme.com - Selamat sore sobat, pada kali ini saya akan memberikan sebuah tutorial bagaimana cara memasang iklan adsense di atas dan di bawah postingan artikel blog. pada umumnya penempatan iklan pada blog hanya terletak pada widget saja diatas, bawah atau samping. namun penempatan iklan tersebut masih kurang efektif karena kurang nya potensi mendapatkan klik yang besar.


Jika sobat masih bingung atau kesulitan bagaimana caranya memasang iklan sebelum dan sesudah isi artikel, maka tutorial ini akan sangat membantu sobat. untuk publisher baru sangat perlu mencoba meletakkan iklan di posisi ini. Untuk pertanyaan tentang bagaimana caranya meletakkan iklan sebelum dan sesudah isi postingan sudah banyak di google namun saya coba tulis kembali agar sobat bisa memahaminya.


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="//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>

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

Hasil akhir dan kode lengkapnya kurang lebih seperti ini.
<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>

Sebenarnya script eksternal <script async="async" src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.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.

Subscribe to receive free email updates:

0 Response to "Cara Memasang Iklan AdSense di Atas dan Bawah Postingan Blogger "

Post a Comment