Menu Hearts Sliding

Liamdas, muita gente que tem blog precisa de um menu lindinho pra deixar o layout cada vez mais perfeito e a boa notícia desse é que ele pode ser usado como menu extra também, se não quiserem que seja o principal. O nome dele é Hearts Sliding e todos podem ver o preview dele nessa imagem:

Quer aprender ? Venha !

1. Vá em editar html, procure por ]]></b:skin e acima dele cole:

.anns {background:#Sua Cor; font: normal 10px 'verdana'; color: #FFFFFF; width: 10px; overflow:hidden; height: 11px; padding:4px; float: left; margin: 2px; -webkit-transition-duration: .5s;}.anns:hover {background: #Sua Cor; color:#Sua Cor; width: 65px; -webkit-transition-duration: .5s;}

Só irá editar as partes que estão escritas "Sua Cor", ok?

2. Vá em layout, adicionar um Gadget/JavaScript e cole:

<span class="anns" onclick="changeNavigation('01')">♥ <a href="Link">Nome do Link</a></span> <br /><p>

Pronto! Agora, só mudar o "Link " e o " Nome do link ".

Espero que tenham gostado. Beijinhos