Menu Top Tutos

Trago para vocês um menu super fofo, o top tutos, ele é simples, mas dá um quê a mais no blog. 

Para ver o menu clique aqui

Para colocar em seu blog, vá no html dê Cntrl+F e procure por ]] ></b:skin>

quando encontrar copie o código abaixo e coloque acime desta tag

.novi a {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
text-align: left;
display : block;
font-family: arial;
font-size: 10px;
font-style: normal;
margin-left: 3px;
margin-right: 3px;
letter-spacing : 0;
background-repeat : no-repeat;
vertical-align : middle;
text-decoration : none;
line-height : 15px;
margin-bottom : 2px;
padding: 4px;
background : #fae5f0;
text-shadow: 1px 1px 1px #fff;
color: #d296b4;
-webkit-transition: all 600ms ease;
-moz-transition: all 600ms ease;
-o-transition: all 600ms ease;
transition: all 600ms ease;
text-transform: none;
 }
.novi a:hover {
background:#EBA5EF;
color: #fff;
-webkit-transition: all 600ms ease;
-moz-transition: all 600ms ease;
-o-transition: all 600ms ease;
transition: all 600ms ease;
}

Edite como desejar:

Background, color, text-shadow

Para fazer o menu funcionar coloque o código abaixo no gadget html/java script

<div class="novi">
<a href="seulink">nome do link </a>
<a href="seulink">nome do link </a>
<a href="seulink">nome do link </a>
<a href="seulink">nome do link </a>
<a href="seulink">nome do link </a>
<a href="seulink">nome do link </a>
<a href="seulink">nome do link </a>
</div>