06 March 2010
Random Header Image
hak milik
Sue
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 .
Note : Gantikan ngan url gambar pada yang di higlight itu
Via - Shamzone
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 .
Note : Gantikan ngan url gambar pada yang di higlight itu
Via - Shamzone
