Membuat Banner Rotator

Share :

Tweet

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.

Demo

Pada pagi hari ini saya akan share tentang Membuat Banner Rotator pembuatan banner rotator untuk blogger dapat  sobat lakukan dengan cara-cara di bawah ini:

1. Login ke akun blogger sobat.
2. Masuk ke tata letak > Tambah gadget
3. Pilih HTML/Javascript, lalu copas kode di bawah ini.

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

Kode di atas hanya menggunakan 3 banner, jika sobat merasa kurang dan ingin menambah lagi. Silahkan Copas kode di bawah ini di atas document.write('<center>');

if (pasang_iklan==3) {
txt="Tulis Title";
url="Alamat URL";
alt="Aternative IMG";
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.

Tag : Blogging