Blog Tutorial:Aneka Gambar Untuk Header Bertukar-Tukar
Ini adalah cara utk korang letak berbagai gambar sebagai header untuk blog korang,jika korang ada bnyk pilihan header.Header korang akan bertukar pada setiap kali refresh(F5) kat page blog korang.Sebelum korang mula,pastikan korang dah ada 5 gambar yang korang inginkan sebagai header,dan jangan lupa untuk backup template blog korang^^
Kalau korang nak tengok hasilnya,boleh lihat kat header blog ni,klik F5 beberapa kali dan perhatikan header tersebut betul-betul
Langkah-langkah:
1.Log in ke dashboard--> Design- -> Edit HTML
2.Cari kod </body>
3.Copy kod di bawah dan pastekan sebelum kod </body>
<script type='text/javascript'>
var HeaderImage= new Array()
HeaderImage[0]="URL-OF-HEADER-IMAGE-1"
HeaderImage[1]="URL-OF-HEADER-IMAGE-2"
HeaderImage[2]="URL-OF-HEADER-IMAGE-3"
HeaderImage[3]="URL-OF-HEADER-IMAGE-4"
HeaderImage[4]="URL-OF-HEADER-IMAGE-5"
var random=Math.round(4*Math.random());
document.write("<style>");
document.write("#header-wrapper {");
document.write(' background:url("' + HeaderImage[random] + '") no-repeat left TOP;');
document.write(" }");
document.write("</style>");
</script>
Nota Tapak Kaki:
Ubah "URL-OF-HEADER-IMAGE-X" dengan URL gambar yang korang berkenan
Kalau kod diatas tak berfungsi untuk blog korang,gantikan "#header-wrapper" dengan "#header".(ID atau Class kat bahagian header korang).
4.Save template dan dah siap.Refresh(F5) blog korang beberapa kali untuk lihat perubahan.Header korang akan berubah-ubah
Kalau korang nak tengok hasilnya,boleh lihat kat header blog ni,klik F5 beberapa kali dan perhatikan header tersebut betul-betul
Langkah-langkah:
1.Log in ke dashboard--> Design- -> Edit HTML
2.Cari kod </body>
3.Copy kod di bawah dan pastekan sebelum kod </body>
<script type='text/javascript'>
var HeaderImage= new Array()
HeaderImage[0]="URL-OF-HEADER-IMAGE-1"
HeaderImage[1]="URL-OF-HEADER-IMAGE-2"
HeaderImage[2]="URL-OF-HEADER-IMAGE-3"
HeaderImage[3]="URL-OF-HEADER-IMAGE-4"
HeaderImage[4]="URL-OF-HEADER-IMAGE-5"
var random=Math.round(4*Math.random());
document.write("<style>");
document.write("#header-wrapper {");
document.write(' background:url("' + HeaderImage[random] + '") no-repeat left TOP;');
document.write(" }");
document.write("</style>");
</script>
Nota Tapak Kaki:
Ubah "URL-OF-HEADER-IMAGE-X" dengan URL gambar yang korang berkenan
Kalau kod diatas tak berfungsi untuk blog korang,gantikan "#header-wrapper" dengan "#header".(ID atau Class kat bahagian header korang).
4.Save template dan dah siap.Refresh(F5) blog korang beberapa kali untuk lihat perubahan.Header korang akan berubah-ubah
1 ulasan :
nice tuto tak cuba lagi :D
Replyanyway dia leh set2 masa tak? :3 hehe
Nota: Hanya ahli blog ini sahaja yang boleh mencatat ulasan.