Cara Mudah Pasang 2 Iklan Adsense Di Tengah Artikel

Hallo sobat sekalian masih bersama dengan saya dan masih membahas tutorial seputar blogger. Dan untuk postingan kali ini saya coba akan share tutorial Cara Mudah Pasang 2 Iklan Adsense Di Tengah Artikel. Sebenarnya cara memasang nya pun cukup mudah bila kalian simak dengan baik" tutorial yang saya berikan ini.

Tutorial ini pun juga saya dapat kan dari sobat kita yang bernama bungfrangki.com Lumayan terkenal juga loh dia. Dan kali ini saya pun coba membagikan artikel ini untuk kalian yang ingin tau cara nya dan ingin cepat" mempraktekan nya di blog kalian. Contoh nya tidak usah jauh" kalian bisa liat di blog saya ini yang sudah saya terapkan 2 iklan di tengah postingan/artikel.
Ok langsung mulai saja sob,, biar postingan ini bisa cepat kelar. Hehehe...

Cara Mudah Pasang 2 Iklan Adsense Di Tengah Artikel

Pertama silakan kalian cari code seperti di bawah ini di template kalian masing - masing.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
 <data:post.body/>
</b:if>

Atau code seperti di bawah ini bila kalian menggunakan template dari themeindie.com.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='artbody'><data:post.body/></div>
</b:if>

Atau juga kalian bisa coba dengan code seperti ini saja.

<data:post.body/>

Dari tiga code di atas silakan kalian coba satu persatu. Karena enggak semua template sama sob.
Kalo untuk di blog saya ini saya cukup mengganti code yang <data:post.body/>
Karena di template saya, saya sudah memasang Related Post di tengah artikel.

Ok kita lanjut,, sekarang code" yang di atas tadi kalian ganti dengan code di bawah ini.

<b:if cond='data:view.isPost'>
    <div class='middleAds middleAds1' id='middleAds1'>
      <div style='clear:both;'>
<p>Advertise</p>
        <!-- Your middle ads1 here -->
      </div>
    </div>
    <div class='middleAds middleAds2' id='middleAds2'>
     <div style='clear:both;'>
<p>Advertise</p>
        <!-- Your middle ads2 here -->
      </div>
    </div>
<div id='tgtPost'><data:post.body/></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(&quot;tgtPost&quot;);
  var midAd1 = document.getElementById(&quot;middleAds1&quot;);
  var midAd2 = document.getElementById(&quot;middleAds2&quot;);
  var showAd1 = tgt.getElementsByTagName(&quot;br&quot;);
  var showAd2 = tgt.getElementsByTagName(&quot;p&gt;&quot;);
  if (showAd1.length &gt; 0) {insertAfter(midAd1,showAd1[3]);}
  if (showAd2.length &gt; 0) {insertAfter(midAd1,showAd2[3]);}
  if (showAd1.length &gt; 0) {insertAfter(midAd2,showAd1[5]);}
  if (showAd2.length &gt; 0) {insertAfter(midAd2,showAd2[5]);}
</script>
</b:if>

Perlu di perhatikan dari tiga code di atas cari yang sekiranya pas berada di tengah" body artikel. Biasa nya terletak di code ke tiga ada pun juga di code ke empat. Silakan kalian coba satu - satu. Setelah itu save template kalian. Dan liat hasilnya.

• Slot iklan pertama letakan di bawah tulisan
  Your middle ads1 here
• Dan slot iklan kedua letakan di bawah tulisan
  Your middle ads2 here
• Selanjutnya silakan kalian sesuaikan angka 3 dan 5 pada code berikut untuk mengatur berapa paragraf yang hendak di tampilkan.

if (showAd1.length > 0) {insertAfter(midAd1,showAd1[3]);}
if (showAd2.length > 0) {insertAfter(midAd1,showAd2[3]);}
if (showAd1.length > 0) {insertAfter(midAd2,showAd1[5]);}
if (showAd2.length > 0) {insertAfter(midAd2,showAd2[5]);}

Note: Semakin besar angka yang kalian berikan semakin menurun letak iklan akan tampil

Dan yang terakhir,, silakan kalian copy code di bawah ini dan paste di atas code </style>

/* Middle Ads */
.middleAds{margin:10px auto 4px;display:block;overflow:hidden;width:100%;height:auto;text-align:center}
.middleAds p{font-size:11px!important;font-weight:400;text-align:center;display:block;padding:0;margin:0 auto 5px!important;color:#bbb!important}

Gimana sob mudah bukan,, mudah dongg kalo kalian pelan" simak tutorial yang saya berikan ini. Ok mungkin itu saja yang bisa saya berikan untuk Postingan Cara Mudah Pasang 2 Iklan Adsense Di Tengah Artikel. Semoga bermanfaat untuk kalian semua.

Share this post