√ Cara Memasang 3 Slot Iklan di Tengah Postingan Artikel - AdityaTekno

Social Items

AdityaTekno.com - Cara Memasang 3 Slot Iklan di Tengah Postingan Artikel. Sebelumnya saya sudah membagikan cara memasang 2 iklan adsense ditengah postingan artikel. Mungkin rasa-rasanya memasang 2 slot iklan Adsense di tengah postingan masih kurang. Tapi tenang, disini saya akan membagikan trik cara pasang 3 iklan adsense ditengah postingan (diatas, ditengah, dibawah).

Sebenarnya tutorial memasang tiga slot iklan di tengah postingan blog kali ini tidak benar-benar terletak di tengah postingan, melainkan posisinya berada di dalam postingan. Iklan akan tampil menurut paragraph artikel yang kita tentukan di script.
Trik Memasang 3 Slot Iklan di Tengah Postingan Artikel

Cara Pasang 3 Iklan Adsense di Tengah Postingan Menurut Paragraf


1. Buka Blogger >> Tema >> Edit HTML.
2. Kemudian, cari kode yang seperti dibawah ini (atau serupa, biasanya yang kedua).
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<data:post.body/>
</b:if>

3. Ganti kode tersebut dengan kode berikut:
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='middleAds ads_middle' id='middleAds1'>
<div style='clear:both;'>
<!-- middle ads1, your AD code put below -->
</div>
</div>
<div class='middleAds ads_middle2' id='middleAds2'>
<div style='clear:both;'>
<!-- middle ads2, your AD code put below -->
</div>
</div>
<div class='middleAds ads_middle' id='middleAds3'>
<div style='clear:both;'>
<!-- middle ads3, your AD code put below -->
</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 midAd3 = document.getElementById(&quot;middleAds3&quot;);
var showAd1 = tgt.getElementsByTagName(&quot;br&quot;);
var showAd2 = tgt.getElementsByTagName(&quot;p&gt;&quot;);
var showAd3 = 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 (showAd3.length &gt; 0) {insertAfter(midAd1,showAd3[3]);}
if (showAd1.length &gt; 0) {insertAfter(midAd2,showAd1[8]);}
if (showAd2.length &gt; 0) {insertAfter(midAd2,showAd2[8]);}
if (showAd3.length &gt; 0) {insertAfter(midAd2,showAd3[8]);}
if (showAd1.length &gt; 0) {insertAfter(midAd3,showAd1[13]);}
if (showAd2.length &gt; 0) {insertAfter(midAd3,showAd2[13]);}
if (showAd3.length &gt; 0) {insertAfter(midAd3,showAd3[13]);}
</script>
</b:if>

4. Setelah itu, letakkan masing-masing 3 kode iklan Adsense Anda di bawah kode-kode berikut ini (satu baris kode, untuk satu kode iklan Adsense):
<!-- middle ads1, your AD code put below -->
<!-- middle ads2, your AD code put below -->
<!-- middle ads3, your AD code put below -->

Baca Juga: Cara Memasang Iklan dan Related Post ditengah Postingan

5. Atur juga tampilan iklan agar tidak bertabrakan dengan gambar dan kata-kata di artikel. Caranya yaitu, cari kode </style> lalu letakkan kode berikut ini di atas kode tersebut:
.middleAds{display:block;margin:15px auto;padding:0;width:100%;height:auto;overflow:hidden;text-align:center}

6. Simpan Tema, dan lihat hasilnya dengan membuka salah satu artikel di blog anda.

Note: Jika letak iklan saling mepet atau berdekatan satu sama lain, silahkan mengatur letaknya pada kode berikut:
if (showAd1.length &gt; 0) {insertAfter(midAd1,showAd1[3]);}
if (showAd2.length &gt; 0) {insertAfter(midAd1,showAd2[3]);}
if (showAd3.length &gt; 0) {insertAfter(midAd1,showAd3[3]);}
if (showAd1.length &gt; 0) {insertAfter(midAd2,showAd1[8]);}
if (showAd2.length &gt; 0) {insertAfter(midAd2,showAd2[8]);}
if (showAd3.length &gt; 0) {insertAfter(midAd2,showAd3[8]);}
if (showAd1.length &gt; 0) {insertAfter(midAd3,showAd1[13]);}
if (showAd2.length &gt; 0) {insertAfter(midAd3,showAd2[13]);}
if (showAd3.length &gt; 0) {insertAfter(midAd3,showAd3[13]);}

