Hallo teman sekalian masih bersama dengan aku dan masih membahas tutorial seputar blogger. Dan untuk postingan kali ini aku coba akan share tutorial Cara Praktis Pasang 2 Iklan Adsense Di Tengah Artikel. Sebenarnya cara memasang nya pun cukup gampang jikalau kalian simak dengan baik" tutorial yang aku berikan ini.
Tutorial ini pun juga aku sanggup kan dari teman kita yang berjulukan bungfrangki.com Lumayan populer juga loh dia. Dan kali ini aku pun coba membagikan artikel ini untuk kalian yang penasaran cara nya dan ingin cepat" mempraktekan nya di blog kalian. Contoh nya tidak usah jauh" kalian sanggup liat di blog aku ini yang sudah aku terapkan 2 iklan di tengah postingan/artikel.
Ok pribadi mulai saja sob,, semoga postingan ini sanggup cepat kelar. Hehehe...
Cara Praktis Pasang 2 Iklan Adsense Di Tengah Artikel
Pertama silakan kalian cari code menyerupai di bawah ini di template kalian masing - masing. <b:if cond='data:blog.pageType == "item"'> <data:post.body/> </b:if>
Atau code menyerupai di bawah ini jikalau kalian memakai template dari themeindie.com.
<b:if cond='data:blog.pageType == "item"'> <div class='artbody'><data:post.body/></div> </b:if>
Atau juga kalian sanggup coba dengan code menyerupai ini saja.
<data:post.body/>
Dari tiga code di atas silakan kalian coba satu persatu. Karena enggak semua template sama sob.
Kalo untuk di blog aku ini aku cukup mengganti code yang <data:post.body/>
Karena di template saya, aku sudah memasang Related Post di tengah artikel.
Ok kita lanjut,, kini code" yang di atas tadi kalian ganti dengan code di bawah 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("tgtPost"); var midAd1 = document.getElementById("middleAds1"); var midAd2 = document.getElementById("middleAds2"); var showAd1 = tgt.getElementsByTagName("br"); var showAd2 = tgt.getElementsByTagName("p>"); if (showAd1.length > 0) {insertAfter(midAd1,showAd1[3]);} if (showAd2.length > 0) {insertAfter(midAd1,showAd2[3]);} if (showAd1.length > 0) {insertAfter(midAd2,showAd1[5]);} if (showAd2.length > 0) {insertAfter(midAd2,showAd2[5]);} </script> </b:if>
Perlu di perhatikan dari tiga code di atas cari yang sekiranya pas berada di tengah" body artikel. Biasa nya terletak di code ke tiga ada pun juga di code ke empat. Silakan kalian coba satu - satu. Setelah itu save template kalian. Dan liat hasilnya.
- Slot iklan pertama letakan di bawah tulisan
Your middle ads1 here - Dan slot iklan kedua letakan di bawah tulisan
Your middle ads2 here - Selanjutnya silakan kalian sesuaikan angka 3 dan 5 pada code berikut untuk mengatur berapa paragraf yang hendak di tampilkan.
if (showAd1.length > 0) {insertAfter(midAd1,showAd1[3]);} if (showAd2.length > 0) {insertAfter(midAd1,showAd2[3]);} if (showAd1.length > 0) {insertAfter(midAd2,showAd1[5]);} if (showAd2.length > 0) {insertAfter(midAd2,showAd2[5]);}
Note: Semakin besar angka yang kalian berikan semakin menurun letak iklan akan tampil
Dan yang terakhir,, silakan kalian copy code di bawah ini dan paste di atas code </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}
Gimana sob gampang bukan,, gampang dongg kalo kalian pelan" simak tutorial yang aku berikan ini. Ok mungkin itu saja yang sanggup aku berikan untuk Postingan Cara Praktis Pasang 2 Iklan Adsense Di Tengah Artikel. Semoga bermanfaat untuk kalian semua.