Menu-Horinzotal Hover Padding

Opa Galera, Aqui e o Math-San trago um tutorial muito legal do Menu-Horizontal

Primeiro Va em Editar HTML e procure por

]]></b:skin>

E cole o seguinte codigo

             /* MENU-HORIZONTAL ----------------------------------------------- */ #menu-horizontal {<br /> font-family:Impact;<br /> font-size:26px;<br /> } #menu-horizontal li {<br /> list-style: none;<br /> margin: 0;<br /> display: inline;<br /> color:dcdcdc;<br /> border-radius: 10px 10px 10px 10px;<br /> }<br /> #menu-horizontal li a {<br /> margin-left:2px;<br /> margin-right:2px;<br /> color:fff;<br /> -webkit-transition: all 0.7s linear;<br /> -moz-transition: all 0.7s linear;<br /> -o-transition: all 0.7s linear;<br /> transition: all 0.7s linear; }<br /> #menu-horizontal li a:link {<br /> color: #fff;<br /> border-radius: 10px 10px 10px 10px;<br /> }<br /> #menu-horizontal li a:visited {<br /> color: #dcdcdc;<br /> border-radius: 10px 10px 10px 10px;<br /> }<br /> #menu-horizontal li a:hover {<br /> background: -webkit-gradient(linear, left top, left bottom, from(#0a6894),<br /> to(#074460));<br /> font-size:28px;<br /> border-radius: 10px 10px 10px 10px;<br /> color: #fff;<br /> text-decoration: none;<br /> }<br />

Para usa-lo

<a href="http://www.blogger.com/link">Nome do menu</a>

Live Demo 

Espero ter ajudado Fui ;D