Tutorial : Navigation (ii)

Assalamualaikum.

Live Preview :
Facebook Twitter Blogskins Ask.fm

• Designer Template : 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.pinky {
background:#9952C6;
padding:4px;
padding-left:6px;
padding-right:6px;
font: 8px pixel;
text-transform:uppercase;
color:white;
-webkit-transition:1s;
-moz-transition:1s;
}
a.pinky:hover {
border-radius:0px;
}
a.berry {
background:#527CC6;
padding:4px;
padding-left:6px;
padding-right:6px;
font: 8px pixel;
text-transform:uppercase;
color:white;
-webkit-transition:1s;
-moz-transition:1s;
}
a.berry:hover {
border-radius:0px;
}
a.grenny {
background:#52C6C6;
padding:4px;
padding-left:6px;
padding-right:6px;
font: 8px pixel;
text-transform:uppercase;
color:white;
-webkit-transition:1s;
-moz-transition:1s;
}
a.grenny:hover {
border-radius:0px;
}
a.cutiey {
background:#52C663;
padding:4px;
padding-left:6px;
padding-right:6px;
font: 8px pixel;
text-transform:uppercase;
color:white;
-webkit-transition:1s;
-moz-transition:1s;
}
a.cutiey:hover {
border-radius:0px;
}
</style>
<center>
<a class="pinky" href="http://www.facebook.com/nisasayakinie">Facebook</a>
<a class="berry" href="https://twitter.com/sayakinie">Twitter</a>
<a class="grenny" href="http://www.blogskins.com/me/lovely_bunny">Blogskins</a>
<a class="cutiey" href="http://ask.fm/nisaaanisaa">Ask.fm</a></center>

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