Skip to content Skip to sidebar Skip to footer

Cara Memasang Iklan Diatas dan Dibawah Postingan Blogger

Cara Memasang Iklan Diatas dan Dibawah Postingan Blogger
AmbyarBlog - Penempatan iklan yang paling umum digunakan oleh para publisher ialah diatas dan dibawah postingan. Karena posisi ini akan selalu terlihat oleh pengunjung sehingga potensi mendapatkan klik akan semakin besar.

Oleh sebab itu, jika sobat masih bingung cara memasang iklan sebelum dan sesudah isi artikel, maka tutorial yang akan saya bagikan sangat membantu sobat sekalian dalam mengatasi masalah tersebut.

Bagi para publisher awan akan sangat membantu dalam menempatkan posisi iklan ini. Ya, seperti yang tadi saya jelaskan akan menambahkan penghasilan klik sobat otomatis pendapatan juga akan bertambah naik. Oke, dari pada lama-lama kita langsung saja ke tutorial pemasangan iklan adsense di atas dan dibawah postingan.

Cara Memasang Iklan AdSense Diatas dan Dibawah Artikel

Hal yang paling utama dalam membuat slot iklan Adsense, sobat harus membuka dashboard blogger dulu > Tema > Edit HTML. Kemudian cari kode:
<data:post.body/>
Jika kode tersebut banyak sobat pilih kode yang berada pada tag kondisional dalam postingan seperti ini:
<b:if cond='data:view.isPost'>
  ....
  <data:post.body/>
  ....
</b:if>
Bisa juga tag kondisionalnya menggunakan versi lama seperti ini:
<b:if cond='data:blog.pageType == "item"'>
  ....
  <data:post.body/>
  ....
</b:if>
Setelah itu, sobat 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>
Ganti tulisan yang sudah ditandai dengan kode iklan AdSense sobat.
Jika terjadi error ketika save, sobat tinggal ganti kode async dengan async="async" pada script iklan.
Sebelum:
<!-- 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:
<!-- 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 akhirnya akan 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>
Lalu sobat tambahkan sedikit kode CSS supaya iklannya tidak berdekatan dengan postingan. Simpan DIATAS </style> atau ]]></b:skin>.
.iklanatas {margin:0px 0px 10px; padding:0px}
.iklanbawah {margin:10px 0px 0px; padding:0px;}
Terakhir jangan lupa simpan templatenya dan lihat hasilnya. Gimana mudah bukan?

Demikianlah tutorial Cara Memasang Iklan AdSense Diatas dan Dibawah Postingan yang dapat saya bagikan. Semoga bermanfaat, apabila ada pertanyaan silahkan komen di kolom komentar. Sampai jumpa, sekian dan terima kasih.



Post a Comment for "Cara Memasang Iklan Diatas dan Dibawah Postingan Blogger"