Perfectly Imperfect //
Disclaimer
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! other than that... feel free to roam around!

Extras
Hot Clicks





Tagboard
Talk To Me


Followers
Be My Friends

Instagram
My Other Site

Credits
Big Claps

Template is 100% made by Fazeera Kahar
All rights reserved ® Fazeera Kahar 2011-2013.
Best view in Google Chrome


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