Angka pada kode [3] untuk mengatur paragraph tampil slot iklan pertama, angka pada kode [8] untuk mengatur paragraf tampil slot iklan yang kedua, dan angka pada kode [13] untuk mengatur paragraph tampil slot iklan ketiga.

Info: semakin besar nilai angka yang Anda berikan, maka semakin ke bawah iklan akan ditampilkan.

Nah, setelah menerapkan tutorial di atas, tetapi ketiga iklan hanya numpuk di atas atau di bawah artikel, atau bahkan postingan sudah menjadi dua, berarti ada yang salah dengan langkah-langkahnya. Silahkan ulangi kembali, dan jangan sampai salah edit mulai dari langkah pertama.

Info: Dengan sangat berat hati saya tuliskan bahwa, teknik Ads inline dengan jumlah 3 slot iklan ditengah artikel seperti ini tidak cocok untuk blog yang ber-niche "tutorial blog/website". Alasannya kenapa? Karena menyangkut sifat iklan tampil yang mengikuti paragraph. Sementara untuk blog tutorial itu cenderung mempublish artikel yang memuat JavaScript, jQuery dan CSS.

Jika dipaksakan untuk menggunakannya, maka terkadang iklan akan memotong script-script di tutorial postingan, dan hal itu sangat tidak friendly bagi pembaca. Dan pasti itu akan sangat mengganggu.

Saya sarankan untuk menggunakan trik inline ads 3 slot ini pada blog atau website yang isinya hanya tulisan-tulisan saja, atau blog yang isinya berupa tutorial yang diserta gambar/video.

Baca Juga: Cara Memasang Lazy Load Iklan Adsense

Demikian tutorial Cara Memasang 3 Slot Iklan di Tengah Postingan Artikel. Sampai jumpa dipostingan selanjutnya. Good Luck! Salam AdityaTekno.com

Cara Memasang 3 Slot Iklan di Tengah Postingan Artikel

AdityaTekno.com - Cara Memasang 3 Slot Iklan di Tengah Postingan Artikel. Sebelumnya saya sudah membagikan cara memasang 2 iklan adsense ditengah postingan artikel. Mungkin rasa-rasanya memasang 2 slot iklan Adsense di tengah postingan masih kurang. Tapi tenang, disini saya akan membagikan trik cara pasang 3 iklan adsense ditengah postingan (diatas, ditengah, dibawah).

Sebenarnya tutorial memasang tiga slot iklan di tengah postingan blog kali ini tidak benar-benar terletak di tengah postingan, melainkan posisinya berada di dalam postingan. Iklan akan tampil menurut paragraph artikel yang kita tentukan di script.
Trik Memasang 3 Slot Iklan di Tengah Postingan Artikel

Cara Pasang 3 Iklan Adsense di Tengah Postingan Menurut Paragraf


1. Buka Blogger >> Tema >> Edit HTML.
2. Kemudian, cari kode yang seperti dibawah ini (atau serupa, biasanya yang kedua).
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<data:post.body/>
</b:if>

3. Ganti kode tersebut dengan kode berikut:
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='middleAds ads_middle' id='middleAds1'>
<div style='clear:both;'>
<!-- middle ads1, your AD code put below -->
</div>
</div>
<div class='middleAds ads_middle2' id='middleAds2'>
<div style='clear:both;'>
<!-- middle ads2, your AD code put below -->
</div>
</div>
<div class='middleAds ads_middle' id='middleAds3'>
<div style='clear:both;'>
<!-- middle ads3, your AD code put below -->
</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 midAd3 = document.getElementById(&quot;middleAds3&quot;);
var showAd1 = tgt.getElementsByTagName(&quot;br&quot;);
var showAd2 = tgt.getElementsByTagName(&quot;p&gt;&quot;);
var showAd3 = 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 (showAd3.length &gt; 0) {insertAfter(midAd1,showAd3[3]);}
if (showAd1.length &gt; 0) {insertAfter(midAd2,showAd1[8]);}
if (showAd2.length &gt; 0) {insertAfter(midAd2,showAd2[8]);}
if (showAd3.length &gt; 0) {insertAfter(midAd2,showAd3[8]);}
if (showAd1.length &gt; 0) {insertAfter(midAd3,showAd1[13]);}
if (showAd2.length &gt; 0) {insertAfter(midAd3,showAd2[13]);}
if (showAd3.length &gt; 0) {insertAfter(midAd3,showAd3[13]);}
</script>
</b:if>

