Menu giratório

Bem, hoje não vim enrolar, nem fazer textos gigantescos porque estou sem paciência de fazer textos. Enfim, o tutorial de hoje é como fazer o menu giratório, e uma novidade pra vocês: criei um layout onde eu coloco todos os testes que eu faço (quando eu posto um tutorial aqui, antes eu testo pra ver se dá mesmo e divulgar pra vocês), e pra ver o teste desse menu e como ele ficará no seu blog, veja aqui (ele é o gadget menu); Créditos ao blog adolescente nerd ♥

Tutorial

1♥ vá no seu blog: modelo → editar html e procure por: ]]></b:skin> e acima cole:

/***MENU GIRATÓRIO FEITO - RAFAELA CARVALHO***/
un a{background: #fff; display: inline-block; font-family:Arial;
font-size: 11px; padding: 3px; margin: 2px; color: #000;
-webkit-transition-duration: .70s; border-radius: 2px; cursor: hand;
-webkit-box-shadow:0 0 1em #ccc; opacity:.75;}
un a:hover {background: #FF69B4; display: inline-block; font-family:Arial;
font-size: 11px; padding: 3px; margin: 2px; color: #fff;
-webkit-transform: rotateY(-360deg) ;
-webkit-transition-duration: .70s; opacity:.99}

2♥ salve; depois vá no layout e adicione um gadget → html/java script e cole:

<un><a href="URL_DO_LINK">NOME</a></un>

Ps: esse código acima (↑) é um quadrado, isto é, um página, então você cola quantas páginas você quer;

Depois só salvar, espero ter ajudado, bjs *-*