Membuat Random Image Header

Written By Master on Selasa, 13 Juli 2010 | 04.31

Pernahkan anda berkunjung ke sebuah website ataupun blog yang headernya berganti ganti? Header adalah brand dari sebuah blog atau website. Kecantikan tampilanya akan mempengaruhi kebetahan pengunjung. Nah kita bisa saja membuat header blog kita menjadi tampil random dengan gambar-gambar yang berbeda. Caranya sederhana:

1. Login ke akun Blogger Anda
2. Klik Layout / Design
3. Klik tab Edit HTML
4. Copy astekan kode berikut sebelum kode <b:skin><![CDATA[


</script>
<script type='text/javascript'>
var gambar= new Array()
gambar[0]="http://URLGambar 1"
gambar[1]="http://URLGambar 2"
gambar[0]="http://URLGambar 3"
gambar[1]="http://URLGambar 4"
var random=Math.floor( 2 *Math.random())
document.write("<style>");
document.write("#header {");
document.write(' background:url("' + gambar[random] + '") no-repeat top left ;');
document.write(" }");
document.write("</style>");
</script>

4. Klik Save Template

0 komentar:

Posting Komentar