Tutorial: menu glitter

Hello cutes! Tudo bem? Hoje eu vou ensiná-los a fazer o menu glitter, créditos ao Explodindo Glitter. O menu é muito fofo! Eu adorei, pena que eu troquei o layout do blog recentemente, senão, usaria o menu. Mas enfim, cliquem aqui para visualizar o menu. Vamos aprender? 

participe do super concurso que está rolando aqui no CT, valendo um layout + entrevista + divulgação por 1 mês! Tá esperando o que? Clique aqui e participe :) 

vá no HTML do seu blog  aperte F3 e procure por ]]></b:skin>  acima dessa tag cole:

/* MENU GLITTER - BY EXPLODINDO GLITTER */

glitter {

  width: 20%; /* largura do menu */

  margin: 3px; /* margem entre os links, não altere */

  padding: 3px; /* espaço entre os links e a margem, não altere */

  float: left; /* alinhamento do menu, não altere */

  background: #cor; /* cor de fundo */

box-shadow: inset 0 0 30px #cor, 0 0 4px #cor;  /* sombra interna */

  color:#cor; /* cor do link */

  font-family: Arial; /* tipo da fonte */

  font-size: 11px; /* tamanho da fonte */

  text-align: center; /* alinhamento centralizado do link */

  text-transform: uppercase; /* transformação do texto, pode mudar para capitalize */

  border-radius:5px; /* borda arredondada */

  -webkit-transition-duration: .90s; /* tempo de transição, não altere */

}

glitter:hover {

  background:#cor; /* cor do menu em hover */

box-shadow: inset 0 0 30px #cor, 0 0 4px #cor; /* sombra interna */

  color: #cor; /* cor do link em hover */

  border-radius:5px; /* borda arredonda em hover */

}

Agora é só você editar os itens destacados de rosa, okay? Não mexa em nada além desses itens, pois senão o código do menu ficará errado. Agora siga os passos:

vá em layout  clique em adicionar gadget  adicione um gadget HTML/Javascript e nele cole:

<a href="LINK"><glitter>NOME</glitter></a>

onde está escrito LINK coloque o link (URL)  da página e onde está escrito NOME coloque o nome da página (exemplo: home, faq, contato, goodies...)