o o

Membuat tampilan Iklan / Adsense berada di bawah judul untuk blogspot / blogger


Anda mungkin sering menjumpai blog (khususnya blogspot / blogger) yang memasang iklan entah google adsense atau yang lainnya tepat dibawah judul post, dan kalau dilihat, posisinya menyerupai feature pic. Kalau pengunjung tidak sadar, maka iklan yang posisinya seperti ini akan mudah mendapatkan klik.

Tampilannya seperti pada gambar di atas

Kalau masih belum jelas silakan melihat contoh blognya di http://belajarapapun88.blogspot.com

Saya tidak tahu apa namanya untuk posisi seperti itu. Tapi langsung saja kita mulai cara memasang iklan dibawah judul itu.

1. Masuk ke blogger dan login.
2. Klik tab Design > edit HTML
3. Centang Expand Widget Templates
4. Parse dulu kode iklan anda di http://www.blogcrowds.com/resources/parse_html.php
5. Cari <div class='post-body'>
6. Jika anda menggunakan kode Read more >> yang mengakibatkan <div class='post-body'> ada dua, maka silakan anda pilih yang atas untuk memasang iklan anda.
7. Selanjutnya paste kode yang telah di prase dibawah  <div class='post-body'>, tapi sebelumnya sisipkan kode dibawah ini.

<div style='float: left; padding: 3px; 3px; 3px; 3px;'>
[iklan yang telah di prase]
</div>
Jadi bentuknya seperti ini

<div class='post-body'>

<div style='float: left; padding: 3px; 3px; 3px; 3px;'>
[iklan yang telah di prase]

</div>

selanjutnya simpan template. Silakan anda lihat hasilnya
Kalau anda ingin posisinya berada di sisi kanan silakan anda ganti 'float: left; 
dengan 'float: right;

semoga sedikit membantu




0 komentar:

Posting Komentar