Cara Memasang Widget Iklan Banner Dengan Teratur

Dikirim oleh Belajar Komputer Senin, 07 Februari 2011 14 Komentar

Ok sobat blogger, kali ini saya sedikit mengulas tentang bagai mana cara membuat widget iklan banner secara teratur. Walau sekilas mudah tapi masih banyak penataan banner iklan yang belum teratur hanya dengan copas kode banner kedalam widget dan nampak saling berhimpitan tanpa ada jarak sehingga terkesan kurang rapi.

Walau telah banyak dibahas, tidak mengapa saya mengulas demi menambah khasana ilmu di dunia perbloggeran :P

Tidak perlu berlama-lama, langsung saja masuk pada halaman Edit HTML di blogger sobat, lalu cari kode ]]></b:skin>, dan letakkan kode CSS berikut tepat di atas kode ]]></b:skin>

#Box-Banner-ads {
margin: 0px;
padding: 5px;
text-align: center;
}
#Box-Banner-ads img {
margin: 0px 4px 4px 0px;
padding: 3px;
text-align: center;
border: 1px solid #c0c0c0;
}
#Box-Banner-ads img:hover {
margin: 0px 4px 4px 0px;
padding: 3px;
text-align: center;
border: 1px solid #333;
}

Kalau selesai, jangan lupa simpan, selanjutnya pilih Elemen Halaman dan Tambah Gadget lalu pilih HTML/Javascript dan masukkan kode berikut :

<div id="Box-Banner-ads">
<a href="alamat iklan sobat" target="_blank"><img border="0" alt="ads" src="alamat banner sobat"/></a>
<a href="alamat iklan sobat" target="_blank"><img border="0" alt="ads" src="alamat banner sobat"/></a>
<a href="alamat iklan sobat" target="_blank"><img border="0" alt="ads" src="alamat banner sobat"/></a>
<a href="alamat iklan sobat" target="_blank"><img border="0" alt="ads" src="alamat banner sobat"/></a>
</div>

Untuk kode yang kedap kedip silahkan sobat ganti sesuai dengan alamat url iklan banner dan url gambar iklan yang ingin sobat pasang. Selamat mencoba .
dari berbagai sumber :

Share on Google Plus

About Unknown

This is a short description in the author block about the author. You edit it by entering text in the "Biographical Info" field in the user admin panel.