Tutorial - Menu Folhinha

Bom eu ví esse tutorial lá  no Blog das meninas, fica um resultado fantástico! e muito fácil,
querem aprender? bom então se querem vamos lá! ah e não se esqueçam de comentar sobre o que acharam tudo bem?

1- Vá em Design -> Editar HTML -> Aperte CTRL+ F ou F3 e pesquise por:

]]></b:skin>

2- Acima de ]]></b:skin> cole o seguinde código:

/*---Início do Menu com Efeito by Bomba de Glitter---*/
bdg {
font-family: tahoma; /* Fonte do Menu */
width: 17%; /* Tamanho do Menu */
float: left;
background:#8EE5EE; /* Cor do fundo do Menu */
padding: 5px;
text-align: center;
margin: 2px;
-webkit-border-radius: 9px 0px 9px 0px; /* Pontinhas da Borda - não modifique se quiser o formato igual ao meu */
-webkit-transition-duration: .80s; /* Duração do Efeito - não modifique se quiser o efeito igual ao meu */
font-size: 08pt; /* Tamanho da fonte */
color: #fff; /* Cor da fonte */
}

bdg:hover {
font-family: tahoma; /* Fonte do Menu quando passa o mouse */
width: 17%; /* Tamanho do Menu quando passa o mouse */
float: left;
background:#FF69B4; /* Cor do fundo do Menu quando passa o mouse */
padding: 5px;
text-align: center;
margin: 2px;
-webkit-border-radius: 0px 9px 0px 9px; /* Pontinhas da Borda - não modifique se quiser o formato igual ao meu */
-webkit-transition-duration: .80s; /* Duração do Efeito - não modifique se quiser o efeito igual ao meu */
font-size: 08pt; /* Tamanho da fonte do Menu quando passa o mouse */
color: #fff; /* Cor da fonte do Menu quando passa o mouse */
}
/*---Fim do Menu com Efeito by Bomba de Glitter---*/ 


Agora modifique o código como quiser(Tabela de cores).
Para usar o efeito coloque este código onde você quer que apareça:
<a href="Link"><bdg>Nome</bdg></a> 

Créditos: Blog das meninas!