posted on Monday, December 5, 2011
| [2]
hello babies :Dwee~ 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 :)
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 !
BLOGGARIAN[S]
Edit classic template (FULL) : RM30 
Kakk.. tuto ni boleh x guna untuk template washed denim?
thank you, it works again! i love all the tutorials!
Post a Comment