Cara Pasang 2 Iklan di Tengah Postingan Sesuai Persentase Naskah Artikel

Saat ini, memasang 2 (dua) atau lebih iklan di tengah postingan blogspot bisa jadi sudah tidak asing lagi bagi Anda. Apalagi bila sebelum ini Anda pernah menerapkan tutorial terkait dengan hal tersebut melalui artikel pertama yang mengulas tentang “Cara Pasang 2 atau Lebih Iklan AdSense di Tengah Postingan Blogspot” atau artikel kedua yang mengulas tentang “Cara Pasang Iklan AdSense di Bawah Gambar atau Foto dan Video dalam Postingan”.

Perlu diketahui bahwa jika Anda menggunakan teknik pemasangan iklan di tengah postingan yang terdapat pada artikel di atas, maka letak munculnya iklan memang berada pada posisi yang tetap. Artinya jika posisi iklan telah ditentukan untuk muncul di bawah paragraf pertama dan keempat misalnya, maka sebanyak apapun jumlah paragraf yang terdapat dalam artikel itu, iklan akan selalu muncul di bawah paragraf pertama dan keempat.

Dimana penerapannya dapat dilakukan dengan cara mengerjakan beberapa langkah berikut ini:

Pertama,  parse terlebih dulu script / kode iklan AdSense yang akan dipasang.

Kedua, edit tema / template dan kemudian carilah bagian yang menyatakan <data:post.body/>. Selanjutnya apabila bagian tersebut sudah ketemu, maka gantilah dengan rangkaian kode di bawah ini. Tapi ingat…! Jangan lupa untuk mengganti bagian yang menyatakan <!-- Hapus bagian ini dan kemudian ganti dengan script iklan yang telah diparse.  --> dengan kode AdSense yang telah Anda parse sebelumnya.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
   <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
     <div id="ad-script1">
       <div style='clear:both;margin:10px 0px;'>
         <!-- Hapus bagian ini dan kemudian ganti dengan script iklan yang telah diparse. -->
      </div>
     </div>
   </b:if>
</b:if>
<div id="tgtp">
   <data:post.body/>
</div>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
   <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
     <div id="ad-script2">
       <div style='clear:both;margin:10px 0px;'>
         <!-- Hapus bagian ini dan kemudian ganti dengan script iklan yang telah diparse. -->
       </div>
     </div>
     <script type='text/javascript'>
     function insertAfter(tbh,tgt) {
       var prt = tgt.parentNode;
       if (prt.lastChild == tgt) {prt.appendChild(tbh);} 
       else {prt.insertBefore(tbh,tgt.nextSibling);}}
       var tgt = document.getElementById("tgtp"); 
       var ad1 = document.getElementById("ad-script1");
       var ad2 = document.getElementById("ad-script2");
       var tg1 = tgt.getElementsByTagName("p"); 
       var tg2 = tgt.getElementsByTagName("br");   
       var pt1 = tg1.length; var pt2 = tg2.length; 
       var ps1 = pt1*30/100; var ps2 = pt1*60/100;
       var br1 = pt2*30/100; var br2 = pt2*60/100;
       var bl1 = Math.round(ps1); var bl2 = Math.round(ps2);
       var bk1 = Math.round(br1); var bk2 = Math.round(br2);
       if (pt1 > 2) {
           insertAfter(ad1,tg1[bl1-1]); insertAfter(ad2,tg1[bl2-1]);
       } else if (br2 > 1) {
           insertAfter(ad1,tg2[bk1-1]); insertAfter(ad2,tg2[bk2-1]);
       } else {}
     </script>
   </b:if>
</b:if>

Ketiga, simpan tema / template.

Keterangan:

• Anda dapat mengganti angka 30 serta 60 pada bagian 30/100 dan 60/100 untuk mengubah persentase peletakan iklan.
• Script tersebut mendeteksi keberadaan tag <p> atau <br> yang terdapat dalam postingan, dengan asumsi bahwa kedua tag itulah yang umum dan paling banyak digunakan dalam pembuatan / penyusunan artikel dengan platform blogger / blogspot.

Anda mengalami kendala atau kesulitan yang perlu ditanyakan terkait dengan penerapan teknik tersebut? Poskan komentar untuk menyampaikan kendala atau kesulitan yang Anda alami.

sumber. eltelu.blogspot.co.id