Tips Membuat Penampilan Gambar Acak Pada Judul ( Random Image Header ) pada Blogger

Random image adalah metode penyangan bergantian dari sekumpulan gambar/image. Disini akan diulas sedikit tentang Randome image header pada blogger yang mana kita akan memberi fasilitas penayangan secara otomatis setiap kali halaman Refresh. Tujuannya sih ya untuk lebih menawan dan mempercatik blogger kita. Bingungnya sih kita harus juga menentukan ukuran/size image itu sendiri yang sesuai dengan ukuran header blog kita yang akan ditampilkan, makanya mungkin di-blog ini msh kosong, bingung menentukan gambar yg bagus dan pas dengan blog ini HeHeHe.

Langkah yang harus kita tempuh :

1. Login blogger

2. Layout --> Edit HTML

3. Jangan lupa di backup dahulu

4. Cari kode ini --> <b:skin><![CDATA[

5. Setelah ketemu, kemudian copy paste kode dibawah ini tepat dibawahnya kode --> <b:skin><![CDATA[

<b:skin><![CDATA[

</script>

<script type='text/javascript'>

var gambar= new Array()


gambar[0]="http://alamat_gambar1"

gambar[1]="http://alamat_gambar2"

gambar[2]="http://alamat_gambar3"

gambar[3]="http://alamat_gambar4"

.

.

.

gambar[ke-N]="http://alamat_gambar_ke-N"


var acak=Math.floor( ke-N *Math.acak());

document.write("<style>");

document.write("#header {");

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

document.write(" }");

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

</script>

Note : pada kode warna hijau bisa diubah-ubah sesuai selera jumlah image yang akan ditampilkan. var acak=Math.floor( ke-N *Math.acak()); = ke-N adalah diisi jumlah image yang akan ditampilkan.


Source : http://dhuwuh.blogspot.com/2008/09/tips-membuat-penampilan-gambar-acak.html

Related Posts by Categories :