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.