Tutorial : Navigation (i)

Assalamualaikum dan Selamat Pagi. Happy Wordless Wednesday ;)
Okayy, hari ni Nisaa nak buat tuto. Btw, tuto ni dah lama request sekarang baru Nisaa nak buat -.-

Live Preview :
Diary Bio Loves Heart

• Template Designer : Paste dekat Html/Javascript
• Blogskins/Classic Template : Paste dekat bawah <style> atau mana-mana code navi awak.

<style>
@font-face{font-family:tinytots;src:url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf')} a.superman{
cursor: url(http://www.drikoti.net/Goodies/Cursor/News/09.cur), progress;
background:#000000;
padding:4px;
padding-left:6px;
padding-right:6px;
font:8px tinytots;
text-transform:uppercase;
color:white;
-webkit-transition:1s;
-moz-transition:1s;
}
a.superman:hover {
background:#C652B2;
padding-left:69px;
margin-left:-69px;
-webkit-transition:1s;
-moz-transition:1s;
text-align:center;
}
</style>
<center>
<a class="superman" href="http://www.blogger.com/LINK" title="Post">Diary</a>
<a class="superman" href="http://www.blogger.com/LINK" title="About">Bio</a>
<a class="superman" hhref="http://www.blogger.com/LINK" title="Link">Loves</a>
<a class="superman" href="http://www.blogger.com/LINK" title="Stuff">Heart</a></center>

• Don't understand it? Can ask me here : http://ask.fm/nisaaanisaa *maybe ?