Tutorial: Navigation with Hover #5

Bismillahirahmanirahim...
Assalamualaikum dan salam Sejahtera~

Faranya cepat ni..Okey nak buat navi ni tak? bergaya tau! ha, jom lah tgk bawah ni~

[[ LIVE PREVIEW ]]

Facebook Twitter Youtube

Tuto? tgk bawah Cik Intan Payung~

1.Sign in--> Dashboard --> Layout-->add gadget--> html/java script

2.Copy Code ni then paste kat html/java script<center>

<style>

.navies {

background:#666;

border:1px solid #a2a2a2;

color:#CC99FF;

display:inline-block;

width:80px;

padding:10px;

text-align:center;

letter-spacing:2px;

font-family:tinytots;

font-size:8px;

margin:3px;

-webkit-transform: rotate(360deg);

-webkit-transition:1200ms;

}

.navies:hover {

background:#a2a2a2;

color:white;

display:inline-block;

width:80px;

padding:3px;

text-align:center;

margin:3px;

-webkit-transform: rotate(-360deg);

-webkit-transition:1200ms;

}

@font-face{font-family:tinytots;src:url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf')}

</style>

<a class="navies" href="http://facebook.com/FaraNymShdwfangBoboiboy/">Facebook</a>

<a class="navies" href="http://twitter.com/nymboboiboy">Twitter</a>

<a class="navies" href="http://youtube.com/user/Sfarahanim">Youtube</a>

</center>

***Boleh tukar dengan code warna sebelum hover

***Boleh tukar dengan code warna selepas hover

***tukarkan link dan Title

3.Save..

kan dah siap~
Senang je..
Bye dan Assalamualaikum~