Menu Blueberry

Trago um menuzinho muito kawaii que achei lá no blog Miki Candy Um beijo para a Miki. <3 O menu é bem simples, mas decidi posta-lo aqui. O exemplo do menu está no botãozinho abaixo, basta clicar rs e ver o resultado. Espero que gostem. 

Brevia do efeito

1. Se quiser tentar vá para dentro do seu HTML e procure por

]]></b:skin> 

2. Assim que o achar acima dele cole o próximo código

Códigos

/* Menu Blueberry by Miki Candy */
blueberry{
color: #fff; /* cor da fonte quando passa o mouse */
text-align:center;
font-size: 11px; /* Tamanho da fonte do menu */
background: #3FCFAD ; /* Fundo do menu */
padding: 2px;
float: left;
margin: 2px;
cursor: crosshair; /*cursor */
width: 45%; /* tamanho do menu */
-webkit-transition-duration: .80s;
border:1px dotted #D682DE; /* bordas */
border-radius: 10px; /*---- bordas arredondadas ----*/
}
blueberry:hover{
background:#D682DE; /* fundo do menu quando passa o mouse */
border:1px solid #3FCFAD; /* bordas quando passa o mouse */
color: #fff; /* cor da fonte quando passa o mouse */
-webkit-transition-duration: .80s;
border-radius: 5px; /*---- bordas arredondadas ----*/
}

3. Para finalizar vá ate o seu layout e abra um gadget HTML/Java Script, e dentro cole o próximo código

Códigos

<div>
<a href="URL"><blueberry>NOME </blueberry></a>
<a href="URL"><blueberry>NOME </blueberry></a>
<a href="URL"><blueberry>NOME </blueberry></a>
<a href="URL"><blueberry>NOME </blueberry></a>
</div>

Prontinhos! Beijos e ate a próxima bye bye