Cara Pasang Iklan Adsense di Tengah Postingan Blog
Romeltea | Follow @romel_tea
Cara Pasang Iklan Adsense di Tengah Postingan Blog bagian dari tips blogpreneur. Tujuan iklan di tengah tulisan ini untuk meningkatkan tampilan dan klik sehingga meningkatkan pendapatan.
Iklan yang dipasang bisa iklan Google Adsense, bisa juga iklan gambar atau iklan lain.
Saya ambil kode untuk menampilkan iklan adsense di tengah postingan blog ini dari Widget Generator.
Kode aslinya sebagai berikut:
Setelah saya terapkan, kode tersebut bekerja dengan baik. Namun, jika pasang iklan Google (Adsense) ukuran 300x250 pixel, maka di samping kanan iklan kosong, blank, jelek lah tampilannya.
Maka, saya ubah sedikit kodenya menjadi seperti ini:
Hasilnya, jadilah seperti yang ada di blog ini. Di sebelah kanan iklan tampil teks postingan, seperti tampilan ilustrasi gambar. Bagus jadinya.
Bagaimana cara memasang kodenya? Ini dia.....
CARA PASANG IKLAN DI TENGAH POSTINGAN BLOG
1. Parse dulu kode HTML iklan Anda di Blog Crowd.
2. Klik "Template" > "Edit HTML"
3. Temukan (Ctrl+F) kode <data:post.body/> atau <p>kode <data:post.body/></p>
4. Ganti kode <data:post.body/> yang kedua atau ketiga, dengan kode di atas.
5. Jangan lupa Copy Paste kode iklan yang sudah di-parse tadi di bagian KODE IKLAN DI SINI
6. Save template!
Beres dah! Selamat Iklan Adsense Anda muncul di Tengah Postingan Blog.*
Iklan yang dipasang bisa iklan Google Adsense, bisa juga iklan gambar atau iklan lain.
Saya ambil kode untuk menampilkan iklan adsense di tengah postingan blog ini dari Widget Generator.
Kode aslinya sebagai berikut:
<div expr:id='"aim1" + data:post.id'/>
<div style='clear:both; margin:10px 0'>
Your Adsense Code Here
</div>
<div expr:id='"aim2" + data:post.id'>
<data:post.body/>
</div>
<script type='text/javascript'>
var obj0=document.getElementById("aim1<data:post.id/>");var obj1=document.getElementById("aim2<data:post.id/>");var s=obj1.innerHTML;var t=s.substr(0,s.length/2);var r=t.lastIndexOf("");if(r>0){obj0.innerHTML=s.substr(0,r);obj1.innerHTML=s.substr(r+1)}
</script>
<div style='clear:both; margin:10px 0'>
Your Adsense Code Here
</div>
<div expr:id='"aim2" + data:post.id'>
<data:post.body/>
</div>
<script type='text/javascript'>
var obj0=document.getElementById("aim1<data:post.id/>");var obj1=document.getElementById("aim2<data:post.id/>");var s=obj1.innerHTML;var t=s.substr(0,s.length/2);var r=t.lastIndexOf("");if(r>0){obj0.innerHTML=s.substr(0,r);obj1.innerHTML=s.substr(r+1)}
</script>
Setelah saya terapkan, kode tersebut bekerja dengan baik. Namun, jika pasang iklan Google (Adsense) ukuran 300x250 pixel, maka di samping kanan iklan kosong, blank, jelek lah tampilannya.
Maka, saya ubah sedikit kodenya menjadi seperti ini:
<!-- IKLAN TENGAH POSTING -->
<div expr:id='"aim1" + data:post.id'/>
<div style='clear:left;float:left;margin-top:1em;margin-bottom: 1em; margin-right: 1em;'>
KODE IKLAN DI SINI
</div>
<div expr:id='"aim2" + data:post.id'>
<p><data:post.body/></p>
</div>
<script type='text/javascript'>
var obj0=document.getElementById("aim1<data:post.id/>");var obj1=document.getElementById("aim2<data:post.id/>");var s=obj1.innerHTML;var t=s.substr(0,s.length/2);var r=t.lastIndexOf("");if(r>0){obj0.innerHTML=s.substr(0,r);obj1.innerHTML=s.substr(r+1)}
</script>
<!-- IKLAN TENGAH POSTING -->
<div expr:id='"aim1" + data:post.id'/>
<div style='clear:left;float:left;margin-top:1em;margin-bottom: 1em; margin-right: 1em;'>
KODE IKLAN DI SINI
</div>
<div expr:id='"aim2" + data:post.id'>
<p><data:post.body/></p>
</div>
<script type='text/javascript'>
var obj0=document.getElementById("aim1<data:post.id/>");var obj1=document.getElementById("aim2<data:post.id/>");var s=obj1.innerHTML;var t=s.substr(0,s.length/2);var r=t.lastIndexOf("");if(r>0){obj0.innerHTML=s.substr(0,r);obj1.innerHTML=s.substr(r+1)}
</script>
<!-- IKLAN TENGAH POSTING -->
Hasilnya, jadilah seperti yang ada di blog ini. Di sebelah kanan iklan tampil teks postingan, seperti tampilan ilustrasi gambar. Bagus jadinya.
Bagaimana cara memasang kodenya? Ini dia.....
CARA PASANG IKLAN DI TENGAH POSTINGAN BLOG
1. Parse dulu kode HTML iklan Anda di Blog Crowd.
2. Klik "Template" > "Edit HTML"
3. Temukan (Ctrl+F) kode <data:post.body/> atau <p>kode <data:post.body/></p>
4. Ganti kode <data:post.body/> yang kedua atau ketiga, dengan kode di atas.
5. Jangan lupa Copy Paste kode iklan yang sudah di-parse tadi di bagian KODE IKLAN DI SINI
6. Save template!
Beres dah! Selamat Iklan Adsense Anda muncul di Tengah Postingan Blog.*
Previous
« Prev Post
« Prev Post
Next
Next Post »
Next Post »
No comments on Cara Pasang Iklan Adsense di Tengah Postingan Blog
Post a Comment
No Spam, Please!