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="http://4.bp.blogspot.com/-uhtgaByNGXk/UVLZmpVIRRI/AAAAAAAAFF0/IIsZpmAiTM4/s1600/Home_Btn.png" alt="Home Sweet Home"/></a>
<!-- Home -->

<!-- Info -->
<a href="URL UNTUK INFO" ><img src="http://3.bp.blogspot.com/-mS_0jDVxoCs/UVLZmkQQ_zI/AAAAAAAAFF8/-DXKCd-zhGg/s1600/Info_btn.png" border="0" title="Collection of Informations" alt="Info" /></a>
<!-- Info -->

<!-- Tutorial -->
<a href="URL UNTUK TUTORIAL" target="_blank" ><img src="http://1.bp.blogspot.com/-i3l59qfobfk/UVLZn7BZi9I/AAAAAAAAFGM/5BnRuvI4pSo/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