Cara Pasang Iklan Adsense Di Atas Dan Bawah Artikel Postingan Blogger

Tutorial ini bukan hanya tertuju untuk kode iklan adsense saja, melainkan kamu bisa menggunakan iklan lain dengan cara yang sama dalam artikel ini, cukup ikuti apa yang telah di tulis dalam halaman ini, jika belum berhasil coba ulangi sekali lagi, mungkin saja kamu belum memahami secara rinci, soalnya kami pada awalnya juga begitu tidak berhasil di percobaan yang pertama namun setelah di pelajari kembali ternyata langsung bisa. semoga kamu bisa langsung mencobanya dan berhasil.

Sebelum masuk pada menu edit html kamu harus mencadangkan tema yang kamu gunakan, untuk jaga-jaga jika percobaan kamu ini belum berhasil, untuk mencadangkan tema silahkan masuk dulu ke blogger, kemudian pilih opsi di bagian kiri dengan nama Tema lalu klik panah kebawah dan klik cadangkan, maka seketika itu mulai mengunduh tema.

1.Siapkan kode iklan adsense yang ingin kamu gunakan di akun adsense kamu

2.Masuk pada blogger dan masuk pada menu tema kemudian edit html

3. Tekan control + F untuk memunculkan kolom pencarian

4.Cari kode berikut ini  <data:post.body/>

5. Kode tersebut ada banyak pilihan, jika bingung silahkan pilih yang mempunyai tanda dalam tag kondisional halaman postingan yang bentuknya seperti dibawah ini:

<b:if cond=’data:view.isPost’>

  ….

  <data:post.body/>

  ….

</b:if>

Namun ada juga yang menggunakan kondisional lama yang bentuknya seperti ini

Silahkan perhatikan dengan seksama jangan sampai keliru

6.Kemudian tambahkan kode html untuk memunculkan iklan adsen diblog kamu seperti berikut 

<b:if cond=’data:view.isPost’>

  ….

  <div class=’iklanatas’>

    <!– Paste kode iklan disini –>

  </div>

  <data:post.body/>

  ….

  <div class=’iklanbawah’>

    <!– Paste kode iklan disini –>

  </div>

</b:if>

Ganti tulisan <!– Paste kode iklan disini –> Dengan kode iklan adsense yang telah kamu siapkan sebelumnya, baik menggunakan kode yang sama atau berbeda juga tidak bermasalah.

Jika sudah selesai silahkan save template, maka cara pasang iklan di atas dan bawah artikel sudah selesai.

Di kasus yang lain kadang terjadi eror saat menekan tombol save untuk menyimpan hasil editor kamu, berikut untuk mengatasinya

Dengan mengganti tulisan async menjadi seperti ini async=”async” 

Berikut hasil akhir jika sudah melakukan perubahan seperti di atas

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

Untuk mengatur jarak iklan agar tidak berdekatan silahkan tambahkan dan letakkan di atas kode berikut </style> atau ]]></b:skin> 

Terakhir simpan template kemudian lihat hasilnya seperti apa? semoga berhasil ya