Jumat, 11 November 2011

Cara Membuat Iklan di Tengah Postingan Blogspot

Pada postingan kali ini kita akan membahas membuat iklan otomatis berada di tengah postingan blogspot. Iklan yang berada di tengah postingan memiliki kelebihan diantara posisi yang lain. Kelebihannya adalah iklan dan postingan terlihat menyatu, sehingga terkadang pengunjungnya tidak tahu mana iklan atau konten.
Langkah-langkah di bawah ini adalah cara untuk membuat iklan otomatis berada di tengah postingan pada blogspot(blogger).
1. Login ke akun Blogger kalian.
2. Klik rancangan-Edit HTML-lalu centang Expand Widget Templates.
3. Cari (Ctrl + F) kode <data:post.body/>. Jika ada dua kode pilih kode yang kedua.
4. Selanjutnya ganti atau tukarkan kode <data:post.body/> dengan kode dibawah ini:
<div expr:id='"iklan1" + data:post.id'></div>
<div style="clear:both; margin:10px 0">

<!-- Kode Iklan yang sudah diparse -->

</div>
<div expr:id='"iklan2" + data:post.id'>

<data:post.body/>

</div>
<script type="text/javascript">
var obj0=document.getElementById("iklan1<data:post.id/>");
var obj1=document.getElementById("iklan2<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>
5. Ganti tulisan <!-- kode iklan yang sudah diparse --> dengan kode iklan kalian yang sudah diparse sebelumnya. Kunjungi http://www.blogcrowds.com/resources/parse_html.php untuk memparse kode.
6. Simpan dan lihat hasilnya

0 komentar:

Posting Komentar