Iwan Pertama | Cara Menempatkan Iklan Di Tengah Postingan - banyak yang
beranggapan bahwa faktor penempatan iklan sangat berpengaruh terhadap
pendapatan seorang blogger. Kali ini saya akan coba menjelaskan tentang
bagaomana memasang iklan di tengah postingan pada platform blogger.
Fitur untuk memasang iklan yang berada di antara postingan sudah ada
pada blogger, namun itu hanya untuk iklan Google AdSense saja. Lalu
bagaimana dengan iklan lain yang ingin dipasang berada di tengan
postingan ? Bagaimana dengan struktur template yang berbeda dari bawaan
resmi blogger atau sudah dimodifikasi ? Tenang saja Saya punya solusinya
untuk mengatasinya, jadi silakan Anda baca artikel ini sampai selesai.
Trik ini sudah saya buktikan sendiri pada template blog saya yang atu
ini.
Cara Menempatkan Iklan Di Tengah Postingan
Cara ini merupakan cara manual, jadi silakan sesuaikan dengan struktur template sobat.
1. Pertama silakan ambil dahulu kode iklan yang akan dipasang.
2. Lalu parse kode iklan agar muncul di halaman artikel blog Anda di HTML Escape
3. Kemudian silakan Anda cari kode berikut ini
<data:post.body/>
4. Ganti kode tersebut dengan kode ini
<div expr:id='"post1" + data:post.id'/>
<div class='googlepublisherads' style='margin:20px 0'>
<center>
Simpan Kode Iklan Disini
</center>
</div>
<div expr:id='"post2" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>
var obj0=document.getElementById("post1<data:post.id/>");
var obj1=document.getElementById("post2<data:post.id/>");
var s=obj1.innerHTML;
var t=s.substr(0,s.length/2);
var r=t.lastIndexOf("<br>");
if(r>0) {obj0.innerHTML=s.substr(0,r);obj1.innerHTML=s.substr(r+4);}
</script>
5. Pada tahap ini, sebenarnya anda sudah selesai, namun jika Anda ingin
membuat posisi iklan terlihat lebih rapi bisa mencoba dan menggunakan
kode dibawah ini :
Posisi iklan tepat berada di tengah postingan
<div expr:id='"post1" + data:post.id'/>
<div class='googlepublisherads' style='margin:20px 0'>
<center>
<div style='margin:10px auto'>
Simpan Kode Iklan Disini
</div>
</center>
</div>
<div expr:id='"post2" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>
var obj0=document.getElementById("post1<data:post.id/>");
var obj1=document.getElementById("post2<data:post.id/>");
var s=obj1.innerHTML;
var t=s.substr(0,s.length/2);
var r=t.lastIndexOf("<br>");
if(r>0) {obj0.innerHTML=s.substr(0,r);obj1.innerHTML=s.substr(r+4);}
</script>
Posisi iklan berada di tengah postingan sebelah kanan
<div expr:id='"post1" + data:post.id'/>
<div class='googlepublisherads' style='margin:20px 0'>
<center>
<div style='float:right;margin:10px 0 10px 10px'>
Simpan Kode Iklan Disini
</div>
</center>
</div>
<div expr:id='"post2" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>
var obj0=document.getElementById("post1<data:post.id/>");
var obj1=document.getElementById("post2<data:post.id/>");
var s=obj1.innerHTML;
var t=s.substr(0,s.length/2);
var r=t.lastIndexOf("<br>");
if(r>0) {obj0.innerHTML=s.substr(0,r);obj1.innerHTML=s.substr(r+4);}
</script>
Posisi iklan berada di tengah postingan sebelah kiri
<div expr:id='"post1" + data:post.id'/>
<div class='googlepublisherads' style='margin:20px 0'>
<center>
<div style='float:left;margin:10px 10px 10px 0'>
Simpan Kode Iklan Disini
</div>
</center>
</div>
<div expr:id='"post2" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>
var obj0=document.getElementById("post1<data:post.id/>");
var obj1=document.getElementById("post2<data:post.id/>");
var s=obj1.innerHTML;
var t=s.substr(0,s.length/2);
var r=t.lastIndexOf("<br>");
if(r>0) {obj0.innerHTML=s.substr(0,r);obj1.innerHTML=s.substr(r+4);}
</script>
Sekian tips dari saya mengenai Cara Pasang Iklan Di Tengah Postingan, semoga bermanfaat untuk anda.
