Sebenarnya tulisan atau pun tutorial tentang membuat kotak iklan di blogspot sudah banyak yang membahasnya, namun tidak ada salahnya jika saya mencoba untuk membahas tentang membuat kotak iklan, demi untuk memenuhi permintaan teman saya Aril saya luangkan sedikit waktu untuk menuliskan artikel ini.
Gambar di atas merupakan contoh kotak iklan yang ada pada blog saya, anda dapat membuat kotak iklan yang lebih baik dari itu... dengan menggunakan software-fortware editing gambar seperti Adobe Photoshop dan yang sejenis lainnya.
Jadi terlalu lama yah...
Kita langsung aja ke cara membuat kotak iklan.
Pertamax2, masuk ke blogger sobat, lalu pilih pada bagian Edit HTML, setelah itu cari kode ini <b:skin><
#Box-Banner-ads {
margin: 0px;
padding: 5px;
text-align: center;
}
#Box-Banner-ads img {
margin: 0px 4px 4px 0px;
padding: 3px;
text-align: center;
border: 1px solid #c0c0c0;
}
#Box-Banner-ads img:hover {
margin: 0px 4px 4px 0px;
padding: 3px;
text-align: center;
border: 1px solid #333;
}
Apabila sudah, lalu SAVE kerjaan sobat tadi.
Kemudian Pilih Page Element, dan buat Elemen Halaman Baru dan masukkan kode di bawah ini.
<div id="Box-Banner-ads">
<a target="_blank" href="http:alamatblogkamu.com"><img
border="0" alt="ads" src="alamatservergambarkamu.jpg"/></a>
<a target="_blank" href="http:alamatblogkamu.com"><img
border="0" alt="ads" src="alamatservergambarkamu.jpg"/></a>
<a target="_blank" href="http:alamatblogkamu.com"><img
border="0" alt="ads" src="alamatservergambarkamu.jpg"/></a>
<a target="_blank" href="http:alamatblogkamu.com"><img
border="0" alt="ads" src="alamatservergambarkamu.jpg"/></a>
<a target="_blank" href="http:alamatblogkamu.com"><img
border="0" alt="ads" src="alamatservergambarkamu.jpg"/></a>
</div>
Ganti tulisan warna merah dengan punya sobat.
Dan SIMPAN kerjaan tadi
Selamat mencoba... And Good Luck.