Menu Simples

Trouxe para vocês mais um um tutorial de menu bem simples. Nesse menu vocês podem colocar 

coisas simples que não querem que ocupe muito espaço, ele é bem fofo e fica muito bem nos blogs.

Veja um exemplo aqui

1. Vá até Editar HTML e procure por ]]></b:skin>. Acima da tag, cole:

@font-face {font-family: "handy"; src: url('http://static.tumblr.com/lnvca6d/E6vm63ih7/pf_ronda_seven__1_.ttf');}
.menusimples {float: center; font: 8px "handy", small fonts; color:#fff !important; text-align: center; text-transform: uppercase; background-color: #f69ebf; padding: 3px; border-radius: 1px; text-shadow: 0 1px 0 #a0a0a0;margin-bottom: 5px; margin-top:5px; letter-spacing:0px; display: inline-block; width: auto; align: center; text-align: center; -webkit-transition-duration: .80s;}
.menusimples:hover { background-color: #404040; -webkit-transition-duration: .80s;}

Os códigos em negrito referem-se a cor do fundo, mude se precisar. 

2. Em um gadget de HTML/JavaScript, cole o seguinte código:

<center><div class="menusimples"><a href="SEU LINK">Tumblr</a></div> + <div class="menusimples"><a href="SEU LINK">Twitter</a></div> + <div class="menusimples"><a href="SEU LINK">Facebook</a></div> </center>