Membuat dan menyediakan kotak banner iklan untuk sebagian blog sangatlah
dibutuhkan terlebih lagi dengan sedikit mendesain tempat kotak/kolom
banner iklan agar terlihat lebih rapih dan indah supaya bisa diminati
tempat kolom tersebut untuk dipakai oleh orang lain. Tutorial pembuatan
kotak banner ini sebenarnya sudah banyak dibagikan oleh blog-blog
sahabat lainnya, tapi semoga saja bermanfaat untuk yang belum
mengetahui. cara pemasangan kotak banner iklan bisa mengikuti cara
berikut.
Langkah-Langkah:
1. Pergi ke menu Tata Letak
2. Pilih Tambahkan Gadget » Pilih HTML/JavaScript
3. Copy dan paste kode dibawah ini
<style type='text/css'>
.kotak-iklan { background : #ddd; text-align : center; border-radius : 4px; padding : 12px 0; }
.kotak-iklan img { background : #ebf5f9; margin : auto; padding : 5px; text-align : center; width : 125px; height : 125px; }
.kotak-iklan img:hover { background : #fff; }
</style>
<div class="kotak-iklan">
<a href="http://wendyandriyan.blogspot.com/" title="Pasang Iklan"><img alt="iklan banner" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdWyOU0ll3g4XwFWyjYZmMpAf7X9EYxJ3X06cNmpTu48JLo943PX3MVpFaxYQvpp-G4NUh4F5SoBvExbZKmmpSKYZEp7igaEen0s6ZPLqmdmsYnJY4jXv26o3oOmkF_1UrWSNLihxHaBU/s1600/125.jpg"/></a>
<a href="http://wendyandriyan.blogspot.com/" title="Pasang Iklan"><img alt="iklan banner" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdWyOU0ll3g4XwFWyjYZmMpAf7X9EYxJ3X06cNmpTu48JLo943PX3MVpFaxYQvpp-G4NUh4F5SoBvExbZKmmpSKYZEp7igaEen0s6ZPLqmdmsYnJY4jXv26o3oOmkF_1UrWSNLihxHaBU/s1600/125.jpg"/></a>
<a href="http://wendyandriyan.blogspot.com/" title="Pasang Iklan"><img alt="iklan banner" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdWyOU0ll3g4XwFWyjYZmMpAf7X9EYxJ3X06cNmpTu48JLo943PX3MVpFaxYQvpp-G4NUh4F5SoBvExbZKmmpSKYZEp7igaEen0s6ZPLqmdmsYnJY4jXv26o3oOmkF_1UrWSNLihxHaBU/s1600/125.jpg"/></a>
<a href="http://wendyandriyan.blogspot.com/" title="Pasang Iklan"><img alt="iklan banner" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdWyOU0ll3g4XwFWyjYZmMpAf7X9EYxJ3X06cNmpTu48JLo943PX3MVpFaxYQvpp-G4NUh4F5SoBvExbZKmmpSKYZEp7igaEen0s6ZPLqmdmsYnJY4jXv26o3oOmkF_1UrWSNLihxHaBU/s1600/125.jpg"/></a></div>
4. Simpan dan selesai.
Notes:
Warna merah ganti dengan url situs/alamat url iklan yang dituju saat diklik
Warna biru ganti dengan url gambar/banner iklan yang diinginkan
EmoticonEmoticon