Cara Pasang Iklan di Awal Postingan, Bawah Judul, dan di Bawah Artikel

Baca Juga

Berikut ini cara memasang iklan (Google AdSense atau Iklan Apa Pun) di awal postingan, di bawah judul tulisan, dan di akhir artikel blog.

Untuk iklan di awal postingan, penampakannya seperti dalam gambar berikut ini:

Cara Pasang Iklan di Awal Postingan

1. Tema > Edit HTML
2. Simpan kode CSS iklan di awal postingan berikut ini di atas kode ]]></b:skin>

.iklan_atas{display:inline-block;width:auto;height:auto;margin:0 15px 15px 0;float:left}
.iklan_atas img{width:100%;max-width:336px;max-height:280px}

3. Simpan kode HTML iklan di awal tulisan ini di atas kode <data:post.body/> yang ketiga atau keempat.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='iklan_atas'>
<div style="width:336px;height:280px;line-height:280px;text-align:center;background-color:darkgreen;color: white;">336x280</div>
</div>
</b:if>

4. Ganti kode warna merah dengan kode iklan yang akan Anda pasang.

Catatan: ukuran Iklan di atas 336x280. Anda bisa ubah misalnya menjadi 300x250 Pixel.

Cara Pasang Iklan di Bawah Judul dan di Bawah Artikel

Iklan di bawah judul dan di akhir postingan, demonya seperti di blog CB ini. Cara memasangnya sebagai berikut.

1. Untuk memasang iklan di bawah judul, simpan kode berikut ini di atas kode <data:post.body/> yang ketiga atau keempat.

<div style='margin:15px 0'>
<!-- KODE IKLAN DI SINI-->
</div>

2. Untuk memasang iklan di akhir postingan, copas kode berikut ini di bawah kode <data:post.body/> yang ketiga atau keempat.

<div style='margin:15px 0'>
<!-- KODE IKLAN DI SINI-->
</div>

Jika kedua kode tersebut digabungkan, maka hasilnya seperti ini:

<div style='margin:15px 0'>
<!-- KODE IKLAN DI SINI-->
</div>
<data:post.body/>
<div style='margin:15px 0'>
<!-- KODE IKLAN DI SINI-->
</div>

Mudah 'kan Cara Pasang Iklan di Awal Postingan, Bawah Judul, dan di Bawah Artikel? Good Luck and Hapy Blogging! (www.contohblog.com).*