Cara Memasang Iklan Adsense di Tengah Postingan Artikel Blogspot yang 100% Work

4 Iklan Adsense Responsive di Tengah Artikel

Cara Memasang Iklan Adsense di Tengah Postingan Artikel Blogspot yang 100% Work - Hai sobat ATAEH, kali ini akan kita ulas tentang Cara Memasang Iklan Adsense di Tengah Postingan Artikel Blogspot yang 100% Work. Cara ini sudah saya buktikan di blog-blog saya yang lain dan memang betul-betul 100% Work.

Keberadaan iklan di tengah postingan artikel diharapkan dapat membut orang yang sedang membaca artikel kita terpaku dan terpana pada iklan yang ada di tengah artikel sehingga dia langsung meng-Klik-nya. Dari situ kita bisa mendapatkn penghasilan dari adsense, dan memang tujuan di tampilkan iklan adalah supaya kita bisa medapatkan penghasilan dari blog atau website yang kita kelola, karena kita bermain internet itu gak gratis. bukan begitu sob? heheheh

Btw, Memang sudah lama ATAEH cari tentang tutorial cara membuat/memasang iklan adsense ditengah postingan yang sekiranya tidak merusak susunan postingan artikel, baik gambar, ataupun paragraf artikel itu sendiri. akhirnya ketemu juga cara-caranya. dan kali ini ATAEH bagikan buat sobat semua yang memang ingin membuat tampilan postingan artikel tertata rapi dan iklanpun tertata rapi tidak merusak susunan artikel dan gambar yang ada dalam artikel.

Mungkin sobat bertanya apa maksud dari 100% work?

Maksudnya adalah Code ini bisa sobat pasang pada template sobat dan kode ini tidak merusak gambar, tidak merusak susunan paragraf. Kode ini memang benar-benar full responsive, artinya munculnya iklan yang ada dalam postingan artikel sobat berada pada sela-sela paragraf secara otomatis dan mencari tempat sendiri untuk di tempatinya.

4 Iklan Adsense Berada di Tengah Potingan Artikel

Maksud dari 4 iklan adsense berada di tengah postingan artikel adalah di postingan artikel kita di blog ada empat, yaitu iklan yang pertama berada di bawah judul artikel, iklan yang kedua berada di tengah artikel dua buah iklan, dan yang ke tiga iklan berada tepat di bawah artikel.

Oke, kita langsung saja ya sobat, biar tidak mbulet ae. hehehe

Pertama silahkan copy script di bawah ini

<!-- iklan di bawah judul taruh di sini -->
<ins class='adsbygoogle' data-ad-client='ca-pub-xxxxxxxxxxxxxx' data-ad-format='fluid' data-ad-layout='in-article' data-ad-slot='xxxxxxxxxx' style='display:block; text-align:center;'/>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>
  
<!--IKLAN DITENGAH POST-->
<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;'>

         <!-- ikan tengah artikel -->
<ins class='adsbygoogle' data-ad-client='ca-pub-xxxxxxxxxxxxxx' data-ad-format='fluid' data-ad-layout='in-article' data-ad-slot='xxxxxxxxxx' style='display:block; text-align:center;'/>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>
      </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;'>
         <!-- ikan tengah artikel -->
<ins class='adsbygoogle' data-ad-client='ca-pub-xxxxxxxxxxxxxx' data-ad-format='fluid' data-ad-layout='in-article' data-ad-slot='xxxxxxxxxx' style='display:block; text-align:center;'/>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>
       </div>
     </div>
     <script async='async' 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(&quot;tgtp&quot;); 
       var ad1 = document.getElementById(&quot;ad-script1&quot;);
       var ad2 = document.getElementById(&quot;ad-script2&quot;);
       var tg1 = tgt.getElementsByTagName(&quot;p&quot;); 
       var tg2 = tgt.getElementsByTagName(&quot;br&quot;);   
       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 &gt; 2) {
           insertAfter(ad1,tg1[bl1-1]); insertAfter(ad2,tg1[bl2-1]);
       } else if (br2 &gt; 1) {
           insertAfter(ad1,tg2[bk1-1]); insertAfter(ad2,tg2[bk2-1]);
       } else {}
     </script>
   </b:if>
</b:if>

  <!-- iklan di bawah postingan taruh di sini -->
<ins class='adsbygoogle' data-ad-client='ca-pub-xxxxxxxxxxxxxx' data-ad-format='fluid' data-ad-layout='in-article' data-ad-slot='xxxxxxxxxx' style='display:block; text-align:center;'/>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>
</div>
</div>

Kedua : Setelah script di atas sobat copy silahkan sobat buka blog sobat dan menuju pada tema lalu Edit HTML

Ketiga : Carilah <data:post.body/> dengan cara ctrl+f

Oia sobat, perlu sobat ketahui bahwa dalam template ada lebih dari satu <data:post.body/>, bisa dua bahkan ada yang empat, tapi template paling banyak saya temui itu memiliki dua atau tiga <data:post.body/> sobat coba saja satu-satu yang mana yang pas dan benar untuk ditempati iklan. biasanya saya kalau nyoba yang mana yang benar dan pas untuk ditaruh iklan saya hapus <data:post.body/> lalu saya pergi melihat ke postingan, kalau postingannya hilang atau hanya layar kosong berarti itulah yang dimaksud dari <data:post.body/> ini dan disitulah diletakkan kode iklan adsense di atas.

Mungkin cukup sekian dulu dari ATAEH tentang Cara Memasang Iklan Adsense di Tengah Postingan Artikel Blogspot yang 100% Work, semoga bisa bermanfaat dan cocok buat template sobat.

Oia, Apabila ada masalah atau keluhan tentang artikel di atas, bisa langsung kita diskusikan lewat comentar di bawah.