Cara membuat kotak iklan (Banner Ads)

Jatiharjo Blogging - halo sahabat, kali ini saya akan memposting tentang Bisnis Online. Yaitu Cara membuat kotak iklan (Banner Ads). Pemasangan kotak iklan ini bermanfaat jika ada orang yang ingin memasang iklan di blog sahabat. Si Advertiser itu akan mengklik iklan ini dan akan dialihkan ke halaman detail tentang pemasangan iklan di blog sahabat. Oke deh, cara memasangnya sederhana kok sahabat. Lihat di bawah:

1. Login pada blog sobat
2. Template
3. Edit HTML lalu Lanjutkan
4. Cari kode ]]></b:skin>
5. Pasang kode di bawah ini di atas kode ]]></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;
}

6. Simpan Template

Selanjutnya, untuk pemasangan iklan ikuti langkah ini:
1. Masuk ke halaman Tata Letak
2. Tambah Gadget
3. HTML/Javascript
4. Pasang kode ini

<div id="banner-ads">

<a target="_blank" href="http://jatiharjo.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://jatiharjo.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://jatiharjo.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://jatiharjo.blogspot.com.com"><img
border="0" alt="ads" src="http://i1139.photobucket.com/albums/n555/andika50/bannerads-1.png"/></a>

</div>

5. Simpan dan lihat hasilnya

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

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

Di atas </div>

Sampai disini dulu ya, Selamat Mencoba!!!


Link Sumber :
blognya-reggy.blogspot.com