INVHO.com - 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 melakukan promosi. Tujuan menggabungkan beberapa gambar adalah agar iklan tidak banyak mengambil space. Selain itu iklan banner berganti-ganti akan lebih efektif jika dibandingkan dengan iklan dalam bentuk teks.
Iklan banner berganti-ganti merupakan sebuah bentuk design iklan grafis visual yang mampu 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 adalah alamat link gambar yang dijadikan banner.
- URL Tujuan yang berwarna Biru adalah URL tujuan, saat gambar banner diklik maka akan menuju link yang menjadi tujuan.
- Teks Iklan yang berwarna Hijau adalah deskripsi singkat tentang gambar banner.
- Angka 5000 adalah kecepatan gerakan banner yang bergantian, semakin rendah nilainya maka akan semakin cepat pergerakannya, begitu juga sebaliknya.
- Width 350 dan Height 250 adalah lebar dan tinggi banner. Silahkan sesuaikan dengan space iklan Anda.
Iklan banner berganti-ganti merupakan sebuah bentuk design iklan grafis visual yang mampu 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 dia cara membuat iklan banner berganti-ganti, sangat mudah bukan? Silahkan Anda coba, jika ada kesulitan dalam penggunaan script diatas, silahkan berkomentar. Semoga bermanfaat.
0 comments:
Post a Comment