Menu giratorio!

 Olá flowers

hj eu trago um tuto para vcs

Super fofo e diferente de muitos menus redondos que giram que a gente já viu por ai nos blogs da vida..

Vamos conferir o modelo?

Live Prewiew Aqui

Primeiramente vá até no modelo do blogger e em seguida em editar Html,

Depois dê Ctrl F e procure por:

]]></b:skin>

Depois que achar acima dele cole o seguinte código:

/*** Menu Onders by: Gustavo (escritordapaz) - CrazyHTML ***/

.menuonders {width:53px; height:52px; border-radius:50px 50px 50px 50px; background:#98F5FF; color:#FFF; border:5px solid #FF69B4; text-align:center; font-family:'Tahoma'; font-size:12px; float:left; -webkit-transition-duration:.99s;}

.menuonders:hover {background:#FF69B4; color:#FFF; border:5px solid #98F5FF; -webkit-transform:rotate(360deg); -webkit-transition-duration:.99s;}

Salve vá em layout e adicione o gadget html java script,

feito isso cole dentro o restante dos códigos:

<div class="menuonders"><br><a href="Link">Nome</a></div>

<div class="menuonders"><br><a href="Link">Nome/a></div>

<div class="menuonders"><br><a href="Link">Nome</a></div

Salve e veja o resultado, eu particularmente amo esse menu, eu achei em um tumblr de um menino,  o nome dele é Gustavo e o tumblr dele é o  Crazy HTML!

Lembrando que vocês podem mudar as cores das bordas, dos links,  do fundo do menu o tamanho das bordas, e o tamanho do menu aumentar ou diminuir, e lembrando se quiser mais link é só copiar quantas vezes você quiser a div dos links..

Beijos meus amores.. espero que tenham gostado desse tuto.. 

kissud *-*