Cara Pasang 2 Iklan Otomatis di Dalam Postingan

CzRandySeo - Udah lama banget gak bikin artikel diblog ini, akhir-akhir ini saya agak sedikit males untuk memposting artikel baru, pasalnya banyak yang nyuri artikel yang saya buat susah-susah malah di copas semua isi artikel, bahkan hampir semua artikel diblog ini dicopas tanpa seijin saya.




Mereka menggunakan metode curang, tapi saya doakan saja agar blognya tidak berkah.

Oke. Kali ini kita lanjut ke pembahasannya, kali ini saya akan memberikan trik bagaimana cara memasang 2 iklan di tengah postingan secara otomatis, dan untuk letak iklannya bisa kita sesuaikan dimana kita ingin menempatkannya.

Kelebihan menggunakan cara yang akan saya bagikan

1. Iklan otomatis dipasang didalam template Html, jadi gak perlu pasang iklan di tiap artikel
2. Penempatan iklan bisa kita sesuaikan dengan selera kita, bisa kita simpan di paragraf ke dua, ketiga atau dimana kita inginmenyimpannya

Jadi bagaimana anda tertarik untuk memasangnya di template blog anda? Jika iya, lanjutkan membacanya!

Pertama-tama masuk ke draft.blogger.com biar lebih komplit menunya dibandingkan blogger.com

Pilih Tema lalu klik Edit Html, kemudian simpan kode dibawah ini tepat diatas kode </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}

Lanjut, sekarang kita cari kode yang seperti berikut

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

Atau yang seperti dibawah ini

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

Mungkin tidak semua template ada yang menggunakan kode tersebut, namun jika anda pengguna Template dari Arlina Design silahkan cari kode yang pertama, tapi jika pengguna template bungfrangki cari yang kedua

Jika tidak ada coba cari yang hampir mirip, namun kalau memang tidak ada yang mirip silahkan cari kode <data:post.body> lalu ganti dengan kode di bawah

Lanjut, ganti kode yang seperti di atas dengan kode dibawah 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>

Simpan kode iklan pada tulisan yang sudah ditandai

Untuk menyesuaikan dimana iklan akan tampil, silahkan ubah kode angka [3] dan [5] semakin besar angkanya, maka semakin kebawah iklan akan tampil. Atau angka [3] dan [5] ini adalah paragraf 3 dan 5 kalau di ubah menjadi 3 dan 6 maka iklan pertama akan tampil di paragraf ketiga dan iklan kedua akan tampil di paragraf ke enam.

Sumber : bungfrangki

Semoga bermanfaat!