MEMBUAT IKLAN DI TENGAH POSTINGAN BLOG 18

Iklan di tengah postingan ini, pada awalnya karena penasaran banget lihat blog yang lain bisa meletakkan iklan di tengah postingan... tetapi proses tersebut hanya bisa untuk google adsense... hmmmh...

Dikarenakan aku dah berkali-kali ga bisa masuk adsense, akhirnya cari cara sendiri gimana supaya iklan AdsenseCampku bisa "Nongol" di tengah postingan... setelah beberapa kali selidik, akhirnya dapet juga... tetapi iklan ini hanya akan dibuat tampil apabila user melakukan klik read more atau baca selengkapnya... sebenarnya bisa saja di buat tampil...tanpa user melakukan klik read more... tetapi di bahas nanti saja.... contohnya iklan AdsenseCamp disamping... kebetulan aku pakai template blog minima....

Pertama aku daftar sebagai publisher di AdsenseCamp, setelah dapet kode iklannya, kemudian aku parse kodenya di postingan HTML CONVERTER, dikarenakan peletakkan iklan ini berada di tengah widget jadi ga bisa pake beberapa kode html.

Setelah dapet hasil parse kode iklan, kemudian aku Masuk ke blogger, Layout-Edit HTML, tidak lupa aku mencentang Expand Widget Templates, lalu aku mencari kode ]]></b:skin>, dan copy kode css di bawah ini tepat diatasnya..

#main-iklan{width:200px; height:200px; float:right; margin:5px;}

Proses selanjutnya aku melakukan pencarian kode di bawah ini....

<div class='main-post'>

<a expr:name='data:post.id'/>

<b:if cond='data:post.title'>

<h2>

<b:if cond='data:post.link'>

<a expr:href='data:post.link'><data:post.title/></a>

<b:else/>

<b:if cond='data:post.url'>

<a expr:href='data:post.url'><data:post.title/></a>

<b:else/>

<data:post.title/>

</b:if>

</b:if>

</h2>

Setelah ketemu, aku copy kode di bawah ini tepat di bawahnya dan aku masukkan kode iklan yang sudah di parse berada di tengahnya... liat kata yang dikasih warna merah.

<div id='main-iklan'>

Masukkan Kode iklan...
</div>

hasil kode secara keseluruhan termasuk iklan, akan berbentuk seperti dibawah ini.

<div class='main-post'>
<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<h2>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h2>
<div id='main-iklan'>

<!-- Begin: http://adsensecamp.com/ --><script src="http://adsensecamp.com/show/?id=ROnvuwjJ2GY%3D&cid=sO23aMPfjUo%3D&chan=autn1j%2BewlQ%3D&type=10&title=3D81EE&text=000000&background=FFFFFF&border=000000&url=2BA94F" type="text/javascript"></script><!-- End: http://adsensecamp.com/ -->

</div>

Ganti kode iklan sesuai dengan iklan anda... selesailah sudah