Hari ini :


Tips 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....!!!

26 komentar:

  1. waahhh boleh juga nichhh

    thank's dachhh

    ReplyDelete
  2. Wahh, thanks ya atas infonya, kebetulan lagi mau promosi website nih

    ReplyDelete
  3. href=""link iklan-1""
    src="link gambar iklan-1"

    yang bagian ininya tetap atau harus diganti?
    kok masih "link iklan-1" dan "link gambar ikla-1" ??
    mohon infonya, thanks.

    ReplyDelete
  4. kasih contonya Gan.
    Aku kok ndak bisa2, aku coba edit2 sama aja.
    kasih contonya penulisan'nya yg benar..
    please Gan

    ReplyDelete

  5. Obat jerawat akibat kurang tidur
    Thanks for sharing the information may be useful
    always success

    ReplyDelete

  6. thanks for all the bloggers for the advice may be useful especially for me personally, generally for all of us, I hope we all launched online business

    Amin .....................
    pengobatan gondok beracun alami

    ReplyDelete

  7. Thank you so much for the info, very interesting information we wait for the next update ^^
    Obat polip kandung empedu tanpa operasi

    ReplyDelete

  8. Thank you friend for the information very helpful at all .. !!
    Obat Polip kandung Empedu Yang Alami

    ReplyDelete

  9. thank you very much gan on information that has been posted, I am personally very impressed with your article I wait for the next update ^^
    Obat Amandel Yang Sudah Bengkak Dan Parah

    ReplyDelete






  10. it's amazing article I was reading thank you for the information may be worship goodness author
    Cara mengobati infeksi saluran kencing pada ibu hamil secara alami

    ReplyDelete
  11. Thanks gan infonya.. kunjungi balik ya href="http://planetirl.com" rel="nofollow">Unik dan Aneh<

    ReplyDelete






  12. because you have to share information about your experince article I say thank you, and we wait for further information ^^

    Cara mengobati TBC pada wanita hamil secara alami

    ReplyDelete
  13. SEMUANYA SUDAH TAMPIL TAPI KOK ADA KALIMAT UNDEFINED..?

    beri petunjuk mas

    ReplyDelete
  14. Usaha Sampingan Jual PULSA http://www.rajaxpulsa.com/

    ReplyDelete
  15. gan mau nanya, script diatas bisa gak kalo mau nambah lebih dari 4 banner iklan yang bergantian..

    ReplyDelete

Stop SPAM Comments