Cara Pasang Iklan di Blogger Lengkap

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  atas. 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>

Comments

Popular posts from this blog

Keunikan Merayakan Takbir Keliling Sekolah Yang Ada Di Desa Campurejo Kabupaten Gresik

Cara Mengatasi Iphone Stuck Logo Apple

Cara Memasang TouchScreen (Lem B7000)