Como Fazer um Menu Vertical

Hoi Pessoal, blz?Hoje vou ensinar como fazer um menu vertical

Bom este tuto eu peguei o Cherry Bomb! e usei aqui no meu blog e estou postando aqui.

Só clicar em Leia Mais...

Let's go

• Abra o Blogger >> Design >> Elementos da página
• E adicionar um Gadget de HTML/Javascript.
• E cole o código abaixo: 

<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="URL DO LINK DO POST">NOME DO POST</a>

Mude o código das cores como quiser, escolha o código aqui nesta tabela e essa caixinha seletora de cores. 

E onde está em Azul lá você pode mudar o código, em vez de código de cor você coloca Imagem, só que a imagem tem que estar no tamanho certo, e o código apaga aquele  código em Azul e substitua por este:

background:url(URL DA IMAGEM);

Esta dica, quem foi que me deu foi o Blog Vivislandia e coloque o Url da Imagem onde está escrito URL DA IMAGEM (sério não diga) 

E quando quiser por mais um link no menu, copie a ultima parte

<a id="menuzinho" href="URL DO LINK DO POST">NOME DO POST</a>

                           E cole logo abaixo. Depois é só substituir o link e o nome do link. 

Depois de alterar tudo é só salvar!