Random Header Image

Suatu saat, saya terpikirkan bagaimana cara agar pengunjung tidak bosan menghadapi situs saya. Yakni dengan menciptkan header-background yang berbeda setiap kali halaman situs ini terload. Akhirnya, jadi juga untuk membuat sebuah script tentang bagaimana sebuah situs me-random header yang akan ditampilkan agar si pengunjung tidak bosan. Ini sangat berguna jika kamu memiliki lebih dari 1 gambar header, tapi kalau cuman 1, gak usah pakek, nggak ngefek jadinya.

Suatu saat, saya terpikirkan bagaimana cara agar pengunjung tidak bosan menghadapi situs saya. Yakni dengan menciptkan header-background yang berbeda setiap kali halaman situs ini terload. Akhirnya, jadi juga untuk membuat sebuah script tentang bagaimana sebuah situs me-random header yang akan ditampilkan agar si pengunjung tidak bosan. Ini sangat berguna jika kamu memiliki lebih dari 1 gambar header, tapi kalau cuman 1, gak usah pakek, nggak ngefek jadinya.

(satu jam kemudian...)

Sudah belum membuat header banyak-banyak untuk situs mu, kalau sudah cepetan upload. Misalnya diupload ke google pages, dan jangan lupa mengkopikan alamat URL dari gambarmu. lalu masuk ke dashboardmu, Template, Page Elements, Add a Page Elements, dan pilih HTML/JavaScript. Dan kopikan JavaScript berikut ke kotak text besar disana :

<script type="text/javascript">

var banner= new Array()

banner[0]=" Image01URL "

banner[1]=" Image02URL "

banner[2]=" Image03URL "

banner[3]=" Image04URL "

banner[4]=" Image05URL "

banner[5]=" Image06URL "

banner[6]=" Image07URL "

banner[7]=" Image08URL "

banner[8]=" Image09URL "

banner[9]=" Image10URL "

var random=Math.floor( 10 *Math.random());

document.write("<style>");

document.write("#header {");

document.write(' background:url("' + banner[random] + '") no-repeat top left ;');

document.write(" }");

document.write("</style>");

</script>

1. Image01URL sampai Image10URL adalah link ke gambar yang telah kamu upload sebelumnya. tolong masukkan url secara lengkap dengan diawali oleh http://

2. Ini menggunakan algoritma Math pada javascript. kode random() akan memberimu acakan antara 0 sampai 9. Ketika halaman terload, script ini hanya meload antara gambar 0 sampai 9 untuk ditampilkan menjadi header secara acak.

3. Contoh diatas mengasumsikan kalau kamu memiliki 10 gambar header berbeda untuk ditampilkan. Jika kamu hanya punya 5 gambar, hapus banner[5] sampai banner[9]. dan ganti var random=Math.floor( 10 *Math.random()); menjadi var random=Math.floor( 5 *Math.random());

Update: Sekarang aku gak pakek trick ini, soalnya udah ganti templete, males tuh nambahinnya, :):D

www.blogywalkie.blogspot.com

this article is about Blogger Hack, JavaScript