Home » , , » banner berganti otomatis disatu tempat

banner berganti otomatis disatu tempat

selamat siang siang semuanya, sehatkah kalian semoga saja selalu sehat  dan dilindungi oleh Yang Maha Kuasa hingga dapat menjalankan aktifitas dengan mudah (amin), Ok.. kali ini kita akan membahas cara membuat banner berganti otomatis disatu tempat, maksudnya apa yah..? maksudnya ialah ketika kita ingin memasang banner yang banyak tetapi ruang publik yang kita miliki di blog sangat terbatas atau kita takmau memakai banyak tempat, dan untuk mengatasi ini selama ukuran bannernya sama kita dapat menempatkan semua banner yang kita punya dalam satu tempat, lalu bagaimana apakah bannernya akan terlihat..? takusah khawatir karena banner yang kita semat di satu tempat ini akan bergantian secara otomatis dalam hitungan detik, contohnya bisa dilihat pada iklan banner yang saya tempatkan dihaeder lihat gambar dibawah:


coba perhatikan gambar itu berapa detik image nya bertukar otomatis, jadi anda takperlu melakukan refresh browser untuk mengganti banner.. sudah mengertikan yang saya maksud, untuk cara membuatnya sangatlah mudah tinggal kopy paste kode dibawah ini dan masukkan dimana kalian mau menempatkan nya (tambah gadget HTML/JavaScript) kodenya dibawah ini

<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..
Jika Anda menyukai Artikel di blog ini, Silahkan klik disini untuk berlangganan gratis via email, dengan begitu Anda akan mendapat kiriman artikel setiap ada artikel yang terbit di Gerbang Mini

2 komentar:

Endi Al-Chemy mengatakan...

Terimakasih code yang telah sobat buat...

Kka Ardian mengatakan...

sama sama

Posting Komentar

 
Support : Creating Website | Johny Template | Mas Template
Copyright © 2011. Jendela Mini - All Rights Reserved
Template Modify by Creating Website
Proudly powered by Blogger