
Oleh
Bungfrangki
·


Sebetulnya konsepnya hampir sama dengan tutorial tentang cara memasang iklan Adsense di tengah artikel yang sudah saya buat sebelumnya. Persamaanya ialah, kita bisa menampilkan iklan pada paragraph manapun secara otomatis.
Adapun cara memasang 2 iklan Google Adsene di tengah artikel/postingan blogger/blogspot silahkan ikuti tutorialnya berikut ini.
Cari kode seperti ini:
<b:if cond='data:blog.pageType == "item"'>
<data:post.body/>
</b:if>
Atau yang seperti ini (khusus pengguna template Themeindie.com):
<b:if cond='data:blog.pageType == "item"'>
<div class='artbody'><data:post.body/></div>
</b:if>
Hapus kode tersebut, lalu ganti dengan kode berikut 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>
Keterangan:
Note: semakin besar angka yang Anda berikan, maka semakin ke bawah pula tempat iklan akan tampil.
- Slot iklan pertama, letakkan di bawah kode
<!-- Your middle ads1 here -->
- Slot iklan kedua, letakkan di bawah kode
<!-- Your middle ads2 here -->
- Silahkan sesuaikan angka 3 dan 5 pada kode berikut, untuk mengatur pada (setelah) paragraf berapa iklan hendak ditampilkan:
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 Anda berikan, maka semakin ke bawah pula tempat iklan akan tampil.
Jangan lupa menambahkan kode CSS berikut ini, untuk mengatur letak dan ruang kedua slot iklan tersebut. Letakkan kode berikut di atas
</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}
Setelah itu, silahkan simpan Theme, lalu buka salah satu artikel untuk melihat hasilnya.
Demikian tutorial tentang cara memasang 2 iklan Google Adsense di tengah artikel/postingan. Terima kasih, semoga bermanfaat!
Share this
Posting Komentar
Komentar Blogger telah ditutup. Jika ada yang perlu disampaikan terkait konten ini, silahkan kirim pesan lewat laman kontak.