Menú vertical Grey drop

Si te gustan lo menús verticales, elegantes, con tonos grises y efectos al pasar el ratón, el menú Grey drop quizás te interese...

DEMO

Es muy sencillo de instalar, simplemente debes seguir atentamente los pasos...

Diseño>Edición HTML>expandimos artilugios

Busca la etiqueta ]]></b:skin> y encima pégale este código:

/* -------------------Greydrop------------------- */

#Greydrop a, #Greydrop a:visited {
text-align:center;
position:relative;
text-decoration:none;
display:block;
background:transparent url(http://i88.servimg.com/u/f88/12/78/97/76/grey_110.gif) repeat-x scroll 0 0;
color:#ffffff;
font-weight: bold;
width:10em;
font-family:'Trebuchet MS',Trebuchet,Helvetica,Arial,Verdana,Sans-Serif;
border:2px solid #fff;
border-color: #cccccc #7d7d7d #7d7d7d #cccccc;
padding:0.25em;
margin:0.5em auto;
}

#Greydrop a:hover {
top:1px;
border-color: #cccccc #7d7d7d #7d7d7d #cccccc;
font-family:'Trebuchet MS',Trebuchet,Helvetica,Arial,Verdana,Sans-Serif;
Font-weight: bold;
color:#ffffff;
background:transparent url(http://i88.servimg.com/u/f88/12/78/97/76/grey_210.png) repeat-x scroll 0 0;
}

/* Final-Greydrop------------------- */

Guarda cambios.

Diseño>Elementos de página>Añadir gadget (elemento de página)>html-javascript

Pega este código:

<div id="Greydrop">
<a href="URL DEL ENLACE">TITULO</a>
<a href="URL DEL ENLACE">TITULO</a>
<a href="URL DEL ENLACE">TITULO</a>
<a href="URL DEL ENLACE">TITULO</a>
<a href="URL DEL ENLACE">TITULO</a>
</div>

Sustituye URL DEL ENLACE por la dirección (URL) del enlace del blog o web, por ejemplo: http://google.es

Sustituye TITULO por el título de tu enlace, por ejemplo: Google

Si necesitas más pestañas para colocar más enlaces simplemente debes añadir más líneas como esta:

<a href="URL DEL ENLACE">TITULO</a>

Si por el contrario, quieres menos enlaces, solo tienes que borrar alguna línea.

Ten en cuenta que no importa dónde pongas la nueva línea pero siempre debe quedar antes del cierre </div>

¡Suerte!