Membuat Iklan Banner Berganti Secara Otomatis

Membuat Iklan Banner Berganti Secara Otomatis

Banner merupakan akseoris WAJIB bagi sebagian blogger, terutama yang menjadikan blognya sebagai pendulang dollar. Selain menjadikan pendapatan tambahan dari iklan - iklan yang di promosikan lewat blog, banner bisa membuat blog Anda semakin cantik dan menawan. Untung - untungan jika template blognya menyediakan banyak slot untuk tempat banner. Jika slot bannernya terbatas, ini nih yang masalah...
Terkadang blogger sering memaksakan struktur template blognya untuk tempat banner yang tidak seharusnya dilakukan. Akibatnya, blog semakin berat dan lambat untuk di akses pengunjung. Solusinya? Buatkan Iklan Banner Berganti Secara Otomatis, Maksudnya gimana nih? Penempatan iklan banner di satu tempat dan banner tersebut akan saling berganti secara otomatis. Tujuannya tak lain untuk menghemat tempat di ruang halaman blog Anda. 

Cara membuatnya juga tidak terlalu sulit. Yang terpenting anda sudah membuat banner iklannya dan telah menentukan lokasi banner yang disesuaikan dengan struktur template.. Yuk kita mulai saja bagaimana cara membuat banner berganti otomatis di satu tempat.
  • Login ke Blogger
  • Pilih Tata Letak => Tambah Gadget
  • Pilih HTML/JavaScript
  • Masukkan kode dibawah ini kedalamnya

    <script type="text/javascript">
    var imgs1 = new Array("URL Banner-A","URL Banner-B","URL Banner-C","URL Banner-D");
    var lnks1 = new Array("URL Tujuan-A","URL Tujuan-B","URL Tujuan-C","URL Tujuan-D");
    var alt1 = new Array("Teks Iklan-A","Teks Iklan-B","Teks Iklan-C","Teks Iklan-D");
    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=""link iklan-1"" id="adLink1" target="_blank">
    <img src="link gambar iklan-1" id="adBanner1" border="0" width="350" height="250" /></a>

    Keterangan :
    1. URL Banner (warna Merah) merupakan alamat atau link gambar banner;
    2. URL Tujuan (warna Biru) merupakan URL tujuan, apabila diklik akan menuju link yang menjadi tujuan;
    3. Teks Iklan (warna Hijau) merupakan teks uraian singkat mengenai banner iklan Anda;
    4. Angka 5000 merupakan kecepatan gerakan banner yang bergantian, semakin rendah nilainya maka akan semakin cepat pergerakannya, begitu juga sebaliknya;
    5. Width 350 dan Height 250 merupakan lebar dan tinggi banner. Silahkan Anda ganti dan disesuaikan dengan struktur template Anda.
  • Setelah semua setingan dilakukan dan sudah sesuai dengan selera Anda, klik Save
  • Selesai

Mudah bukan? Info tambahan, tips ini juga boleh diterapkan pada blog wordpress. Nah.., silahkan dicoba dan dipasang di blog anda, semoga tips singkat tentang Membuat Iklan Banner Berganti Secara Otomatis ini dapat bermanfaat untuk sahabat blogger semuanya. Salam Blogger Indonesia....!!!

loading...


Komentar

Posting Komentar