Menu para sidebar

Yo ! Boa noite, trago um tutorial que achei no Bunny Crazy mas é do blog Cherry Bomb, então todos os créditos vão para  cherry-liah.blogspot.com.br Esse menu e bem simples. Bora aprender ?

exemplo de menu:

Vá para seu HTML e procure por ]]></b:skin>, assim que acha-lo cole o próximo código acima dele. 

Podem modificar as cores e a fonte mas por favor não retire os créditos! 

/*menu por Liah - Cherry Bomb - credite sempre*/#menucb { 
float: left; 
display: line; 
margin:1px; 
background:#f2eee8; /*Cor de fundo */ 
width: 87px; /*Largura de cada link do menu */ 
height: 25px; 
text-align:center; 
font-size: 16px; /*Tamanho da fonte*/ 
-moz-border-radius: 10px; 
-webkit-border-radius: 10px; 
border-radius: 10px; 
-moz-box-shadow: 1px 0px 9px #cccccc; 
-webkit-box-shadow: 1px 0px 9px #cccccc; 
box-shadow: 1px 0px 9px #cccccc; 
text-shadow: 0px 1px 5px #cccccc; 
-webkit-transition: color 0.7s ease-out;-moz-transition: 
color 0.7s ease-out;transition: color 0.7s ease-out; 
} 
#menucb:hover { 
background: #cfd9f6; /* Cor de funo quando passa o mouse*/ 
color: #fff; /*Cor do texto quando passa o mouse*/ 
}

Agora vá ate seu layout e abra um gadget de HMTL/Javascript e dentro dele coloque:

<a href='LINK' id='menucb'>TÍTULO DO LINK</a>

Repita quantas vezes quiser para cada link do seu menu. Prontinho fácil né ?