Trik Memasang iklan di atas dan bawah artikel Blog

Trik Memasang iklan di atas dan bawah artikel Blog

Trik Memasang iklan di atas dan bawah artikel Blog - Penempatan Iklan yang tepat sangat di perlukan untuk para blogger seperti penempatan yang sangat di rekomendasikan yang akan selalu tampil yaitu di posisi atas dan di bawah artikel blog sehingga potensi mendapatkan klik semakin besar.

Jika masih bingung bagaimana cara memasang iklan atas dan di bawah artikel, maka pada kesempatan kali saya akan membahas Trik Memasang iklan di atas dan bawah artikel Blog.

Okey Langsung saja Trik Memasang iklan di atas dan bawah artikel Blog akan kita ulas

Masuk keblog kalian buka dashboard blog kalian dan masuk ke Theme (Tema) >>> Edit HTML

Lalu Cari Kode Ini >>>  <data:post.body/>

Jika ada banyak, Pilihlah yang ada di dalamtag kondisional halaman posting blog kalian.

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

Dan bisa juga tag kondisionalna masih mengunakan cara lama, sehingga Seperti ini

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

Lanjut setelah itu tambahkan beberapa baris koda 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>

Lanjut kalian tinggal ganti dengan kode Google Adsense yang sudah kalian persiapkan

Lanjut.., Jika terjadi error saat save template blog kalian, ganti penulisan async menjadi async="async"

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

Dan Hasil Akhir kode lengkapnya lebihkurang 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>


Lanjut, Lalu tambahkan CSS ini agar jarak iklan tidak terlalu berdekatan isi posting blog kalain, Simpan di Atas </style> Atau ]]></b:skin>

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

Lalu Save Tempalte Blog Kalian, Semoga Trik Memasang iklan di atas dan bawah artikel Blog ini bermanfaat.

Artikel Terkait

Recent Comments