
Assalamualaikum Sahabat Blogger.
Cara Pasang 2 Iklan Adsense di Tengah Artikel - Cara ini sebenarnya ada sudah banyak bertebaran di mesin pencarian Google. Namun, tidak semua tutorial tersebut dapat berhasil di terapkan, biasanya menyebabkan iklan yang kita pasang akan membuat berantakan tampilan gambar .Keuntunganya apa sih jika kita pasang artikel di tengah postingan ?
Keuntungan dari menampilkan iklan di tengah postingan dipercaya dapat meningkatkan CTR dan Iklan tersebut. sehingga membuat penghasilan yang kita dapatkan akan lebih besar.Baca Juga : Cara Memasang Iklan In-Feeds Ads Adsense di Blog
Tutorial ini saya dapatkan setelah cari - cari di mesin google setelah coba - coba dari berbagai blog. Namun, banyak yang tidak berhasil alias GATOT ( Gagal Total ). Dan akhirnya admin dapatkan tutorial ini dari Blog mastah Bung Frangki.
Dan berikut ini adalah cara pemasangan 2 iklan ditengah postingan :
Pertama anda cari kode iklan seperti dibawah ini :
<b:if cond='data:blog.pageType == "item"'>
<data:post.body/>
</b:if>
Atau anda bisa cari kode seperti dibawah ini :
<b:if cond='data:blog.pageType == "item"'>
<div class='artbody'>
<data:post.body/>
</div>
</b:if>
Hapus kode tersebut, lalu anda ganti dengan kode dibawah ini :
<b:if cond='data:view.isPost'>
<div class='middleAds middleAds1' id='middleAds1'>
<div style='clear:both;'>
<!-- Your middle ads1 here -->
</div>
</div>
<div class='middleAds middleAds2' id='middleAds2'>
<div style='clear:both;'>
<!-- 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>
Catatan :
- <!-- Your middle ads1 here --> Ganti dengan Script Kode Iklan ( Slot 1 )
- <!-- Your middle ads1 here --> Ganti dengan Script Kode Iklan ( Slot 2 )
Parse disiniBaca Juga : Cara Memasang Iklan Page-Level-Ads Adsense
Terakhir jangan lupa anda tambahkan kode CSS dibawah ini. Letakan Kode tersebut tepat diatas </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}
Demikianlah tutorial pemasangan 2 iklan ditengah postingan blog. Semoga Bermanfaat. Terimakasih Wassalamualaikum.
Penulis : MasPutro.com