Menu Vertical facil y sencillo con CSS para el Blog

Para insertar este Menu Vertical facil y sencillo con CSS para el Blog

entramos en ▶ Diseño ▶ Añadir un Gadget ▶ HTML/Javascript y copias el código.

<style type="text/css">
#menuborder a{
padding-left: 4px;
display: block;
font-size: 14px; /* Tamaño de texto */
text-transform: uppercase; /*Si queremos en minúscula ponemos lowercase */
width: 200px; /* Ancho*/
color: #000000;
text-decoration: none;
border-left: 4px solid #bbbbbb; /* Color borde */
border-bottom: 1px solid #bbbbbb; /* Color línea inferior */
}
#menuborder a:hover{
border-left: 3px solid #dddddd; /*Color de línea vertical */
background-color: #eeeeee; /* Color fondo*/
color: #2A211A; /* Color de letra seleccionada */
}
</style>
<div id="menuborder">
<a href="URL">Enlace 1</a>
<a href="URL">Enlace 2</a>
<a href="URL">Enlace 3</a>
<a href="URL">Enlace 4</a>
<a href="URL">Enlace 5</a>
<a href="URL">Enlace 6</a>
</div>

Como ven es muy sencillo y personalizable se pueden cambiar casi todo los valores

Ejemplo

Enlace 1 Enlace 2 Enlace 3 Enlace 4 Enlace 5 Enlace 6