Menu Vertical no seu Blog

Oi Cherrys , tudo bom ? espero que sim .

Bom hoje trouxe um tutorial , de como colocar aquele menu vertical igual o dá qui do blog .

Vejam na imagem abaixo ;

Let's Go ?

 Abra o blogger, clique em design. 

Clique para adicionar um gadget na sidebar. 

Escolha o gadget de HTML/Javascript. 

 Cole no gadget o código abaixo (selecione TODO o código): 

<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>










Se quiser colocar mais links no menu , copie a ultima parte do codigo que ta la no final 





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




Salve se estiver tudo certo .
Para modificar as cores clique aqui







E ai gostaram ?
Os creditos são todo do Cherry Bomb

Kiss