Tutorial: menu simples

Hello my cupcakes! Tudo bem? Achei um menu perfeito e simples, pelo que o nome já diz que é ótimo para os blogs mais cleans ou para quem gosta de coisas simples, assim como eu. Quer aprender a fazer? Clique em leia mais! Preview: aqui.

Vá até o HTML do seu blog  procure por:  ]]></b:skin>  acima dessa tag cole:

.menusimple{

text-align: center; 

}

.menusimple a{

text-transform: uppercase!important; 

padding: 1px 1px 1px 1px; 

display: inline-block; 

 margin-top: 5px; 

font-size: 8px; 

color: #DCDCDC; 

font-family: tahoma; 

-webkit-transition: all 0.6s ease-out; 

-moz-transition: all 0.6s ease-out; 

font-weight: bold;

}

.menusimple a:hover{

color: #000000;

}

Você pode editar as cores do menu, que estão em negrito. Agora visualize e se estiver tudo okay salve.

Vá até layout  clique em adicionar um gadget HTML/Javascript  nele cole:

<center><div class="menusimple">

<a href="/">Home</a>

<a href="URL">Nome do Link</a>

<a href="URL">Nome do Link</a>

<a href="URL">Nome do Link</a>

</div></center>

Agora você só precisa alterar os códigos destacados e o menu está pronto para uso!
♥