Cara-membuat-kotak-iklan-banner
Posted by
kawasaki ninja 250 lady biker ninja 250
under
tutorial blog
- Pilih rancangan --> edit Html
- Setelah itu copy kode berikut dan pastekan di atas kode ]]></b:skin>
#banner-ads {klik save template
margin: 0px;
padding: 5px;
text-align: center;
}
#banner-ads img {
margin: 0px 4px 4px 0px;
padding: 3px;
text-align: center;
border: 1px solid #c0c0c0;
}
#banner-ads img:hover {
margin: 0px 4px 4px 0px;
padding: 3px;
text-align: center;
border: 1px solid #333;
}
Setelah itu, kita lanjutkan untuk memasang elemen iklan.
- masuk ke Tata Letak
- Klik tambah Gadget --> pilih HTML/Javascript
- Lalu copy kode berikut ini ke dalamnya.
<div id="banner-ads">
<a target="_blank"http://risefg.blogspot.com/2012/06/cara-membuat-kotak-iklan-banner.html"><img
border="0" alt="ads" src="http://i1215.photobucket.com/albums/cc503/kowandy/ads1kowandy.png"/></img
></a>
<a target="_blank" href="http://risefg.blogspot.com/2012/06/cara-membuat-kotak-iklan-banner.html"><img
border="0" alt="ads" src="http://i1215.photobucket.com/albums/cc503/kowandy/ads1kowandy.png"/></img
></a>
<a target="_blank" href="http://risefg.blogspot.com/2012/06/cara-membuat-kotak-iklan-banner.html"><img
border="0" alt="ads" src="http://i1215.photobucket.com/albums/cc503/kowandy/ads1kowandy.png"/></img
></a>
<a target="_blank" href="http://risefg.blogspot.com/2012/06/cara-membuat-kotak-iklan-banner.html"><img
border="0" alt="ads" src="http://i1215.photobucket.com/albums/cc503/kowandy/ads1kowandy.png"/></img
></a>
<a target="_blank" href="http://risefg.blogspot.com/2012/06/cara-membuat-kotak-iklan-banner.html"><img
border="0" alt="ads" src="http://i1215.photobucket.com/albums/cc503/kowandy/ads1kowandy.png"/></img
></a>
<a target="_blank" href="http://risefg.blogspot.com/2012/06/cara-membuat-kotak-iklan-banner.html"><img
border="0" alt="ads" src="http://i1215.photobucket.com/albums/cc503/kowandy/ads1kowandy.png"/></img
></a>
<a target="_blank" href="http://risefg.blogspot.com/2012/06/cara-membuat-kotak-iklan-banner.html"><img
border="0" alt="ads" src="http://i1215.photobucket.com/albums/cc503/kowandy/ads1kowandy.png"/></img
></a>
</div>
- Klik Save.
Catatan :
* Kode berwarna merah ganti dengan alamat iklan yang di tuju
* kode berwarna biru ganti dengan URL gambar anda sendiri
* Untuk menambah iklan anda hanya tinggal mengcopy kode berikut di atas </div>
