PANDUANEKA

Aneka Panduan & Solusi Anda

29 August 2017

Cara Memasang Kode Iklan Adsense di Bawah Paragraf Pertama, Kedua, dan Seterusnya

Cara memasang iklan Adsense di bawah paragraf - Halo apa kabar kawan panduaneka, kali ini saya akan berbagi panduan bagaimana memasang kode iklan Adsense di bawah paragraf pertama, kedua, ketiga dan seterusnya. Pemasangan iklan Adsense sebenarnya bisa ditempatkan di mana saja pada blog anda entah itu di sidebar, header, footer dan dalam postingan.

Bagi anda yang belum paham cara meletakkan iklan Adsense di beberapa tempat dalam blog silahkan simak panduan selengkapnya di : Cara Memasang Iklan Adsense di Blogspot (Panduan Lengkap)

Menurut para blogger senior penempatan iklan yang paling strategis adalah di dalam postingan karena bisa langsung dilihat oleh pembaca blog ketika mereka membaca konten. Ada beberapa posisi penempatan iklan di dalam postingan yang bisa Anda pilih.
  • Di bawah judul artikel
  • Di samping atas postingan
  • Di bawah paragraf pertama, kedua dan seterusnya
  • Di bawah tag H2
  • Di bawah artikel postingan
Pada artikel ini saya akan memberi panduan bagaimana memasang iklan Adsense di bawah paragraf pertama, kedua dan seterusnya.

Cara memasang kode iklan Adsense di bawah paragraf

Pemasangan iklan Adsense setelah paragraf ini bisa dilakukan dengan 2 cara :
  1. Otomatis melalui HTML template
  2. Manual per postingan

Pemasangan iklan Adsense setelah paragraf pertama melalui HTML template

1. Silahkan login ke akun Blogger anda
2. Kemudian klik template > Edit HTML
3. Kemudian cari kode <data:post.body/> untuk mempercepat pencarian tekan tombol CTRL + F bersamaan lalu masukkan kode tersebut dan tekan enter

Biasanya dalam template terdapat banyak kode <data:post.body/>, silahkan coba satu persatu atau biasanya yang terdapat pada tag kondisional <b:if cond='data:blog.pageType == &quot;item&quot;'>

4. Ganti kode <data:post.body/> dengan kode di bawah ini

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='adsense-content' style="display:block;text-align: center">
Kode Iklan Anda
</div>
<div id='adsense-target'><data:post.body/></div>
</b:if>

5. Silahkan ganti tulisan Kode Iklan Anda dengan kode iklan Adsense anda yang telah diparse

Parse Kode Disini

Anda juga bisa mengatur posisi iklan disebelah kiri atau kanan dengan mengganti kode yang berwarna kuning dengan kode di bawah ini

Iklan di sebelah kanan

<div id='adsense-content' style="display: inline-block;float: right;margin:15px 15px 15px 0px">

Iklan di sebelah kiri

<div id='adsense-content' style="display: inline-block;float: left;margin:15px 15px 15px 0px">

Langkah terakhir
6. Letakkan kode di bawah ini, di bawah kode pada langkah ke 5 di atas (dibawah kode <div id='adsense-target'><data:post.body/></div>), atau anda bisa menempatkan di atas </body> tergantung template yang digunakan.

<script type='text/javascript'>
function insertAfter(addition,target) {
var parent = target.parentNode;
if (parent.lastChild == target) {
parent.appendChild(addition);
} else {
parent.insertBefore(addition,target.nextSibling);
}
}
var adscont = document.getElementById(&quot;adsense-content&quot;);
var target = document.getElementById(&quot;adsense-target&quot;);
var linebreak = target.getElementsByTagName(&quot;br&quot;);
if (linebreak.length &gt; 0){
insertAfter(adscont,linebreak[0]);
}
</script>

Klik Save Settings dan selesai

Cara meletakkan iklan adsense di bawah paragraf pertama, kedua dan seterusnya

