Tips dan Cara Menampilkan Iklan dalam Posisi Sejajar.
Edisi kali ini saya akan menulis tentang cara membuat iklan/ads bisa muncul secara berdampingan, ini khusus untuk platform Blogger. Lebih jelasnya bisa lihat gambar berikut:
Contoh Iklan Tampil Berdampingan atau Sejajar
Untuk membuat iklan bisa tampak seperti diatas, kita perlu menyisipkan beberapa script.
Dan tips ini sudah saya terapkan pada salah satu blog saya. Karena template blog saya memakai dua kolom dan salah satu kolomnya terbilang lebar, jadi sangat mendukung kalau adsvertisement-nya dibuat tampil sejajar.
Mungkin sobat blogger ingin optimasi adsense dan mencoba tips ini. Caranya yaitu sebagai berikut :
A. Menampilkan Iklan Menggunakan Widget
1. Login Blogger => Layout => Add Gadget => HTML/Javascript
2. Silahkan Copas kede berikut ini:
<table border=”0″ bordercolor=”#336699″ cellpadding=”0″ cellspacing=”0″ width=”100%”>
<tr>
<td>
Kode Iklan Disini
<td>
<td>
Kode Iklan Disini
</td>
</td></td></tr>
</table>
3. Simpan dan lihat hasilnya
B. Menampilkan Iklan di Awal Postingan Menggunakan Edit HTML
1. Login Blogger => Template => Edit HTML => Proceed
Biasakan untuk memback up template
2. Cari Kode ]]></b:skin> lalu letakkan kode css berikut ini diatasnya:
#iklankontent {
height: 250px;
}
#iklankiri {
float: left;
}
#iklankanan {
float: right;
}
3. Lalu cari kode <data:post.body/> lalu letakkan kode berikut ini diatasnya:
<b:if cond=’data:blog.pageType == "item"’>
<div id=’iklankontent’>
<div id=’iklankiri’>
Kode Iklan Kiri
</div>
<div id=’iklankanan’>
Kode Iklan Kanan
</div>
</div>
</b:if>
* Kode iklan harus di parse
4. Simpan dan Selesai.
Silahkan ganti tulisan yang berwarna biru sesuai keinginan.
Iklan tampil berdampingan ini tidak hanya bisa dipasang pada awal postingan atau dibawah judul saja, tapi bisa juga di bawah postingan atau diatas kotak komentar.