Saturday, February 16, 2013

Cara Memasang Banner Iklan di Kiri dan Kanan Blog

Cara Memasang Banner Iklan di Kiri dan Kanan Blog
Sobat Blogger, pasti ingin sekali blog sobat ditawarkan pemasangan iklan pada blog sobat. Pemasangan iklan pada website/blog dapat mendatangkan keuntungan pada si pemilik blog. Oleh karena itu sobat blogger semua mesti membuat blog yang bagus sehingga blog sobat menjadi ramai pengunjung. Dengan ramainya pengunjung, InsaAllah akan menarik para pemasang iklan yang ingin memasang iklan di Blog sobat. Saya sarankan agar sobat menyediakan kotak iklan di blog sobat yang terletak dikiri dan kanan blog. Kelebihan posisi ini adalah ketika halaman blog digulir, maka kotak iklan tersebut terus mengikuti dan akan terus terlihat di halaman blog. Sehingga para pemasang iklan tertarik untuk memasang iklan di blog sobat,

Berikut cara membuat/menyediakan kotak iklan di kiri dan kanan blog:
1. Login ke akun blog sobat.
2. Pada menu dropdown, masuk ke bagian Template dan pilih Edit Html.
3. Cari kode ]]></b:skin>, gunakan tombol ctrl+F untuk mempermudah pencarian. 
4. Masukan kode berikut di atas kode ]]></b:skin>.
#adslayoutleft {
position:fixed;
top:5px;
margin-left :-180px;
float:left;
z-index:10;
}
#adslayoutleft .iklankiri {
float:right;
clear:both;
}
#adslayoutleftright {
float:right;
position:fixed;
top:5px;
margin-left:990px;
z-index:10;
}
#adslayoutleftright.iklankanan {
float:left;
clear:both;
}


Perhatikan kode berwarna merah adalah jarak antara banner iklan dengan halaman blog, sobat bisa sesuaikan dengan template yang sobat gunakan.

5. Setelah selesai, klik simpan Template.
6. Masuk pada bagian Tata letak.
7. Klik tmabah gadget, di posisi mana saja tidak masalah.
8. Pilih HTML/Javascript.
9. Masukan kode berikut.

<div id='adslayoutleft'><div class='iklankiri'><a href="Masukkan-Url" target="_blank" title="Title-Iklan"><img alt="Alt/Text Gambar" src="Url Gambar" /></a></div></div>
<div id='adslayoutleftright'><div class='iklankanan'>
<a href="Masukkan-Url" target="_blank" title="Title-Iklan"><img alt="Alt/Text Gambar" src="Url Gambar" /></a></div></div>
Catatan, Untuk kode warna merah adalah Url tujuan gambar, untuk kode warna hijau adalah Title gambar, untuk kode warna kuning adalah Alt/Text Gambar, untuk kode warna biru adalah Url gambar.

10. OK, semua sudah selesai. Sobat tinggal menyimpan pengaturan dan lihat hasilnya.

No comments:

Post a Comment