√ Cara Memasang Iklan AdSense di Atas dan Bawah Postingan Blog - AdityaTekno

Social Items

AdityaTekno.com - Cara Memasang Iklan AdSense di Atas dan Bawah Postingan Blogger. Pada umumnya penempatan iklan yang ditemukan adalah sebelum dan sesudah (atas dan bawah) isi postingan. Posisi ini paling direkomendasikan karena akan selalu terlihat oleh pengunjung sehingga potensi mendapatkan klik semakin besar.
Cara Pasang Iklan AdSense di Atas dan Bawah Postingan Blog

Nah, jika anda masih bingung bagaimana caranya memasang iklan sebelum dan sesudah isi artikel, maka ditutorial ini akan sangat membantu anda. Untuk anda bagi para publisher baru saya sangat menyarankan untuk mencoba meletakkan iklan di posisi ini.

Baca Juga: Cara Memasang 3 Slot Iklan di Tengah Postingan Artikel

Trik yang saya bagikan ini bukan hanya memasang iklan adsense saja, tapi bisa juga untuk memasang berbagai iklan PPC lainnya. Penempatan iklan yang tepat tentu akan menambah nilai klik yang sangat mempengaruhi pendapatan. Dan saya sendiri lebih suka memasang iklan pada halaman posting salah satunya pasang iklan diatas dan dibawah postingan.

Cara Pasang Iklan AdSense di atas dan bawah Postingan Artikel


Sebelumnya anda harus membuat slot iklan AdSense terlebih dulu. Setelah itu buka Blogger >> Tema >> Edit HTML.

Pertama, tambahkan kode CSS berikut ini agar jarak iklan tidak terlalu berdekatan dengan isi postingan. Dan Simpan diatas kode ]]></b:skin> atau </style>
.iklan-atas-post {margin:0px 0px 10px; padding:0px}
.iklan-bawah-post {margin:10px 0px 0px; padding:0px;}

Kemudian cari kode seperti ini.
<data:post.body/>

Jika terdapat banyak kode seperti diatas, pilih yang ada di dalam tag kondisional halaman posting seperti ini.
<b:if cond='data:view.isPost'>
  .......
  <data:post.body/>
  .......
</b:if>

Atau 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='iklan-atas-post'>
    <!-- Letakkan kode iklan anda disini -->
  </div>
  <data:post.body/>
  .......
  <div class='iklan-bawah-post'>
    <!-- Letakkan kode iklan anda disini -->
  </div>
</b:if>

Info: Hapus dan ganti <!-- Letakkan kode iklan anda disini --> dengan kode iklan anda.

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-xxxxxxxxxx"
  data-ad-slot="xxxxxxxx"
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

Baca Juga: Cara Membuat Slot Iklan Link Mirip Google Adsense

<!-- SESUDAH -->
<script async="async" src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<ins class="adsbygoogle"
  style="display:block"
  data-ad-client="ca-pub-xxxxxxxxxx"
  data-ad-slot="xxxxxxxx"
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

Dan hasil akhir serta kode lengkapnya kurang lebih akan seperti ini.
<b:if cond='data:view.isPost'>
  .......
  <div class='iklan-atas-post'>
    <script async="async" src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
    <ins class="adsbygoogle"
      style="display:block"
      data-ad-client="ca-pub-xxxxxxxxxx"
      data-ad-slot="xxxxxxxxxx"
    <script>
    (adsbygoogle = window.adsbygoogle || []).push({});
    </script>
  </div>
  <data:post.body/>
  .......
  <div class='iklan-bawah-post'>
    <script async="async" src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
    <ins class="adsbygoogle"
      style="display:block"
      data-ad-client="ca-pub-xxxxxxxxxx"
      data-ad-slot="xxxxxxxxxx"
    <script>
    (adsbygoogle = window.adsbygoogle || []).push({});
    </script>
  </div>
</b:if>

Sebetulnya penulisan 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.

Jika sudah selesai semua, silahkan Simpan Tema dan lihat hasilnya disalah satu postingan blog anda.

Baca Juga: Cara Memasang Iklan Melayang disamping Kanan dan Kiri Blog

Demikian Cara Memasang Iklan AdSense di Atas dan Bawah Postingan Blog. Semoga bermanfaat dan sampai jumpa dipostingan selanjutnya. Salam AdityaTekno.com

Cara Memasang Iklan AdSense di Atas dan Bawah Postingan Blog

