Navigate Hover *Like Me*

Anneyeong ^^ *menguap* Hehe ^^  Harini I nak ajar korang untuk buat Navigate Hover like me ^^ CR - My Lovely Blog a.k.a Kak Arrien . Nak guna comment :D

Live Preview

FOR TEMPLATE DESIGNER :

Paste kod di dalam HTML/JavaScript

FOR CLASSIC TEMPLATE :

Paste kod dibawah </style>

<style>
@font-face { font-family:yow !important; src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf') !important; }
a.navi {
border:1px solid #eee;
width:100px;
display:inline-block;
text-align:center;
font: 8px yow;
text-transform:uppercase;
margin:2px;padding:3px;
cursor:vertical-text;
letter-spacing:1px;color:#777;}
a.navi:hover {
-webkit-transition:2s ease;
border-radius:0px;
color:#fafafa;
box-shadow:inset -10px -20px 0px #777, inset 10px 20px 0px #777;}
</style>
<br />
<center>
<a class="navi" href="LINK">TAJUK </a>
<a class="navi" href="LINK">TAJUK</a>
<a class="navi" href="LINK">TAJUK</a>
<a class="navi" href="LINK">TAJUK</a>
<a class="navi" href="LINK">TAJUK</a>
</center>

NOTE :

AAA : Link Blog Korang
AAA : Tajuk Navigate Korang


Khas buat Template Designer and Classic Template ^^ Bye :)