MEMBUAT KOTAK IKLAN ATAU BANNER BERGANTI-GANTI GAMBAR DISATU TEMPAT

Sering kita jumpai ribuan artikel tutorial di duni blog ini ada yang ringan, berat, seru, keren unuik dan bahkan menggelikan. Yang saya akan bahas kali ini adalah tutorial keren cara membuat blog atau web anda memiliki baner berganti gambar atau anda yang ingin mengiklankan produk anda secara unik yaitu dengan gambar berjalan sendiri. Seperti gambar ini

  

yang saya pasang di bahah header saya. Ini gan caranya :

Pertama masuk ke blog anda

Kedua klik atau masuk ke tata letak

Ketiga silahkan tambah gadget/widget tergantung template blog anda

Keempat klik  HTML/JavaScript

Kelima copy kode dibawah ini dan paste ke lokasi kotak HTML/Java Skrip anda tadi

<script type="text/javascript">
var imgs1 = new Array("link gambar iklan-1","link gambar iklan-2","link gambar iklan-3","link gambar iklan-4");
var lnks1 = new Array("link iklan-1","link iklan-2","link iklan-3","link iklan-4");
var alt1 = new Array("tex iklan-1","tex iklan-2","tex iklan-3","tex 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()",10000);
</script>
<a href=""link iklan-1"" id="adLink1" target="_blank">
<img src="link gambar iklan-1" id="adBanner1" border="0" width="468" height="60" /></a>

Catatan penting: diatas adalah kode banner yang berjumlah 4(empat buah) perhatikan kode kode berwarna jangan sampai tertukar penempatan linknya..!!
jangan lupa pula untuk mengubah jumlah banyaknya gambar pada var imgCt1 = 4; apa bila menambah atau mengurangi banner untuk yang paling bawah masukan 1 link banner saja yaitu link iklan-1 dan link bannernya ukuran banner dapat di ubah di width="468" height="60" , kalau sudah selesai silahkan save dan lihat hasilnya, semoga bermanfaat untuk kita semua yah..

Untuk warna hijau dan bertuliskan window.setInterval("cycle1()",10000); adalah kecepatan pergantian gambar baner atau iklan anda . ganti (10000 dengan angka sesai kecepatan yang anda inginkan) kalai saya memakai 2000-3000 gak terlalu cepat atau lambat.