by

Tips dan Cara Menampilkan Iklan dalam Posisi Sejajar.

-Lifestyle-103 views

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 Sejajar
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

Comment

Leave a Reply

Your email address will not be published. Required fields are marked *

News Feed