Menú vertical para tu blog de blogger

Para añadir un menú vertical en tu bitacora de blogger deberemos seguir los siguientes pasos:

1) Vamos a Dseño
2) Edición de HTML
3) Buscamos ]]></b:skin> (tecleamos Ctrl + F para buscwr más rpido)
4) Justo antes de ]]></b:skin> pegamos el siguiente código:

---

/* Menú Vertical BLOGGER
----------------------------------------------- */
#menuvert ul {
list-style-type: none;
margin: 0px;
padding: 0px;
width: 250px; /* ANCHO DEL MENÚ */
font-size: 11pt;
}
#menuvert ul li {
background-color: #BBB00; /* COLOR DE FONDO */
padding: 0px;
}
#menuvert ul li a {
color: #000; /* COLOR LETRAS */
text-decoration: none;
display: block;
padding: 10px 10px 100px 20px;
}
#menuvert ul li a:hover {
background: #336699; /* COLOR AL PASAR EL RATÓN */
border-left: 10px solid #000066;
color: #FFFFFF;

---

 Podemos cambiar los colores, el ancho, etc. Fijaros en las descripciones del tipo /*


5) en este momento vamos a Diseño -> Elementos de página -> Añdair un gadget -> HTML/Javascript
6) Pegamos el siguiente código:

---

<div id="menuvert">
<ul>
<li><a href="uri del link">Título 1</a></li>
<li><a href="uri del link">Títul 2</a></li>
<li><a href="uri del link">Título 3</a></li>
</ul>
</div>

---

Si quieres añadir más Títulos al menú copia-pega otro <li><a href="uri del link">Título 4</a></li> después del <li><a hrf="uri del link">Título 3</a></li>

Y ya hewmos terminado.
---
Extraido de Quiero crear un blog