Menu vertical para el blog

Sé que no a todos les interesan los menús horizontales debajo de las cabeceras, así que para a quienes se les adecua mejor un menú vertical en el blog aquí les van las indicaciones para crear un menú de manera rápida y personalizable.

Entra a Diseño | Edición de HTML y antes de ]]></b:skin> pega lo siguiente:

/* Menú Vertical
----------------------------------------------- */
#menuvert ul {
list-style-type: none;
margin: 0px;
padding: 0px;
width: 200px; /* ancho del menú */
font-size: 11pt;
}
#menuvert ul li {
background-color: #B0CBDD; /* color de fondo del menú */
padding: 0px;
}
#menuvert ul li a {
color: #000; /* color de las letras */
text-decoration: none;
display: block;
padding: 10px 10px 10px 20px;
}
#menuvert ul li a:hover {
background: #336699; /* color del botón al pasar el cursor */
border-left: 10px solid #000066; /* color del rectángulo junto al título */
color: #FFFFFF; /* color de las letras al pasar el cursor */
}

Ahora en Diseño > Elementos de la página > Añadir un gadget, selecciona HTML/Javascript y pega ahí esto:

<div id="menuvert">
<ul>
<li><a href="URL del enlace">Título 1</a></li>
<li><a href="URL del enlace">Título 2</a></li>
<li><a href="URL del enlace">Título 3</a></li>
<li><a href="URL del enlace">Título 4</a></li>
</ul>
</div>

Ya sólo cambia las URL de los enlaces y los títulos de las pestañas; puedes agregar o eliminar tantas pestañas como quieras.

Puedes personalizar los colores del menú a tu antojo, en el primer código he puesto las anotaciones para que sepas dónde cambiar el color de fondo, el color de las letras, etc.

El resultado es este:

• Inicio
• Básicos
• Dominios
• Descargas