Tutoria Menu Animado

Hey Amores tava um tempo sem postar então vou postar o Menu Animado mas Antes os creditos vão para Part Designer então vamos a Tuto super explicada por eles .. 

Visualização do menu aqui 

 

1° Passo: Vá em Modelo>Editar HTML>Prosseguir > expandir modelos de widgets

2° Passo :  Procure por (aperte F2 ou CTRL+F) ]]></b:skin>

3° Passo : Cole logo acima desta tag o codigo :#links {position:absolute; overflow:hidden; top:10px; left:250px;}
#links {position:absolute; overflow:hidden;}
#links a {display:block; float:left; background:#; color:#fff; padding:10px 15px 10px 25px; margin-left:7px; font-family:arial; font-size:18px; font-weight:bold; text-transform:uppercase; text-shadow:1px 1px #000; -moz-transition-duration:0.8s; -webkit-transition-duration:0.8s;}
#links a:hover {background:#; color:#fff; font-weight:bold; text-transform:uppercase;} 

 4° Passo preucure por :  </body> e logo acima loge o codigo ;

 <div id="links">
<a href="http://www.blogger.com/link">nome</a>
<a href="http://www.blogger.com/link">nome</a>
<a href="http://www.blogger.com/link">nome</a>
<a href="http://www.blogger.com/link">nome</a>
<a href="http://www.blogger.com/link">nome</a>
<a href="http://www.blogger.com/link">nome</a>
</div>

 modifique tudo do seu gosto e isso beijoss :)