My own coding, don't re-post.

Preview :

Template Designer : Paste dekat Html/Javascript.

Blogskins :  Paste dekat bawah </style> .

<style>
a.nav{
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
margin:5px;
display:inline-block;
text-align:center;
background: #eee;
color:#000;
width:75px;
padding:2px;}

a.nav:hover{
color: #fff;
background:  #EBD6FF;
-moz-box-shadow: inset 0 0 5px 5px #EBD6FF;
-webkit-box-shadow: inset 0 0 30px 30px #EBD6FF;
box-shadow: inset 0 0 30px 30px #EBD6FF;}
</style>

<center>
<a class="nav" href="http://www.blogger.com/LINK">Tutorial</a>
<a class="nav" href="http://www.blogger.com/LINK">Freebies</a>
<a class="nav" href="http://www.blogger.com/LINK">Entries</a>
<a class="nav" href="http://www.blogger.com/LINK">Affies</a>
</center>