Cara Membuat Banner Rotasi

NBC Blog - Cara membuat banner rotasi menjadi menu pembahasan kita pada kesempatan kali ini. Adapun manfaat dari penggunaan banner rotasi ini adalah untuk menghemat space di halaman blog. Dengan menerapkan banner rotasi pada blog maka space yang seharusnya di pakai untuk dua (2) atau lebih bisa di gabung hanya satu (1) slot untuk dua banner.

Sistem kerja dari banner rotasi ini adalah, setiap kali merefresh halaman blog atau setiap membuka halaman yang berbeda maka banner yang muncul pun akan berbeda. Misalnya, jika menggunakan script ini untuk tiga banner maka setiap tiga kali halaman blog di buka makan akan menampilkan tiga banner yang berbeda.

Penggunaan banner rotasi ini sangat cocok untuk blog yang di khusus kan untuk bisnis online paid to click. Blog dengan tema seperti ini tentu menjadikan banner affiliasi sebagai andalan utama untuk menarik pengunjung. Tapi, jika kebanyakan banner justru akan membuat pengunjung menjadi tidak betah selain tentunya loading blog akan menjadi berat.

Setelah mengetahui manfaat dan keuntungan dari memasang banner rotasi di blog, sekarang saatnya menerapkan materi tentang cara membuat banner rotasi di blog ini. Langkah pertama adalah login ke akun blogger -->> pilih tata letak -->> tambah gadget -->> HTML / Java Script. Setelah hal ini di lakukan lalu masukkan kode berikut ini.

<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="<b>Nama Banner<b/>";
url="Link yang di tuju (link referral)";
alt="Link yang di tuju (link referral)";
banner="Link Banner (gambar)";
width="468";
height="60";
}
if (pasang_iklan==2) {
txt="<b>Nama Banner<b/>";
url="Link yang di tuju (link referral)";
alt="Link yang di tuju (link referral)";
banner="Link Banner (gambar)";
width="468";
height="60";
}
if (pasang_iklan==3) {
txt="<b>Nama Banner<b/>";
url="Link yang di tuju (link referral)";
alt="Link yang di tuju (link referral)";
banner="Link Banner (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>

Setelah selesai memasukkan kode di atas, lalu klik save dan lihat tampilan di halaman blog sobat. Setiap membuka halaman baru maka banner baru pun akan muncul. Sebagai catatan, kode di atas adalah kode untuk merotasi tiga (3) jenis banner.

Demikianlah informasi mengenai cara membuat banner rotasi ini di bagikan. Semoga informasi yang sederhana ini bermanfaat bagi sobat. Akhir kata saya ucapkan terima kasih atas kunjungannya.