Cara Memasang Widget Iklan Banner Dengan Teratur

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 {<br /> margin: 0px;<br /> padding: 5px;<br /> text-align: center;<br /> }<br /> #Box-Banner-ads img {<br /> margin: 0px 4px 4px 0px;<br /> padding: 3px;<br /> text-align: center;<br /> border: 1px solid #c0c0c0;<br /> }<br /> #Box-Banner-ads img:hover {<br /> margin: 0px 4px 4px 0px;<br /> padding: 3px;<br /> text-align: center;<br /> border: 1px solid #333;<br /> }<br /> </div>
Kalau selesai, jangan lupa simpan, selanjutnya pilih Elemen Halaman dan Tambah Gadget lalu pilih HTML/Javascript dan masukkan kode berikut :
<div class="kotak"> <div id="Box-Banner-ads"> <br /> <a href="alamat iklan sobat" target="_blank"><img border="0" alt="ads" src="alamat banner sobat"/></a><br /> <a href="alamat iklan sobat" target="_blank"><img border="0" alt="ads" src="alamat banner sobat"/></a><br /> <a href="alamat iklan sobat" target="_blank"><img border="0" alt="ads" src="alamat banner sobat"/></a><br /> <a href="alamat iklan sobat" target="_blank"><img border="0" alt="ads" src="alamat banner sobat"/></a><br /> </div> </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.