Cara Membuat Kotak Iklan (Banner Ads)


Pemasangan kotak iklan ini bermanfaat jika ada orang yang ingin memasang iklan di blog sobat. Si Advertiser itu akan mengklik iklan ini dan akan dialihkan ke halaman detail tentang pemasangan iklan di blog sobat. Oke deh, cara memasangnya sederhana kok sobat. 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;
}

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://blog-anda.blogspot.com"><img
border="0" alt="ads" src="http://i1139.photobucket.com/albums/n555/andika50/bannerads-1.png"/></a>
<a target="_blank" href="http://blog-anda.blogspot.com"><img
border="0" alt="ads" src="http://i1139.photobucket.com/albums/n555/andika50/bannerads-1.png"/></a>
<a target="_blank" href="http://blog-anda.blogspot.com"><img
border="0" alt="ads" src="http://i1139.photobucket.com/albums/n555/andika50/bannerads-1.png"/></a>
<a target="_blank" href="http://blog-anda.blogspot.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 ditujur
- Untuk kode yang berwarna Biru, bisa sobat ganti dengan gambar sobat sendiri
- Untuk penambahan iklan sobat hanya tinggal mengcopy kode:

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

Di atas </div>

Good Luck...

Sumber:

0 komentar:

Posting Komentar