Ideas y Novedades Blogger de Google Cusco

IDEAS Y NOVEDADES BLOGGER CUSCO
Listo! asi empezamos:

COMO INSERTAR UN MENU VERTICAL CON EFECTOS AL PASAR EL MOUSE

PRIMERO: En blogger Pestaña DISEÑO, EDICION DE HTML pegar el codigo antes de
]]></b:skin>

/* 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: #C0C0C0; /* 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: #696969; /* color del botón al pasar el cursor */
border-left: 10px solid #DCDCDC; /* color del rectángulo junto al título */
color: #FFFFFF; /* color de las letras al pasar el cursor */
}

SEGUNDO: Copia y pega el siguente codigo en DISEÑO, ELEMENTOS DE PAGINA, AÑADIR GADGET, HTML/Javascript.

<div id="menuvert">
<ul>
<li><a href="URL del enlace">Título 3</a></li>
<li><a href="URL del enlace">Título 4</a></li>
<li><a href="URL del enlace">Título 3</a></li>
<li><a href="URL del enlace">Título 4</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>