Membuat Banner Rotator pada Blogger

Banner rotator merupakan tehnik pemasangan banner yang dapat berubah secara otomatis dalam jangka waktu tertentu secara teratur. Dengan menggunakan tehnik script banner rotator, kita dapat memasang beberapa banner image dalam satu ruang pada blog kita. Selain menghemat ruang pada blog kita, banner rotator juga tidak akan mengganggu para pengujung blog kita dalam mengakses konten blog kita. Bahkan jika kita dapat menempatkan banner rotator dengan posisi yang tepat, tentu saja akan membuat blog kita lebih menarik.


Dalam kesempatan kali ini Dal.com ingin berbagi dengan Anda tentang membuat  Pembutan banner rotator untuk blogger dapat kita lakukan dengan cara-cara berikut ini:

1. Masuk ke akun blogger Anda.
2. Masuk ke menu Tata Letak dan Tambah gadget.
3. Pilih HTML/JavaScript dan masukkan kode script berikut didalamnya:

<script language="text/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="Aternative IMG";
banner="Alamat URL Gambar";
width="250";
height="250";
}
if (pasang_iklan==2) {
txt="Tulis Title";
url="Alamat URL";
alt="Aternative IMG";
banner="Alamat URL Gambar";
width="250";
height="250";
}
if (pasang_iklan==3) {
txt="Tulis Title";
url="Alamat URL";
alt="Aternative IMG";
banner="Alamat URL Gambar";
width="250";
height="250";
}
document.write('<center>');
document.write('<a href=\"' + url + '\" target=\"_blank\">');
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>

Script banner rotator untuk blogger diatas, hanya menggunakan 3 banner tetapi Anda juga dapat menambahnya dengan menambahkan kode script berikut ini sebelum kode script document.write('<center>');

if (pasang_iklan==4) {
txt="Tulis Title";
url="Alamat URL";
alt="Alamat URL";
banner="Alamat URL Gambar";
width="250";
height="250";
}

Untuk text berwarna merah diatas perlu Anda sesuaikan, seperti lebar image, tinggi image, judul image dan url image. Selamat mencoba dan semoga bermanfaat. 

Happy Blogging

Baca Selengkapnya »