Sabtu, 14 Agustus 2010

Membuat Banner Acak ( Random Banner ) versi 2


Setelah sebelumnya kita belajar membuat Random Banner yang pertama, sekarang saya akan menjelaskan Trik membuat random banner atau banner acak versi kedua, mau tau kan triknya...?
Ok.. Lanjutkan ( Kata Bpk. SBY ), kita tahu bahwa random banner itu adalah cara untuk menghemat space halaman blog kita, dimana setiap anda me-refresh halaman Blog, banner tersebut akan berganti. Jadi ini sangat menguntungkan buat kalian yang memasang banyak iklan.

Untuk membuatnya kalian harus login keblogger kalian, selanjutnya kita bahas tahap-tahapnya dibawah ini :

1. Masuk ke rancangan
2. Pilih Elemen Halaman
3. Tambah Gadget / Tambah Elemen ---> Pilih HTML/Java Script
4. Simpan Kode berikut didalam Content HTML/Java Scriptnya

<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
var jumlah_iklan = 2;
var waktu_sekarang = new Date()
var detik = waktu_sekarang.getSeconds()
var pasang_iklan = detik % jumlah_iklan;
pasang_iklan +=1;
if (pasang_iklan==1) {
txt=" Judul Iklan";
url=" Alamat URL";
alt=" Alamat URL";
banner=" Alamat URL Gambar";
width=" 468";
height=" 60";
}
if (pasang_iklan==2) {
txt=" Judul Iklan";
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>

Keterangan :
== Kode berwarna diatas silahkan kalian ganti sesuai keterangan yang ada
== Untuk Menambah banner kalian tinggal menambahkan kode berikut :

if (pasang_iklan==3) {
txt=" Judul Iklan";
url=" Alamat URL";
alt=" Alamat URL";
banner=" Alamat URL Gambar";
width=" 468";
height=" 60";
}

**** Ganti kode berwarna merah dengan urutan angka banner

== Setiap kalian menambahkan banner iklan, kalian juga jangan lupa mengganti angka pada kode berikut sesuai dengan jumlah banner yang ditampilkan.

var jumlah_iklan = 2;

5. SIMPAN template kalian
6. SELESAI.

Semoga artikel diatas akan bermanfaat buat kalian, dan silahkan praktekkan di blog kalian masing - masing. Terima kasih. Oia Baca juga artikel saya yang berjudul memasang Banner Iklan 125x125 pada blog.

No comments yet