Menu Barrinhas Vertical Hover [003]

Eu tava passeando pelo blog da Cherry bomb e achei esse menu muito fofo então colocarei aqui, mas os créditos vão todos para ela ok? -cherry-liah.blogspot.com- Como disse o menu é fofo, porém simples. Ótimo para fazer uma listinha de sites queridos, ou estatística do blog. Deixo abaixo um exemplo do menu para vocês terem uma ideia. 

Brevia do efeito

1. Vá para Design ou Layout e adicione um gadget de Html/JavaScript e dentro dele cole isso:

Códigos

<STYLE type="text/css">
#menuzinho {
display: block;
width: 100%;
height: 19px; /* ALTURA DO MENU /*
width:178px /* LARGURA DO MENU /*
vertical-align: middle;
font-family: Verdana, Arial, sans-serif;
font-size: 10px; /* TAMANHO DA FONTE */
font-weight: bold;
color: #FFB3D7; /* COR DA FONTE */
text-indent: 5px;
line-height: 17px;
margin-bottom: 3px;
margin-left: -1px;
background-color:#FFECF3; /* COR DO FUNDO */
}
#menuzinho:hover {
display: block;
color: #FF80C0; /* COR DA LETRA QUANDO PASSA O MOUSE */
background-color: #FFDFEE; /* COR DO FUNDO QUANDO PASSA O MOUSE */
}
</style>


<a id="menuzinho" href="URLDOLINK">NOME DO LINK DO SEU MENU</a>

Onde esta em vermelho você coloca o URL da pagina desejada e o nome do link, se você quiser colocar mais e só repitir a parte em vermelho.