Tuto surpresa

Menu Normal (cores)

 

Vá em Design    Editar HTML    Ctrl F e procure por: ]]></b:skin>

acima dessa tag cole o código:

Deixei nas cores de cada menu..como das imagens de exemplo p/ entenderem melhor :B

#nav{
color:#A8DEE7; */Cor da fonte*/
display: block;
padding-bottom: 1px;
font-weight:bold;
text-decoration:none;
line-height:15px;
vertical-align:middle;
width: 100%;
font-size:9px;
font-family: Tahoma;
margin-bottom: 2px;
background-color:#E3FBFF; */Cor do Menu*/
border-top:1px solid #E3FBFF; */Cor do Menu iguais*/
border-left:1px solid #E3FBFF;
border-right:1px solid #E3FBFF;
border-bottom:1px solid #E3FBFF;
padding:0px;}

#nav:hover{
color:#a1f78f; */Cor da fonte ao passar o mouse*/
display: block;
padding-bottom: 1px;
font-weight:bold;
text-decoration:none;
line-height:15px;
vertical-align:middle;
width: 100%;
font-size:9px;
font-family: Tahoma;
margin-bottom: 2px;
background-color:#ceffc7; */Cor do menu ao passar o mouse*/
border-top:1px solid #ceffc7;
border-left:1px solid #ceffc7;
border-right:1px solid #ceffc7;
border-bottom:1px solid #ceffc7;
padding:0px;}

#nav2{
color:#FFADD6; */Cor da fonte*/
display: block;
padding-bottom: 1px;
font-weight:bold;
text-decoration:none;
line-height:15px;
vertical-align:middle;
width: 100%;
margin-bottom: 2px;
font-size:9px;
font-family: Tahoma;
background-color:#FFEFF7; */Cor do Menu*/
border-top:1px solid #FFEFF7;
border-left:1px solid #FFEFF7;
border-right:1px solid #FFEFF7;
border-bottom:1px solid #FFEFF7;
padding:0px;}

#nav2:hover{
color:#a1f78f; */Cor da fonte ao passar o mouse*/
display: block;
padding-bottom: 1px;
font-weight:bold;
text-decoration:none;
line-height:15px;
vertical-align:middle;
width: 100%;
font-size:9px;
font-family: Tahoma;
margin-bottom: 2px;
background-color:#ceffc7; */Cor do menu ao passar o mouse*/
border-top:1px solid #ceffc7;
border-left:1px solid #ceffc7;
border-right:1px solid #ceffc7;
border-bottom:1px solid #ceffc7;
padding:0px;}

#nav3{
color:#b5abe7; */Cor da fonte*/
display: block;

padding-bottom: 1px;
font-weight:bold;
text-decoration:none;
line-height:15px;
vertical-align:middle;
width: 100%;
font-size:9px;
font-family: Tahoma;
margin-bottom: 2px;
background-color:#f1e3ff; */Cor do Menu*/
border-top:1px solid #f1e3ff;
border-left:1px solid #f1e3ff;
border-right:1px solid #f1e3ff;
border-bottom:1px solid #f1e3ff;
padding:0px;}

#nav3:hover{
color:#a1f78f; */Cor da fonte ao passar o mouse*/
display: block;
padding-bottom: 1px;
font-weight:bold;
text-decoration:none;
line-height:15px;
vertical-align:middle;
width: 100%;
margin-bottom: 2px;
font-size:9px;
font-family: Tahoma;
background-color:#ceffc7; */Cor do menu ao passar o mouse*/
border-top:1px solid #ceffc7;
border-left:1px solid #ceffc7;
border-right:1px solid #ceffc7;
border-bottom:1px solid #ceffc7;
padding:0px;}

Visualize, Se tiver tudinho ok, Salve!

Agora p/ que o menu apareça basta Adicionar um Gadget HTML/JavaScript e colar ou cole onde quiser que apareça:

<div id="nav"><a title="descrição do link" href="URL DA PAGINA">Pagina a</a> – bla bla bla</div>

<div id="nav2"><a title="descrição do link" href="URL DA PAGINA">Pagina b</a> – bla bla bla</div>

<div id="nav3"><a title="descrição do link" href="URL DA PAGINA">Pagina c</a> – bla bla bla</div>

 tabela de cores:  aqui
Edite como quiser e pronto! =D

Creditos : x x x x