Menu Sweet

found on http://heartyuha.tumblr.com/post/33360548522 

Oie amores <33' 
Que felicidade que eu to , vocês nem imaginam ! Conseguimos completar mais uma meta de 600 seguidores. Estou muito feliz de verdade. Muito obrigada viu. Agora a próxima meta é de 650 , me ajudem em rs >< 

Mudando de assunto , ultimamente andei recebendo muitos pedidos de como fazer o Menu Sweet, igual o do blog! É muito fácil. Antes de tudo quero dar os créditos para o I Love Banner que foi lá que eu peguei o tutorial ! (: Agora chega de papo e vamos lá.. 

O menu é esse aqui: 

Vá no HTML do seu blog > Dê CTRL + F e procure por: 

]]></b:skin>

Em cima do código anterior , cole o seguinte código: 

.menu {background: #fec7cc; font-size: 10px;  font-family:verdana; color: #de7689; text-align:center; height:13px; width:197px; margin:2px; border:1px solid #eb8a9c; border-top:1px solid #eb8a9c; border-left:4px solid #eb8a9c; display: inline-block;text-shadow: 0 1px 1px #fff; font-weight:bold; padding-top: 2px; padding-bottom: 6px; margin-bottom: -3px; border-top: 1px solid #eb8a9c;} .menu:hover {background: #fedbde;}

Visualize se estiver tudo certo. Salve ! (:

Para usar o menu , é só você ir em Layout > clicar em Adicionar um Gadget > HTML/JavaScrip e colar no espaço em branco o seguinte código: 

<a href="link" class="menu"><font color="#de7689">Nome da página</font></a>
<a href="link" class="menu"><font color="#de7689">Nome da página</font></a>
<a href="link" class="menu"><font color="#de7689">Nome da página</font></a>

Agora é só você preencher os espaços em roxo do jeito que pede e pronto! 


E ai gostaram do tutorial ?! Eu me enrolei um pouco para explicar , mais espero que vocês tenham entendido direitinho ^^ 
Beezos, fiquem com Deus e boa semana s2