Menu para sidebar (01)

Bom dias meus amores. Tudo bem com vocês? Espero que sim. Finalmente vou me ver livre dos trabalhos de escola! Até que enfim as minhas férias chegaran, e eu estou fazendo o máximo possível pelo blog. Estou pensando em fazer um layout free essa semana, na verdade eu já comecei, ele está ficando bem fofinho, mas não posso falar mais que isso, senão já dou de bandeja pra voces todo o layout rsrs~. Enfim, eu estou lendo o livro ''A menina que não sabia ler'' e estou me apaixonando, sério ~♥~

Sem mais delongas, vamos ao que nos interessa. Eu achei esse menu em um dos meus blogs fracassados, e nem ao menos sei o nome do autor para dar os créditos, então se é você, comente no final do post. Recapitulando, eu acho ele bem fofinho e simples, apesar de ser em hover. Fica bom em blogs que tem muita coisa, ou que tudo é muito juntinho. Estou devendo pra vocês modelos para comentários, e juro que irei fazer hoje mesmo, até porque não gosto de coisas muito atrasadas.

Nome Nome Nome Nome

Ele é bem simples, então não precisa ser um expert para editar os seus códigos. Primeiramente, no seu modelo HTML procure por ]]></b:skin>. Assim que achar, acima dele cole o seguinte código:

.menu {
text-align: center; text-decoration: none;
}
.menu a{
text-transform:uppercase
!important; padding:5px 5px 5px 5px;
display: inline-block;
background:#ff7499;
border-bottom: 2px solid #e74b74;
border-right: 2px solid #e74b74;
margin-top: 5px;
font-size: 9px; color: #fff; font-family: tahoma;
-webkit-transition: all 0.6s ease-out;
-moz-transition: all 0.6s ease-out;
font-weight: bold;
}
.menu a:hover{
background: #a29cbd;
border-bottom: 2px solid #8174bc;
border-right: 2px solid #8174bc;
color: #fff;
}

Depois de salvar, vá no layout do seu blog e adicione um novo gadget Java/Script e dentro dele cole o seguinte código:

<center>
<div class="menu">
<a href="http:">Nome</a>
<a href="http:">Nome</a>
<a href="http:">Nome</a>
<a href="http:">Nome</a>
</center>

Depois disso, mude apenas o que está em negrito e pronto!