Cute Navigation

Repost? credit me. Preview:

Home Me! Stuff Friends

Don't remove my name in there! (BTW, cocoknya di sidebar ya)

• Blogger >> tata letak >> HTML/Java script
• Pastekan kode:

<style>
.jesslyn{
font-size:10px;
color:black;
text-transform:uppercase;
background: url(http://2.bp.blogspot.com/-OCgRpsLgOI4/T__7XP91GuI/AAAAAAAAI68/XHEd2LAdpD8/s1600/pink.gif);
font-family:delius;
text-decoration:none;
padding:3px;
width: 50px;
display:inline-block;
border:1px dashed #FFE3E6;
margin-top: 5px;margin-bottom: 5px;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.jesslyn:hover {
background:#FFFFFF;
color:light blue;
}
</style>
<br />
<center>
<div style="background: #FFEBED; border: 2px solid #FFEEEE; border: 3px solid #ffffff; box-shadow: 0px 2px 2px 2px #ffeeee; margin-bottom: 7px; margin-top: 7px; width: 260px;">
<a class="jesslyn" href="link">judul</a>
<a class="jesslyn" href="link">judul</a>
<a class="jesslyn" href="link">judul</a>
<a class="jesslyn" href="link">judul</a>
</div>
</center>

Pink: Url background
merah: font
kuning>:link
biru: jdul