Tutorial - Menu Sweet

Olá meus cheirosos (^-^*)/ 

Tudo bem com vocês? Desculpem eu não ter postado no domingo, e eu realmente não sei o que aconteceu com a Yuri no sábado. E sim, era a Sagwa que teria que postar no domingo, mas ela saiu da equipe já faz uns dias, eu tinha me esquecido de dizer isso pra vocês, agora meu horário de postar vai dobrar, e vai ficar pior do que já estava, por causa da falta de tempo.

Eu estava até pensando em colocar outra postadora ou postador aqui no blog, mas eu não conheço ninguém que faça materiais como a Sagwa e a Yuri, perfeitas. Enfim, hoje eu trouxe um tutorial (finalmente) de um menu fofo que usei no layout passado e que haviam pedido na ask. Visualizem o menu online aqui, é só procurar pelo gadget com o título "Menu Sweet".

1. Vá no seu HTML e cole o seguinte código acima da tag  ]]></b:skin>

@font-face {font-family: "Arma Five"; src: url('http://static.tumblr.com/bsalulu/qxQmmc6lm/pf_arma_five.ttf');}
.menusweet{
width: 109px;
background: #f6f6f6;
padding: 2px;
font-family: 'Arma Five';
font-size: 8px;
color: #a8a8a8;
text-transform: uppercase;
margin: 2px;
text-align: center;
display: inline;
float: left;
box-shadow: inset 0px 0px 5px #f0f0f0, 0px 0px 2px #ccc;}
.menusweet:hover{
width: 109px;
background:#f3f3f3;
padding: 2px;
font-family: 'Arma Five';
font-size: 8px;
color: #a8a8a8;
text-transform: uppercase;
margin: 2px;
text-align: center;
display: inline;
float: left;
box-shadow: inset 0px 0px 5px #f0f0f0, 0px 0px 2px #ccc;}

2. Para usar o menu, cole o seguinte código em um gadget de  HTML/JavaScript

<a href="http://www.blogger.com/LINK"><div class="menusweet">Menu Sweet</div></a>
<a href="http://www.blogger.com/LINK"><div class="menusweet">Menu Sweet</div></a>
<a href="http://www.blogger.com/LINK"><div class="menusweet">Menu Sweet</div></a>
<a href="http://www.blogger.com/LINK"><div class="menusweet">Menu Sweet</div></a>