Menu Navigasi Keren

Selamat siang semua

1. Masuk ke edit HTML kemudian centang Expand Template Widget
2. Letakkan kode ini diatas ]]></b:skin>

.TMMheadt{
color:#0d0d0d;
margin-bottom:5px;
text-align:
center;
}
#TMMmenu{
border-top:3px solid #494949;
font-family:'Black Ops One';
font-size:17px;
padding:15px 5px;
text-align:center;
width:906px;
margin-bottom:5px;
margin-top:40px
}
#TMMmenu ul a, #TMMmenu ul a:link, #TMMmenu ul a:active, #TMMmenu ul a:visited, #TMMmenu ul .TMMlink{
background:black;
-webkit-transition:all 1s ease;
-moz-transition:all 1s ease;
-ms-transition:all 1s ease;
-o-transition:all 1s ease;
transition:all 1s ease;
border-radius:5px;
color:cc0000;
padding:4px 8px 4px 8px;
border:3px solid #494949;
margin:10px;
margin-top:50px
}
#TMMmenu form{
border-color:white;
border-radius:50px 50px 50px 50px;
display:inline
}
#TMMmenu ul{
margin-top:-28px;
}
#TMMmenu ul li{display:inline;
margin:0;
padding:5px 0
}
#TMMmenu ul li:hover a, #TMMmenu ul li:hover .TMMlink{
-webkit-transition:all 1s ease;
-moz-transition:all 1s ease;
-ms-transition:all 1s ease;
-o-transition:all 1s ease;
transition:all 1s ease;
color:#494949
}

3. Lalu letakkan kode ini dibawah <div id='header-wrapper'>

<div id='TMMmenu'>
<ul><li><a href='http://aryx-world.blogspot.com/' title='Home'>♦Home♦</a></li>
<li><a class='tooltip' href='http://www.facebook.com/groups/DeezClan/' title=':DeezClan'>♦:DeezClan♦</a></li>
<li><a class='tooltip' href='/2012/07/disclaimer.html' title='Disclaimer'>♦Disclaimer♦</a></li>
<li><a class='tooltip' href='/2012/06/my-banner.html' title='My Banner'>♦My Banner♦</a></li></ul>
</div>

4. Pratinjau dulu sebelum di save