Menú Vertical con efecto CSS en el blog

 Para tener este menú vertical en tu blog  agregamos el siguiente código en un Gadget HTML/JavaScript

<style>
.menucpb{
background: #eeeeee;
font-family: Tahoma, Verdana, Segoe, sans-serif;/*Fuente*/
font-size:18px;/*Tamaño de la fuente*/
text-align: center;
text-transform: uppercase;/*Texto en mayúsculas*/
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
padding:2px 0px 2px 10px;
opacity: 1;
margin-bottom:4px;
border-right:0px solid #cccccc; /* Color del borde derecho */
border-left:40px solid #cccccc; /* Color del borde izquierdo */
}
.menucpb  :hover {
border-right:40px solid #cccccc; /* Color del borde derecho  hover */
border-left:0px solid #cccccc;  /* Color del borde izquierdo  hover */
}
.menucpb a {
color: #000000; /* Corlor del link */
text-decoration: none;
}
</style>
<div class="menucpb"><a href="link" >Enlace</a></div>
<div class="menucpb"><a href="link" >Enlace</a></div>
<div class="menucpb"><a href="link" >Enlace</a></div>
<div class="menucpb"><a href="link" >Enlace</a></div>