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 {
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 Alamat Iklan & Alamat Banner ganti sesuai dengan alamat url iklan banner dan url gambar iklan yang ingin sobat pasang. Selamat mencoba...

Baca Juga tips dan Trik Blog berikut :

• Cara pasang animasi bergerak mengikuti mouse di blog
• Cara Daftar google adsense terbaru untuk blogspot
• mengubah nama situs blogspot menjadi namadomain.co.cc
• Cara Memasukkan Video Youtube Ke Posting Blog
• Cara mengganti cursor blog agar lebih menarik
• Cara Membuat Teks Pada Kursor
• Cara Membuat Efek Bintang pada Kursor
• Cara Membuat/Pasang Efek Hujan Salju di Blog Anda
• Cara Membuat Like This Box Facebook Pada Blog

 

Baca Juga yang ini Sob...: