Tutorial:Menu blue

Oi Meninas!

Hoje eu trouxe um tutorial de um menu feito por mim (BW).Ele é simples e fofo,tem uma sombra e quando passa o mouse fica escuro.Simples e bonitinho.Se quiserem ver uma prévia clique aqui!

Agora venha pra conferir o tuto!

Primeiro você irá no seu html,aperta f3 e procura pela tag:

]]></b:skin>

Acima cole o seguinte código:

blue{border-radius:5px;text-align:center;font-size: 11px; /* Tamanho da fonte do menu */
background:  #ADD8E6; /* Fundo do menu */
padding: 2px;text-shadow:0px 1px#fff;float: left;margin: 2px;cursor:help; /* cursor*/width: 45%; /* tamanho do menu*/
-webkit-transition-duration: .80s; /* efeito fade */
color: #000; /* cor da fonte quando passa o mouse */
box-shadow: inset 0 0 10px #00BFFF;}
blue:hover{
border-radius:5px;
font-size: 11px; /* Tamanho da fonte do menu */
background: #00BFFF; /* fundo do menu quando passa o mouse */
text-shadow:0px 1px#fff;color: #000; /* cor da fonte quando passa o mouse */
-webkit-transition-duration: .80s; } 

Depois você salva e vai no layout.Cole o seguinte código num gadget html/java script: 

<a href="Link aqui"><blue> Nome da url aqui</blue></a>
<a href="Link aqui"><blue> Nome da url aqui</blue></a>
<a href="Link aqui"><blue> Nome da url aqui</blue></a>
<a href="Link aqui"><blue> Nome da url aqui</blue></a>

Pronto,espero que tenham gostado!

                                                                    @Bia-Chan