HTML : Random Header Image with Javascript

Menemukan script yang cocok diantara riuhnya artikel informasi di internet ternyata bukan hal yang mudah.Informasi sedikit saja asal sesuai dengan yang diinginkan pun terlalu sayang untuk diacuhkan begitu saja.

Ada script dengan menggunakan javascript dari Nicolas untuk memanggil secara acak file gambar.File ini nantinya bisa diposisikan di bagian Header blog kita.Menarik kan bila tiap kali kita berkunjung akan menampilkan gambar yang berbeda-beda?

Copy script berikut ini:


<script language=”Javascript”>
var currentdate = 0

var core = 0

function StringArray (n) {

this.length = n;

for (var i =1; i <= n; i++) { this[i] = ‘ ‘ } }
image = new StringArray(10)
image[0] = ‘0.gif’
image[1] = ‘1.gif’
image[2] = ‘2.gif’
image[3] = ‘3.gif’
image[4] = ‘4.gif’
image[5] = ‘5.gif’
image[6] = ‘6.gif’
image[7] = ‘7.gif’
image[8] = ‘8.gif’
image[9] = ‘9.gif’
var ran = 60/image.length function ranimage() {
currentdate = new Date()
core = currentdate.getSeconds()
core = Math.floor(core/ran) return(image[core]) } document.write(“<img src='”+ranimage()+”‘>”) </script>

Bila kita hanya memiliki dua gambar sebagai header ubah image=newStringArray(2) dan panggil nama file lengkap dengan prefix http-nya,misalnya http://domainku.com/gambar/header1.gif. Script ini bisa digabungkan ke dalam template blogger kita dengan menempatkanya di dalam tag <div id=”header”>.

Semoga bermanfaat.

Tag : random image header blogger, random image header blogspot, banner header for web.

4 pemikiran pada “HTML : Random Header Image with Javascript

  1. sebelomnya salam kenal dulu ya.. 😀
    kang, mau nanya nih, kalo script untuk masang banner/ header tuh gimana ya??? terus ukuran bannernya berapa sih (dimensi dan beratnya)??

    masih belom ngerti penjelasn akang nih 🙂

    Suka

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s