Kotak Iklan (Banner)

Unknown | Minggu, Mei 06, 2012 | Tutorial Blog Assalamu'alaikum sobat, Semoga semua dalam keadaan sehat. Kali ini mari kita sama-sama belajar mengenai Cara membuat kotak iklan (Banner Ads). Caranya:
Masuk ke edit HTML lalu letakkan kode berikut di atas ]]></b:skin>

#banner-ads  {
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;
}

Simpan Template.

Selanjutnya:
Masuk ke halaman Tambah Gadget, Pasang kode ini pada HTML/Javascript.

<div id="banner-ads">

<a target="_blank" href="http://raihan-q.blogspot.com.com"><img
border="0" alt="ads" src="http://i1139.photobucket.com/albums/n555/andika50/bannerads-1.png"/></a>
<a target="_blank" href="http://raihan-q.blogspot.com.com"><img
border="0" alt="ads" src="http://i1139.photobucket.com/albums/n555/andika50/bannerads-1.png"/></a>
<a target="_blank" href="http://raihan-q.blogspot.com.com"><img
border="0" alt="ads" src="http://i1139.photobucket.com/albums/n555/andika50/bannerads-1.png"/></a>
<a target="_blank" href="http://raihan-q.blogspot.com.com"><img
border="0" alt="ads" src="http://i1139.photobucket.com/albums/n555/andika50/bannerads-1.png"/></a>

</div>

Simpan dan lihat hasilnya

Keterangan:
- Untuk kode yang berwarna Merah ganti dengan alamat iklan yang dituju.
- Untuk kode yang berwarna Biru, ganti dengan gambar sobat sendiri.
- Untuk penambahan iklan sobat hanya tinggal mengcopy kode:

<a target="_blank" href="http://raihan-q.blogspot.com.com"><img
border="0" alt="ads" src="http://i1139.photobucket.com/albums/n555/andika50/bannerads-1.png"/></a>

Di atas </div>

Demikian bahan yang bisa kita pelajari, sampai jumpa lagi (Insya Allah).

Admin : Unknown ~ The Journey Barlie's Blog

Artikel Kotak Iklan (Banner) Semoga bermanfaat, untuk kritik dan saran silahkan klik poskan komentar dibawah atau tinggalkan pesan di CBOX. Terimakasih atas kunjungan Anda serta kesediaan Anda membaca artikel ini.