AdityaTekno.com - Cara Memasang Iklan AdSense di Atas dan Bawah Postingan Blogger. Pada umumnya penempatan iklan yang ditemukan adalah sebelum dan sesudah (atas dan bawah) isi postingan. Posisi ini paling direkomendasikan karena akan selalu terlihat oleh pengunjung sehingga potensi mendapatkan klik semakin besar.
Cara Pasang Iklan AdSense di Atas dan Bawah Postingan Blog

Nah, jika anda masih bingung bagaimana caranya memasang iklan sebelum dan sesudah isi artikel, maka ditutorial ini akan sangat membantu anda. Untuk anda bagi para publisher baru saya sangat menyarankan untuk mencoba meletakkan iklan di posisi ini.

Baca Juga: Cara Memasang 3 Slot Iklan di Tengah Postingan Artikel

Trik yang saya bagikan ini bukan hanya memasang iklan adsense saja, tapi bisa juga untuk memasang berbagai iklan PPC lainnya. Penempatan iklan yang tepat tentu akan menambah nilai klik yang sangat mempengaruhi pendapatan. Dan saya sendiri lebih suka memasang iklan pada halaman posting salah satunya pasang iklan diatas dan dibawah postingan.

Cara Pasang Iklan AdSense di atas dan bawah Postingan Artikel


Sebelumnya anda harus membuat slot iklan AdSense terlebih dulu. Setelah itu buka Blogger >> Tema >> Edit HTML.

Pertama, tambahkan kode CSS berikut ini agar jarak iklan tidak terlalu berdekatan dengan isi postingan. Dan Simpan diatas kode ]]></b:skin> atau </style>
.iklan-atas-post {margin:0px 0px 10px; padding:0px}
.iklan-bawah-post {margin:10px 0px 0px; padding:0px;}

Kemudian cari kode seperti ini.
<data:post.body/>

Jika terdapat banyak kode seperti diatas, pilih yang ada di dalam tag kondisional halaman posting seperti ini.
<b:if cond='data:view.isPost'>
  .......
  <data:post.body/>
  .......
</b:if>

Atau 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='iklan-atas-post'>
    <!-- Letakkan kode iklan anda disini -->
  </div>
  <data:post.body/>
  .......
  <div class='iklan-bawah-post'>
    <!-- Letakkan kode iklan anda disini -->
  </div>
</b:if>

Info: Hapus dan ganti <!-- Letakkan kode iklan anda disini --> dengan kode iklan anda.

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-xxxxxxxxxx"
  data-ad-slot="xxxxxxxx"
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

Baca Juga: Cara Membuat Slot Iklan Link Mirip Google Adsense

<!-- SESUDAH -->
<script async="async" src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<ins class="adsbygoogle"
  style="display:block"
  data-ad-client="ca-pub-xxxxxxxxxx"
  data-ad-slot="xxxxxxxx"
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

Dan hasil akhir serta kode lengkapnya kurang lebih akan seperti ini.
<b:if cond='data:view.isPost'>
  .......
  <div class='iklan-atas-post'>
    <script async="async" src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
    <ins class="adsbygoogle"
      style="display:block"
      data-ad-client="ca-pub-xxxxxxxxxx"
      data-ad-slot="xxxxxxxxxx"
    <script>
    (adsbygoogle = window.adsbygoogle || []).push({});
    </script>
  </div>
  <data:post.body/>
  .......
  <div class='iklan-bawah-post'>
    <script async="async" src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
    <ins class="adsbygoogle"
      style="display:block"
      data-ad-client="ca-pub-xxxxxxxxxx"
      data-ad-slot="xxxxxxxxxx"
    <script>
    (adsbygoogle = window.adsbygoogle || []).push({});
    </script>
  </div>
</b:if>

Sebetulnya penulisan 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.

Jika sudah selesai semua, silahkan Simpan Tema dan lihat hasilnya disalah satu postingan blog anda.

Baca Juga: Cara Memasang Iklan Melayang disamping Kanan dan Kiri Blog

Demikian Cara Memasang Iklan AdSense di Atas dan Bawah Postingan Blog. Semoga bermanfaat dan sampai jumpa dipostingan selanjutnya. Salam AdityaTekno.com
Load Comments

Dapatkan Artikel Tips AdSense, Blogging, SEO setiap harinya.

Notifications

Disqus Logo