Menú Vertical hecho con CSS -2

 Este es otro menú vertical hecho con CSS y HTML, muy fácil y no hay que tocar la plantilla para nada.
Para agregar este menú solo debes ir a Diseño, Añadir Gadget, HTML/JavaScript y pega allí lo siguiente:
------------------------------------------------------------------------
<center><div id="naranzul"><ul>

<li><a href="URL">TEXTO</a></li>
 <li><a href="URL">TEXTO</a></li>
<li><a href="URL">TEXTO</a></li>
<li><a href="URL">TEXTO</a></li>
<li><a href="URL">TEXTO</a></li>
<li><a href="URL">TEXTO</a></li>

</ul></div></center>

<style>#naranzul ul { list-style: none; margin: 0; padding: 0; } #naranzul img { border: none; } #naranzul { width: 200px; margin: 10px; } #naranzul li a { height: 32px; font-family:Helvetica; margin: 0; font-size: 15px; font-weight: bold; background: transparent; height: 24px; text-decoration: none; } #naranzul li a:link, #naranzul li a:visited { color: #FFF !important; display: block; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9Nk5rwEucjUCJFNdfNCHlbTv3CbuivqtMDSDSBbg6Sa_QbDdOsWDwveOTWCS9ajGVLW3dkyifENCkAWoy1imC-FNk88XQRvZuk1K6Oz7tAH3ER3T5jTnkmXb6ZyGmUTGnPuOpx7yP7tg/s1600/menu5.gif); padding: 8px 0 0 35px; } #naranzul li a:hover { color: #FFF !important; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9Nk5rwEucjUCJFNdfNCHlbTv3CbuivqtMDSDSBbg6Sa_QbDdOsWDwveOTWCS9ajGVLW3dkyifENCkAWoy1imC-FNk88XQRvZuk1K6Oz7tAH3ER3T5jTnkmXb6ZyGmUTGnPuOpx7yP7tg/s1600/menu5.gif) 0 -32px; padding: 8px 0 0 35px; } </style>
---------------------------------------------------------------------
El menú se ve de la siguiente manera.
Ahora solo tienes que agregar el enlace y el texto del enlace.

• TEXTO
• TEXTO
• TEXTO
• TEXTO
• TEXTO
• TEXTO