Fazeera Kahar
Short Profile
Dashboard +Follow

The site welcomes colorful and bright people! but if you are RIPPERS , SPAMMERS or HATERS , I will kick you out of my site ! Feel free to roam around !

Hot Clicks

Be My Friends


Memories



Big Claps

Template is 100% made by Fazeera Kahar
All rights reserved ® Fazeera Kahar 2011-2017


posted on Monday, December 5, 2011 | Add comment [2]





hello babies :D
wee~ faz dah merdeka ! suka gila .. 
and now faz dah tak terikat dgn kitaran persekolahan lagi means saya bukan lagi budak sekolah !
haha . memang dah lama tunggu saat2 ni . tanak dah bangun pagi utk pegi sekolah :)

kali ni faz nak buat tuto . lupe pulak ade request daripada Otygadispinky



nak buat navigation bar yang macam ni kann ?


yang faz guna sekarang ni navigation utk blogskin . tapi takpe , faz
ajar jugak utk design template punye ye :D

1. Dashboard > Design > Add gadget > HTML javascript
2. copy code ni then paste kat ruangan HTML javascript tadi tu oke ?
<span class="Apple-style-span" style="font-family: calibri; font-size: medium; "><span id="nav" style="font-size: 11px; font-family: calibri; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color:#F5A9D0; color: rgb(255, 255, 255); text-align: center; text-transform: uppercase; padding-top: 5px; padding-bottom: 5px; padding-left: 7px; padding-right: 7px; height: 21px; cursor: default; "><a href="LINK PAGE" style="color: rgb(110, 110, 110); text-decoration: none; -webkit-transition-duration: 0.5s; ">Home</a></span> <span id="nav" style="font-size: 11px; font-family: calibri; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color:#F5A9D0; color: rgb(255, 255, 255); text-align: center; text-transform: uppercase; padding-top: 5px; padding-bottom: 5px; padding-left: 7px; padding-right: 7px; height: 21px; cursor: default; "><a href="LINK PAGE" style="color: rgb(110, 110, 110); text-decoration: none; -webkit-transition-duration: 0.5s; ">Tutorial</a></span><span id="nav" style="font-size: 11px; font-family: calibri; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color:#F5A9D0; text-align: center; text-transform: uppercase; padding-top: 5px; padding-bottom: 5px; padding-left: 7px; padding-right: 7px; height: 21px; cursor: default; "><a href="LINK PAGE" style="color: rgb(110, 110, 110); text-decoration: none; -webkit-transition-duration: 0.5s; ">About</a></span></span>
3. korang just perlu tukar yang ni :
Merah : utk background colour . korang boleh cari kat SINI
Biru : url page yang korang nak letak
Kuning : Tajuk . nak letak pape pon boleh :D


4. preview dulu . kalau jadi save :)



Blogger Roziaty Shafiqah said...

Kakk.. tuto ni boleh x guna untuk template washed denim?

 
Blogger salsabila N D A said...

thank you, it works again! i love all the tutorials!

 

Post a Comment