Tutorial: Membuat Random Banner Pada Blog

Sekali kayuh dua pulau terlewati, rasanya peribahasa tersebut pas untuk postingan ini. Bagaimana caranya kita hanya dengan satau space iklan yang tersedia di blog, namun dapat menampilkan lebih dari satu, dua, bahkan sepuluh iklan sekaligus.

Di dunia blogging para sobat menyebutnya "Random Banner" atau "Rotations Banner". Lalu bagaimana caranya agar kita dapat membuatnya, nah mungkin berikut ini adalah salah satu cara yang terus terang bukan saya yang membuatnya akan tetapi saya kutip dari salah satu blog sobat maya , dan hanya untuk berbagi.


Berikut cara dan scriptnya :


1.Masuk ke Layout>Page Element
2.Pilih option HTML/Javascript
3.Masukkan script dibawah:


<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
var jumlah_iklan = 3;
var waktu_sekarang = new Date()
var detik = waktu_sekarang.getSeconds()
var pasang_iklan = detik % jumlah_iklan;
pasang_iklan +=1;
if (pasang_iklan==1) {
txt="Tulis Title";
url="Alamat URL";
alt="Alamat URL";
banner="Alamat URL Gambar";
width="468";
height="60";
}
if (pasang_iklan==2) {
txt="Tulis Title";
url="Alamat URL";
alt="Alamat URL";
banner="Alamat URL Gambar";
width="468";
height="60";
}
if (pasang_iklan==3) {
txt="Tulis Title";
url="Alamat URL";
alt="Alamat URL";
banner="Alamat URL Gambar";
width="468";
height="60";
}
document.write('<center>');
document.write('<a href=\"' + url + '\" target=\"_top\">');
document.write('<img src=\"' + banner + '\" width=')
document.write(width + ' height=' + height + ' ');
document.write('alt=\"' + alt + '\" border=0><br>');
document.write('<small>' + txt + '</small></a>');
document.write('</center>');
// End -->
</SCRIPT>



Silahkan sobat ganti kode  yang berwarna merah tersebut  yang tentunya dengan kode sobat sendiri, SAVE dan lihat hasilnya. Semoga berhasil! dan jangan lupa komennya ane harapin.

Referensi:
  • http://nickosays.blogspot.com/2009/02/membuat-rotating-banner-banner.html
  • http://www.hilmifirdaus.com/2009/12/cara-pasang-random-banner-iklanmembuat.html
  • http://stylebloggertemplate.blogspot.com/2010/07/membuat-banner-rotation-otomatis-atau_10.html


3 comments:

  1. wah, info yang bermanfaat gan

    ReplyDelete
  2. salam sahabat
    ehm bagus adi referensi bagi yang suka pasang banner.,makasih yach good luck

    ReplyDelete
  3. ok nice bro....
    blog walking dulu ah....
    jangan lupa follow blog ane.....

    ReplyDelete

Powered by Blogger.