Cara Memasang Widget Iklan Banner Dengan Teratur

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

0 komentar:

Posting Komentar

Diberdayakan oleh Blogger.

Popular Posts

Followers

About

Labels

Labels

468x60 Ads

Blogger news

Blogroll

Blogger templates

Recent Post

Copyright © 2012 welcomeTemplate by : UrangkuraiPowered by Blogger.Please upgrade to a Modern Browser.