Tutorial: menu de círculos

Hello cutes! Tudo bem? Repararam no novo layout do Cute Time? Gostaram? Eu adorei! Bom, continuando... hoje eu vou ensiná-los a fazer o menu de círculos, bem fofo! Querem aprender a fazer? Então clique em leia mais! 

logo logo irei disponibilizar o layout free, mas primeiro preciso que vocês votem no tema :) cliquem aqui para votar!

 

vá no HTML do seu blog  procure por ]]></b:skin>  antes dele cole:

#menucp { /* menu de círculos por Chovendo em Paris */
background: #fbfbfb; /* fundo do círculo */
text-shadow: 1px 1px 0 #FFFFFF; /*sombra do texto */ 
border: 1px solid #eeeeee; /* borda */ 
color: #cd5c5c; /* cor do texto */ 
font-family: Georgia; /* fonte do texto */ 
font-size: 11px; /* tamanho da fonte */
text-align: center;
padding-bottom : 8px;
padding-left : 10px;
margin-bottom: 8px;
padding-right: 10px;
padding-top: 8px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
}

#menucp:hover {
background: #ffffff; /* cor do fundo quando passar o mouse */ 
text-shadow: 1px 1px 0 #FFFFFF; /* sombra do texto quando passar o mouse */
border: 1px solid #eeeeee; /* borda quando passar o mouse */
color: #cd5c5c; /* cor do texto quando passar o mouse */
padding-bottom : 8px;
padding-left : 10px;
margin-bottom: 8px;
padding-right: 10px;
padding-top: 8px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
}

agora vá até layout  clique em adicionar um gadget  adicione um gadget HTML/Javascript  nele cole:

<center><a id="menucp" a="" href="link 1">1</a>

<a id="menucp" a="" href="link 2">2</a>

<a id="menucp" a="" href="link 3">3</a>

<a id="menucp" a="" href="link 4">4</a>

<a id="menucp" a="" href="link 5">5</a>

<a id="menucp" a="" href="link 6">6</a>

</center>

Agora é só salvar e prontinho! 

créditos: ♥