Jumaat, 31 Mei 2013

Cara Ganti Menu Bar Menggunakan Gambar


Menu bar tu kepunyaan khaiangel..Aku tengok cantik tu yang aku nak buat tutorial pasal ni..Bagi korang yang nak buat boleh la tengok..

1- Login ke Blogger Dashboard - Layout - add a gadget - HTML/JavaScript

2- Copy Kod di bawah, dan paste ke dalam ruangan HTML/JavaScript
<center>

<!-- Home -->
<a href="URL BLOG KORANG"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhBBnXeFCL9JDyBNxRqvrm-65RCZzy3Tftc23lLBTvRd5jgnPUWoYfcMyuY-F-J_w-JYSbqvm_STOv9Ptvrv6_M5aJxizN_-rtjceJLSwLMkjBt9SFcvz08KVLX5j57XL-moePM8drH9s/s1600/Home_Btn.png" alt="Home Sweet Home"/></a>
<!-- Home -->

<!-- Info -->
<a href="URL UNTUK INFO" ><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqzCxhvDhJryCX260NX2EheBTdSDSBcxAXgwE8eDG7IkIwqrha7VFMu3aBwRGqctk7xvsfNI4J-2yGXLeNrHXiB2FQLaL_xkMDXfmt3hd_bc18-ftC2FMPvG1yrmXpbN2hiLdmqnxG5Ow/s1600/Info_btn.png" border="0" title="Collection of Informations" alt="Info" /></a>
<!-- Info -->

<!-- Tutorial -->
<a href="URL UNTUK TUTORIAL" target="_blank" ><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1xJmvor4pXE-fxwxs1cJD7Hjl12RCtAv9U8PNy5Y01jHQnJQl2EI_AGdus2X3u01D4hW8IT-tF2n9wKXPan_Y4UNdtcteixjm054yRGqGGQmchQJ1MrM6_hcXHwdhWO73kGgs6wRYwME/s1600/Tuto_btn.png" border="0" title="Blog Tutorial" alt="Tutorial Blog" /></a>
<!-- Tutorial -->

</center>
MERAH - tukar kepada Link Page/Label korang
BIRU - tukar kepada Link gambar yang korang nak gunakan or gambar yang korang Upload
Gantikan title= dan alt= untuk memberikan sedikit penerangan tentang gambar (Berguna untuk SEO)
Untuk membuat menu bar secara menegak, korang boleh tambahkan kod <br />

Comments
0 Comments

Tiada ulasan :

Catat Ulasan