Menu vertical simples para Blogger

Olá amigos Mult-focos vamos mostrar um lindo menu vertical simples para Blogger. Simples realmente, porém de um efeito visual muito fino. Veja seu visual clicando em DEMO logo abaixo.


Leia também:  Formulário de contatos Blogger

DEMO
Gostou? Então vamos coloca-lo em seu blog, Copie e cole o código abaixo em um doc de texto e faça as alterações, colocando LINK e seus respectivos títulos. Depois copie o código já modificado, vá ao painel do Blogger-> Layout->Adicionar um gadget->HTML/javaScrit-> e cole o código em conteúdo->Salve, isto é tudo.

 <style>#v-menu{margin:0;padding:0;font-family:Verdana,Helvetica,Arial,sans-serif}#v-menu{width:275px}#v-menu ul{list-style:none;text-indent:0}#v-menu li{margin-top:0;border-bottom:1px solid #770732}#v-menu a{font-family:Verdana,Geneva,sans-serif;font-size:12px;font-weight:bold;font-variant:inherit;text-transform:uppercase;padding:0;color:#CCC;display:block;padding:13px 50px;height:15px;line-height:15px;text-decoration:none;background:#333 url(http://i1316.photobucket.com/albums/t609/Multfocos/menu-bg_zps2f57d9f3.png) no-repeat;text-shadow:1px 1px 1px #111;-webkit-transition:all 900ms cubic-bezier(0.47,0,0.745,0.715);-moz-transition:all 900ms cubic-bezier(0.47,0,0.745,0.715);-o-transition:all 900ms cubic-bezier(0.47,0,0.745,0.715);-ms-transition:all 900ms cubic-bezier(0.47,0,0.745,0.715);transition:all 600ms cubic-bezier(0.47,0,0.745,0.715)}#v-menu a:hover{background:#770732 url(http://i1316.photobucket.com/albums/t609/Multfocos/hover-bg_zps93c19781.png) no-repeat;font-size:13px;padding:11px 60px;-webkit-transition:all 900ms cubic-bezier(0.47,0,0.745,0.715);-moz-transition:all 900ms cubic-bezier(0.47,0,0.745,0.715);-o-transition:all 900ms cubic-bezier(0.47,0,0.745,0.715);-ms-transition:all 900ms cubic-bezier(0.47,0,0.745,0.715);transition:all 600ms cubic-bezier(0.47,0,0.745,0.715)}#v-menu a:visited{background:url(http://i1316.photobucket.com/albums/t609/Multfocos/hover-bg_zps93c19781.png) no-repeat}#v-menu a:active{background:url(http://i1316.photobucket.com/albums/t609/Multfocos/hover-bg_zps93c19781.png) no-repeat}</style>
<div id='v-menu'>
<ul>
<li><a href="Link">Início</a></li>
<li><a href="Link">Widgets</a></li>
<li><a href="Link">Blogger</a></li>
<li><a href="Link">Windows</a></li>
<li><a href="Link">Tutoriais</a></li>
<li><a href="Link">Sobre</a></li>
</ul>
</div>