Menu Voyage

Olá gente! Trouxe um tuto que ví no Sweet Poison!

Vamos?

1. No Blogger, vá em Modelo> Editar HTML.
2. Clique em 'Prosseguir'. Tecle Ctrl F e procure por:

]]></b:skin>

3. Logo acima dessa tag, cole:

.voyage a {
text-align: left;
display: block;
font-size: 10px;
font-family: Tahoma;
margin-left: -5px;
text-transform: uppercase;
margin-right: -5px;
vertical-align: middle;
line-height: 15px;
margin-bottom: 2px;
padding: 2px;
background : #FFDAB9;
border-left: 3px solid #FFA54F;
color: #fff;
-webkit-transition: all 600ms ease;
-moz-transition: all 600ms ease;
-o-transition: all 600ms ease;
transition: all 600ms ease;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.voyage a:hover {
color: #8eb1a7;
background: #FAF0E6;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

4. Salve.
5. Vá para Layout. Adicione um novo gadget de HTML/Javascript e cole:

<div class="voyage">
<a href="URL">LINK</a>
<a href="URL">LINK</a>
<a href="URL">LINK</a>
<a href="URL">LINK</a>
<a href="URL">LINK</a>
<a href="URL">LINK</a>
<a href="URL">LINK</a>
<a href="URL">LINK</a>
<a href="URL">LINK</a>
<a href="URL">LINK</a>
</div>

6. Salve.
Beijos.