INVHO.com – Membuat iklan banner berganti-ganti untuk dipasang di blog sangat sederhana, kita hanya perlu menyisipkan sebuah script dalam space iklan yang tersedia, seperti pada widget ataupun dalam postingan.
Jika Anda ingin mencoba membuat iklan banner berganti-ganti, silahkan copy script di bawah ini dan paste ditempat yang Anda inginkan.
<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 1" id="adLink1" target="_blank">
<img border="0" height="250" id="adBanner1" src="link gambar iklan-1" width="350" /></a>Petunjuk Pengisian :
- 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 Orange 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 ini dibuat dengan menggabungkan beberapa gambar untuk mempermudah melakukan promosi. Tujuan menggabungkan beberapa gambar adalah agar iklan yang di pasang tidak banyak mengambil space. Selain itu, model iklan seperti ini akan lebih efektif jika dibandingkan dengan model iklan lain.
Iklan banner berganti-ganti merupakan sebuah bentuk design iklan grafis visual yang mampu mencuri perhatian pengunjung. Melalui efek yang berganti-ganti itu, iklan ini bisa mendatangkan banyak klik.
Berikut contoh iklan banner berganti-ganti:
var imgs1 = new Array(“https://invho.com/wp-content/uploads/2026/03/IdWebhost-1.png”,”https://invho.com/wp-content/uploads/2026/03/IdWebhost-2.png”);
var lnks1 = new Array(“https://member.idwebhost.com/aff.php?aff=6788″,”https://member.idwebhost.com/aff.php?aff=6788”);
var alt1 = new Array(“Domain Murah”,”Bei Hosting Gratis Domain”);
var currentAd1 = 0;
var imgCt1 = 2;
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()”,4000);
Nah, itu dia cara membuat iklan banner berganti-ganti, sangat mudah bukan? Boleh Anda coba, jika ada kesulitan dalam penggunaan script diatas, silahkan berkomentar. Semoga bermanfaat.