4. Setelah itu, letakkan masing-masing 3 kode iklan Adsense Anda di bawah kode-kode berikut ini (satu baris kode, untuk satu kode iklan Adsense):
<!-- middle ads1, your AD code put below -->
<!-- middle ads2, your AD code put below -->
<!-- middle ads3, your AD code put below -->

Baca Juga: Cara Memasang Iklan dan Related Post ditengah Postingan

5. Atur juga tampilan iklan agar tidak bertabrakan dengan gambar dan kata-kata di artikel. Caranya yaitu, cari kode </style> lalu letakkan kode berikut ini di atas kode tersebut:
.middleAds{display:block;margin:15px auto;padding:0;width:100%;height:auto;overflow:hidden;text-align:center}

6. Simpan Tema, dan lihat hasilnya dengan membuka salah satu artikel di blog anda.

Note: Jika letak iklan saling mepet atau berdekatan satu sama lain, silahkan mengatur letaknya pada kode berikut:
if (showAd1.length &gt; 0) {insertAfter(midAd1,showAd1[3]);}
if (showAd2.length &gt; 0) {insertAfter(midAd1,showAd2[3]);}
if (showAd3.length &gt; 0) {insertAfter(midAd1,showAd3[3]);}
if (showAd1.length &gt; 0) {insertAfter(midAd2,showAd1[8]);}
if (showAd2.length &gt; 0) {insertAfter(midAd2,showAd2[8]);}
if (showAd3.length &gt; 0) {insertAfter(midAd2,showAd3[8]);}
if (showAd1.length &gt; 0) {insertAfter(midAd3,showAd1[13]);}
if (showAd2.length &gt; 0) {insertAfter(midAd3,showAd2[13]);}
if (showAd3.length &gt; 0) {insertAfter(midAd3,showAd3[13]);}

Angka pada kode [3] untuk mengatur paragraph tampil slot iklan pertama, angka pada kode [8] untuk mengatur paragraf tampil slot iklan yang kedua, dan angka pada kode [13] untuk mengatur paragraph tampil slot iklan ketiga.

Info: semakin besar nilai angka yang Anda berikan, maka semakin ke bawah iklan akan ditampilkan.

Nah, setelah menerapkan tutorial di atas, tetapi ketiga iklan hanya numpuk di atas atau di bawah artikel, atau bahkan postingan sudah menjadi dua, berarti ada yang salah dengan langkah-langkahnya. Silahkan ulangi kembali, dan jangan sampai salah edit mulai dari langkah pertama.

Info: Dengan sangat berat hati saya tuliskan bahwa, teknik Ads inline dengan jumlah 3 slot iklan ditengah artikel seperti ini tidak cocok untuk blog yang ber-niche "tutorial blog/website". Alasannya kenapa? Karena menyangkut sifat iklan tampil yang mengikuti paragraph. Sementara untuk blog tutorial itu cenderung mempublish artikel yang memuat JavaScript, jQuery dan CSS.

Jika dipaksakan untuk menggunakannya, maka terkadang iklan akan memotong script-script di tutorial postingan, dan hal itu sangat tidak friendly bagi pembaca. Dan pasti itu akan sangat mengganggu.

Saya sarankan untuk menggunakan trik inline ads 3 slot ini pada blog atau website yang isinya hanya tulisan-tulisan saja, atau blog yang isinya berupa tutorial yang diserta gambar/video.

Baca Juga: Cara Memasang Lazy Load Iklan Adsense

Demikian tutorial Cara Memasang 3 Slot Iklan di Tengah Postingan Artikel. Sampai jumpa dipostingan selanjutnya. Good Luck! Salam AdityaTekno.com
Load Comments

Dapatkan Artikel Tips AdSense, Blogging, SEO setiap harinya.

Notifications

Disqus Logo