Cara Pasang Iklan Adsense Di Atas Dan Bawah Artikel Postingan Blogger - TRIPROFIK.COM

Konten [Tampil]

triprofik.com-cara pasang iklan adsense di atas dan bawah artikel postingan blogger-jika kemarin di artikel sebelumnya kami sudah membahas tentang pemasangan kode iklan adsen di dalam artikel, sedangkan untuk kali ini beda lagi, yaitu letak yang paling kita temukan adalah di atas artikel atau atas judul kemudian di bagian bawah artikel. karena di posisi itulah kemungkinan besar akan mendapatkan klik yang lebih banyak.

Sebagai publisher google adsense tentunya kita akan mencari cara untuk menghasilkan lebih banyak dari sebelumnya namun tidak melanggar aturan yang telah di tetapkan oleh perusahaan raksasa tersebut, sehingga kita bisa memasangnya tanpa perlu khawatir akan dibanned oleh pihak google. 

ads atas dan bawah

Bagi kamu yang sedang mengelola blog dengan menggunakan platform blogger tentunya akan kesulitan untuk menempatkan iklan yang kamu inginkan, karena harus mengedit beberapa html yang terdapat ditema blogger itu sendiri, bagi orang awam yang tidak mengerti akan hal itu pastinya sangat kesulitan jika dipraktekkannya. namun jangan khawatir sekarang sudah banyak sekali tutorial yang membagikan cara tersebut mulai dari yang paling mudah hingga yang paling banyak tingkah, tinggal pilih saja dimana yang paling dimengerti oleh dirimu.

Cara memasang script iklan di blog

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.

Cara memasang kode iklan adsense di blog

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

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

  ....

  <data:post.body/>

  ....

</b:if>

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>

Penting untuk diperhatikan

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" 

Kode sebelum di rubah

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

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

Cara ini hanya untuk yang menggunakan cms blogger ya bukan wordpress.

Mungkin ingin mengubah dan menambahkan iklan di tengah artikel, silahkan simak cara memasang iklan di tengah artikel

 Demikianlah artikel ini semoga bisa memberikan kemanfaatan bagi yang menggunakan blogger gratis seperti kami ini.