Cara Membuat Baner Berganti Otomatis di blog

 

 

Untuk sebuah blog yang mengandalkan penghasilan dari pemasang iklan memerlukan banyak space untuk memajang iklan sponsor tersebut. Namun kini kita tidak perlu resah karena salah satu solusi untuk hemat space blog adalah dengan memasang banner otomatis.

Script banner ini diperoleh dari Gerbang Mini, blog sahabat saya. Terimakasih atas scriptnya sob..

Berikut cara membuat banner berganti otomatis disatu tempat saja yaitu :

1. login ke blog sobat

2. masuk ke rancangan

3. Pilih add gadget >> pilih yang HTML/JavaScript

4. Copy lalu paste kode berikut di kotak gadget yang dipilih tadi:

    <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("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>

Keterangan:

• URL banner 1,2,3 dan 4 ganti dengan URL banner (alamat / link gambar banner anda)
• URL tujuan-1,2,3 dan 4 ganti dengan URL tujuan jika sewaktu diklik
• tex iklan-1,2,3, dan 4 ganti dengan teks singkat tentang banner iklan anda misalnya, banner anda teantang bisnis online maka cukup ketik bisnis online saja. jangan membuat teks terlalu panjang.
• angka 468 dan 60 sesuaikan dengan size banner sobat.
• jumlah banner adalah 4 buah..

Sumber By: http://aplikasiterunik.blogspot.com/2012/04/cara-membuat-banner-berganti-otomatis.html#ixzz2PyEo88cR