- Membuat iklan banner berganti-ganti untuk dipasang di blog sangat sederhana, kita hanya perlu menyisipkan sebuah script dalam space iklan banner.
Iklan banner ini dibuat dengan menggabungkan beberapa gambar untuk mempermudah melaksanakan promosi. Tujuan menggabungkan beberapa gambar yakni biar iklan tidak banyak mengambil space. Selain itu iklan banner berganti-ganti akan lebih efektif kalau dibandingkan dengan iklan dalam bentuk teks.
Iklan banner berganti-ganti merupakan sebuah bentuk design iklan grafis visual yang bisa mencuri perhatian dan ketertarikan pengunjung. Melalui ketertarikan itu, iklan banner akan mendatangkan banyak klik. Contoh iklan banner berganti-ganti bisa lihat gambar dibawah ini:
 |
| source image www.bannersnack.com |
Cara Membuat Iklan Banner Berganti-Ganti
Jika penasaran untuk mencoba membuat iklan banner berganti-ganti, silahkan copy script di bawah ini dan paste ditempat dimana iklan banner ingin Anda tempatkan. <script type="text/javascript">
var imgs1 = new Array("URL Banner-1","URL Banner-2","URL Banner-3","URL Banner-4");
var lnks1 = new Array("URL Tujuan-1","URL Tujuan-2","URL Tujuan-3","URL Tujuan-4");
var alt1 = new Array("Teks Iklan-1","Teks Iklan-2","Teks Iklan-3","Teks Iklan-4");
var currentAd1 = 0;
var imgCt1 = 4;
function cycle1() {
if (currentAd1 == imgCt1) {
currentAd1 = 0;
}
var banner1 = document.getElementById('adBanner1');
var link1 = document.getElementById('adLink1');
banner1.src=imgs1[currentAd1]
banner1.alt=alt1[currentAd1]
document.getElementById('adLink1').href=lnks1[currentAd1]
currentAd1++;
}
window.setInterval("cycle1()",5000);
</script>
<a href="URL Tujuan" id="adLink1" target="_blank">
<img border="0" height="250" id="adBanner1" src="link gambar iklan-1" width="350" /></a>
Petunjuk Pengisian:var imgs1 = new Array("URL Banner-1","URL Banner-2","URL Banner-3","URL Banner-4");
var lnks1 = new Array("URL Tujuan-1","URL Tujuan-2","URL Tujuan-3","URL Tujuan-4");
var alt1 = new Array("Teks Iklan-1","Teks Iklan-2","Teks Iklan-3","Teks Iklan-4");
var currentAd1 = 0;
var imgCt1 = 4;
function cycle1() {
if (currentAd1 == imgCt1) {
currentAd1 = 0;
}
var banner1 = document.getElementById('adBanner1');
var link1 = document.getElementById('adLink1');
banner1.src=imgs1[currentAd1]
banner1.alt=alt1[currentAd1]
document.getElementById('adLink1').href=lnks1[currentAd1]
currentAd1++;
}
window.setInterval("cycle1()",5000);
</script>
<a href="URL Tujuan" id="adLink1" target="_blank">
<img border="0" height="250" id="adBanner1" src="link gambar iklan-1" width="350" /></a>
- URL Banner yang berwarna Merah yakni alamat link gambar yang dijadikan banner.
- URL Tujuan yang berwarna Biru yakni URL tujuan, ketika gambar banner diklik maka akan menuju link yang menjadi tujuan.
- Teks Iklan yang berwarna Hijau yakni deskripsi singkat wacana gambar banner.
- Angka 5000 yakni kecepatan gerakan banner yang bergantian, semakin rendah nilainya maka akan semakin cepat pergerakannya, begitu juga sebaliknya.
- Width 350 dan Height 250 yakni lebar dan tinggi banner. Silahkan sesuaikan dengan space iklan Anda.
Iklan banner berganti-ganti merupakan sebuah bentuk design iklan grafis visual yang bisa mencuri perhatian dan ketertarikan pengunjung. Melalui ketertarikan itu, iklan banner akan mendatangkan banyak klik. Contoh iklan banner berganti-ganti bisa lihat gambar dibawah ini:
Nah, itu beliau cara membuat iklan banner berganti-ganti, sangat mudah bukan? Silahkan Anda coba, kalau ada kesulitan dalam penggunaan script diatas, silahkan berkomentar. Semoga bermanfaat.
