Cara Memasang 2 Unit Iklan Adsense di Tengah Artikel Blog

Cara Memasang 2 Unit Iklan Adsense Otomatis di Tengah Postingan
Pasang 2 Iklan Otomatis di Tengah Artikel - Jika pada postingan sebelumnya saya posting tentang Cara Memasang Iklan Otomatis di Tengah Artikel Secara Rapi, di postingan kali ini saya bagikan tutorial Cara Memasang 2 Unit Iklan Adsense Otomatis di Tengah Artikel Blogger. Yap, dua iklan Google Adsense akan muncul secara otomatis di tengah postingan artikel blogger.

Dengan cara berikut Anda bisa memasang dan menampilkan 2 unit iklan Adsense di dalam tengah postingan artikel secara otomatis.

Memasang 2 Iklan di Tengah Artikel

Berikut ini cara pasang 2 iklan Adsense di tengah artikel blog blogspot blogger.com secara otomatis, langkah-langkahnya:


1. Masuk ke dashboard blog, kemudian pilih Tema > Edit HTML. Cari kode <data:post.body/>, biasanya terdapat 3-5 kode di dalam template. Cari kode yang berada tepat di bawah kode <b:if cond='data:blog.pageType == &quot;item&quot;'>. Struktur kodenya kurang lebih seperti berikut:

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

2. Hapus kode <data:post.body/> tersebut dan ganti dengan kode di bawah ini:

<b:if cond='data:view.isPost'>
<div class='middleAds middleAds1' id='middleAds1'>
<div style='clear:both;margin:15px'>
<div align='center'>
KODE IKLAN 1
</div>
</div>
</div>
<div class='middleAds middleAds2' id='middleAds2'>
<div style='clear:both;margin:15px'>
<div align='center'>
KODE IKLAN 2
</div>
</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[7]);}
if (showAd2.length &gt; 0) {insertAfter(midAd2,showAd2[7]);}
</script>
</b:if>


Keterangan:
KODE IKLAN 1 - kode iklan 1
KODE IKLAN 2 - kode iklan 2
{insertAfter(midAd1,showAd1[3]);} - posisi iklan 1 (setelah paragraf berapa)
{insertAfter(midAd1,showAd2[3]);} - posisi iklan 1 (setelah paragraf berapa)
{insertAfter(midAd2,showAd1[7]);} - posisi iklan 2 (setelah paragraf berapa)
{insertAfter(midAd2,showAd1[7]);} - posisi iklan 2 (setelah paragraf berapa)

Silahkan sesuaikan menurut keinginan masing-masing, semakin tinggi nilainya makan iklan akan muncul semakin bawah.

3. Parse terlebih dahulu kode unit iklan Google Adsense yang akan digunakan. Untuk parse kode (convert) ke HTML, silahkan buka disini.

4. Simpan Tema dan lihat hasilnya dengan membuka salah satu postingan.

Kurang lebih itu cara memasang 2 unit iklan Google Adsense di tengah artikel blogger. Selamat mencoba dan semoga bermanfaat.
Komentar