Cara Pasang 2 Iklan Google Adsense di Tengah Artikel

Setelah membahas postingan tentang cara memasang kode iklan Adsense yang benar tanpa perlu di parse, berikut ini saya akan bahas tentang cara memasang dua unit/slot iklan Google Adsense ti tengah postingan dan tampil secara otomatis.

Sebetulnya konsepnya hampir sama dengan tutorial tentang cara memasang iklan Adsense di tengah artikel yang sudah saya buat sebelumnya. Persamaanya ialah, kita bisa menampilkan iklan pada paragraph manapun secara otomatis.

Adapun cara memasang 2 iklan Google Adsene di tengah artikel/postingan blogger/blogspot silahkan ikuti tutorialnya berikut ini.

Cari kode seperti ini:

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

Atau yang seperti ini (khusus pengguna template Themeindie.com):

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

Hapus kode tersebut, lalu ganti dengan kode berikut 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>

Keterangan:

• Slot iklan pertama, letakkan di bawah kode <!-- Your middle ads1 here -->
• Slot iklan kedua, letakkan di bawah kode <!-- Your middle ads2 here -->
• Silahkan sesuaikan angka 3 dan 5 pada kode berikut, untuk mengatur pada (setelah) paragraf berapa iklan hendak ditampilkan:

  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]);}

Note: semakin besar angka yang Anda berikan, maka semakin ke bawah pula tempat iklan akan tampil.

Jangan lupa menambahkan kode CSS berikut ini, untuk mengatur letak dan ruang kedua slot iklan tersebut. Letakkan kode berikut di atas </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}

Setelah itu, silahkan simpan Theme, lalu buka salah satu artikel untuk melihat hasilnya.

Demikian tutorial tentang cara memasang 2 iklan Google Adsense di tengah artikel/postingan. Terima kasih, semoga bermanfaat!