Tips dan Cara Menampilkan Iklan dalam Posisi Sejajar.

Tips dan Cara Menampilkan Iklan dalam Posisi Sejajar - Edisi Tutorial blogging kali ini akan menampilkan bagaimana caranya membuat tampilan dalam iklan di situs web/ blog tampil sejajar di bawah judul posting.

Contoh seperti gambar berikut:

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 == &quot;item&quot;'>
<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.
sumber : www.miftakh.com