Cara Pasang 2 Iklan Otomatis Di Dalam Postingan

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

Mereka memakai metode curang, tapi aku doakan saja semoga blognya tidak berkah.

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

Kelebihan memakai cara yang akan aku bagikan

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

Makara 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 kemudian klik Edit Html, kemudian simpan arahan dibawah ini sempurna diatas arahan </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, kini kita cari arahan yang menyerupai berikut

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

Atau yang menyerupai 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 memakai arahan tersebut, namun kalau anda pengguna Template dari Arlina Design silahkan cari arahan yang pertama, tapi kalau pengguna template bungfrangki cari yang kedua

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

Lanjut, ganti arahan yang menyerupai di atas dengan arahan 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 arahan iklan pada goresan pena yang sudah ditandai

Untuk menyesuaikan dimana iklan akan tampil, silahkan ubah arahan angka [3] dan [5] semakin besar angkanya, maka semakin kebawah iklan akan tampil. Atau angka [3] dan [5] ini ialah 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!