Membuat Box Banner Iklan

Membuat box banner iklan/ads sebenarnya bukanlah hal yang sulit, anda cukup sedikit mengutak-atik kode CSS kode Html maka jadilah Box tempat iklan seperti gambar disamping.

Untuk mempermudah saya berikan kode-kode CSS dan HTML juga cara meletakkan kode-kode tersebut.

Gimana ? Sudah siap buat Box Banner Iklan ?

Ok ! Langsung aja biar nggak ngelantur kesana-kemari, berikut kode yang dapat Anda copy dan pasang di Blog Anda.

Copy kode dibawah dan taruh tepat diatas kode ]]></skin>

#bannerads {
margin: 0px;
padding: 2px;
text-align: center;
background: #f7f7f7;
margin: 0 0 10px;
padding: 10px;
border:1px solid #656565;
}

#bannerads img {
margin: 0px 2px 2px 0px;
padding: 1px;
text-align: center;
border: 1px solid #656565;
}

#bannerads img:hover {
margin: 0px 2px 2px 0px;
padding: 1px;
text-align: center;
border: 1px solid #656565;
}

Selanjutnya copy kode berikut dan taruh di dibawah kode <div id='sidebar-wrapper'>

<div id='bannerads'>

Letakkan kode banner disini

</div>

Terakhir simpan template dan lihat hasilnya, mudahkan ?

Agar terlihat kontras, sesuaikan background dengan background template Anda. Ganti kode :
background: #f7f7f7; dengan kode warna sesuai dengan template Anda.

Selamat mencoba, saya yakin pasti berhasil.