Label Cloud

Search This Blog

06 March 2010

online counter Random Header Image

Assalammualaikum , tutorial kali ini Msue ingin berkongsi ngan korang yang sudi cara - cara membuat random image pada header . image header akan bertukar setiap kali berlaku view page


1.Login ke Blogspot .

2. Klik Layout - Edit HTML(Tandakan pada kotak Expand widget)

3. Cari kod dibawah ini . ( gunakan CTRL + F untuk memudahkan korang mencarinya)


]]></b:skin>


4. Copy kod di bawah kemudian pastekan di bawah kod tadi .


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


5. Preview dan Save template jika tiada error . yahoo:okay:



Note : Gantikan ngan url gambar pada yang di higlight itu




Via - Shamzone





Tinggalkan Komen Anda Disini