Menu de coração

Mais um menu para vocês, este é o famoso menu de coração que vemos em muitos blogs.

para ver este menu clique aqui

Para colocar em seu blog coloque o código abaixo antes de ]]></b:skin>

.anns {
background:#D2D3F2;
width:200px;
font:arial;
size:9px;
color: #FFFFFF;
overflow:hidden;
height:20px;
padding:1px;
float: left;
margin: 1px;
-webkit-transition-duration: .5s;
}
    .anns:hover {
background: #FFB7CE;
color:#FF84AD;
width:100px;
-webkit-transition-duration: .5s;
}

Você só vai mudar as partes em Negrito

Para fazer o menu funcionar coloque o código abaixo no gadget html/java script

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