Cara Membuat Banner

Pada kesempatan kali ini saya akan bagikan kode HTML+CSS untuk membuat sebuah banner iklan. Caranya cukup mudah. Silakan lihat kodenya berikut ini.

Berikut ini kode CSS-nya.

/** Kotak Iklan **/
.kotak_iklan {text-align: center;}
.kotak_iklan  img {margin: 0px 5px 5px 0px;padding: 5px;text-align: center;border: 1px solid #ddd;}
.kotak_iklan  img:hover {background-color:#1d2f31}

Berikut ini kode HTML-nya.

<div class="kotak_iklan">
<a href="ALAMAT URL SPONSOR" title="Advertise Here"><img alt="Advertise Here" border="0" src="ALAMAT URL GAMBAR" /></a>
<a href="ALAMAT URL SPONSOR" title="Advertise Here"><img alt="Advertise Here" border="0" height="125" src="ALAMAT URL GAMBAR" width="125" /></a>
<a href="ALAMAT URL SPONSOR" title="Advertise Here"><img alt="Advertise Here" border="0" height="125" src="ALAMAT URL GAMBAR" width="125" /></a>
<a href="ALAMAT URL SPONSOR" title="Advertise Here"><img alt="Advertise Here" border="0" height="125" src="ALAMAT URL GAMBAR" width="125" /></a> 
<a href="ALAMAT URL SPONSOR" title="Advertise Here"><img alt="Advertise Here" border="0" height="125" src="ALAMAT URL GAMBAR" width="125" /></a>
</div>

Baiklah itu tadi cara membuat banner iklan di blog ataupun website. Terima kasih.

Ukuran Standard Banner

Jika Anda belum mengetahui berapa saja ukuran standard banner yang biasa digunakan oleh para pemasang iklan mulai dari yang terkecil sampai yang terbesar, Anda dapat melihatnya berikut ini.

Berikut ini daftar ukuran standard banner dalam pixels.

88x31 120x60 120x90 120x240 120x600 125x125 160x600 180x150

226x280 230x33 234x60 240x400 250x250 300x50 300x60 300x100

300x225 300x250 300x600 336x280 392x72 400x20 400x40 400x300

450x50 468x60 500x350 550x480 720x300 720x480 728x90 728x210