Dengan kode pada langkah 6 di atas, anda bisa mengatur di posisi mana iklan Adsense akan diletakkan.
  • Anda bisa meletakkan posisi iklan Adsense setelah paragraf pertama, paragraf kedua dan seterusnya. Anda juga meletakkannya di H2, H3 atau H4 postingan, caranya :
  • Jika ingin meletakkan iklan Adsense setelah paragraf kedua, anda bisa mengubah angka 0 pada kode di atas menjadi angka 2
  • Jika ingin meletakkan di bawah melebihi paragraf kedua anda bisa mengubahnya ke angka yang lebih tinggi misalnya, 4, 6, dan seterusnya.
  • Anda juga bisa menempatkan kode iklan Adsense setelah H2, H3 atau H4 postingan dengan merubah kode &quot;br&quotdengan h2, h3, atau h4

Cara manual meletakkan kode iklan di dalam postingan

Anda juga bisa memasang kode Adsense secara manual dalam postingan langsung. Dengan cara ini anda bebas mau menempatkan kode iklan dimanapun sesuai selera anda.

Cara manual yang kedua ini mungkin sedikit lebih merepotkan dari yang pertama. Meski begitu, bagi saya pribadi inilah cara yang paling baik.

Itu karena posisi iklan dalam satu tulisan bisa diatur sedemikian rupa kemunculannya sehingga tetap memperhatikan estetika tampilan blog. Sebenarnya cara pasangnya sangat mudah, tetapi karena harus dilakukan satu persatu tiap postingan jadi terkesan repot.

Untuk caranya silahkan anda ikuti panduannya berikut ini
1. Buka dashboard Blogger anda
2. Klik Post > pilih postingan yang akan dipasangi iklan
3. Anda bisa memasukkan kode script berikut ini dibagian tulisan yang anda pilih.

<div style=”float: left; margin-right: 10px; margin-bottom: 5px;”>
Kode Iklan Anda
</div>
Pasang pada mode HTML jangan Compose

4. Iklan tidak perlu di parse
Bentuk akhirnya seperti terlihat di bawah ini
<div style=”float: left; margin-right: 10px; margin-bottom: 5px;”>
<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-368641xxxxxxxxxx"
     data-ad-slot="775xxxxxxxx"
     data-ad-format="auto"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</div>

5. Klik Publish/Update
Seketika iklannya akan muncul di bagian tulisan yang anda inginkan.

Catatan :
Kode iklan Adsense di atas tidak lagi menyertakan kode script ini :

<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>

Karena kode script tersebut telah dipasang sebelumnya di body blog, sehingga setiap memasang unit iklan baru sudah tidak harus memasangnya berulang kali. Cara ini akan mempercepat blog anda karena script iklan tersebut tidak akan diload berulang kali.

Lebih jelasnya mengenai script kode asinkron ini, silahkan baca : Satu Script Kode Asinkron Adsense Untuk Mempercepat Loading Halaman Blog

Demikian cara memasang kode iklan Adsense di bawah paragraf pertama, kedua dan seterusnya. Silahkan praktekkan pada blog anda, selamat mencoba semoga bermanfaat.

3 comments:

  1. kalau mau taruh di 2 paragraf gimana, misalnya mau di taruh di paragraf 2 dan 3 caranya gimana?

    ReplyDelete
    Replies
    1. Silahkan cari dan baca panduannya gan pada blog ini tentang cara memasang 2 unit iklan di tengah postingan. Terima kasih sudah mampir dan membaca artikel ini

      Delete
  2. Sukses diterapkan, terimakasih ilmunya gan

    ReplyDelete

- Silahkan berkomentar sesuai topik.
- Mohon centang pada Notive me agar tahu balasan dari kami.
- Sebelum bertanya, silahkan Anda cari terlebih dahulu di kotak pencarian (Search)
- Untuk setiap komentar saya akan lakukan kunjungan balik ke situs Anda dengan atau tanpa komentar
Terima kasih atas kunjungan dan komentarnya