December 10, 2014

Cara Pasang Iklan Adsense di Tengah Postingan Blog

Romel Tea December 10, 2014

 Iklan Adsense di Tengah Postingan Blog
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:

<div expr:id='&quot;aim1&quot; + data:post.id'/>
<div style='clear:both; margin:10px 0'>

Your Adsense Code Here

</div>
<div expr:id='&quot;aim2&quot; + data:post.id'>
<data:post.body/>
</div>
<script type='text/javascript'>
var obj0=document.getElementById(&quot;aim1<data:post.id/>&quot;);var obj1=document.getElementById(&quot;aim2<data:post.id/>&quot;);var s=obj1.innerHTML;var t=s.substr(0,s.length/2);var r=t.lastIndexOf(&quot;&quot;);if(r&gt;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='&quot;aim1&quot; + 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='&quot;aim2&quot; + data:post.id'>
<p><data:post.body/></p>
</div>
<script type='text/javascript'>
var obj0=document.getElementById(&quot;aim1<data:post.id/>&quot;);var obj1=document.getElementById(&quot;aim2<data:post.id/>&quot;);var s=obj1.innerHTML;var t=s.substr(0,s.length/2);var r=t.lastIndexOf(&quot;&quot;);if(r&gt;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.*

No comments:

Post a Comment

No Spam, Please!