Tutorial: menu que roda

Oi pessoal, hoje eu trouxe um tutorial de um menu que roda!!! O menu é super fofo e vale a pena colocar no blog, além de ficar uma graçinha :) Bora ver o menu? Clica em leia mais. 

tutorial por: http://morangostambemfalam.blogspot.com.br/

Vá em editar HTML  Aperte F3  Procure por: ]]></b:skin  Cole o código que eu vou passar, acima de ]]></b:skin

#menurodasg {

background:#ECCEFD;

display: inline-block;

text-align: center;

color:#878787;

float: center;

margin:0px 1px 0px 1px;

font-family: verdana;

font-size:11px;

padding:5px;

border: 0px solid #fff;

border-right: 0px solid #eee;

height:12px;

width:75px;

box-shadow:1px 1px 1px #eee;

-webkit-transition-duration: .90s;

border-radius:10px 10px 10px 10px; 

-moz-border-radius: 10px 10px 10px 10px; 

-webkit-border-radius: 10px 10px 10px 10px;

text-transform:uppercase;

}

#menurodasg:hover {

background: #D4D4D4;

height: 12px;

-webkit-transition-timing-function: ease-out(90,90,90,90);

-webkit-transform: rotateX(-360deg); -webkit-transition-duration: .90s;

-webkit-transition-duration: 1.90s;

border-radius:10px 10px 10px 10px; 

-moz-border-radius: 10px 10px 10px 10px; 

-webkit-border-radius: 10px 10px 10px 10px;

}

Entendendo o código

Em negrito, é a cor do fundo do menu

Em itálico, é a cor da fonte do menu

                                                       Em sublinhado é a cor do fundo do menu quando passa o mouse

Agora vamos adicionar o menu no seu blog: vá em layout  adicionar um gadget  HTML/Javascript  e cole o código abaixo:

<div id="menurodasg">

<a href="LINK AQUI">Nome do link</a></div>

 Caso você quiser 2 menus cole duas vezes esse código, se quiser 3, cole três vezes, e assim em diante.

Em negrito, você coloca o nome do link

exemplo: home

e em itálico, o link da página.

Espero que utilizem esse menu!!! Deixem seus comentários falando o que acharam do tuto!!! Se quiserem pedir algum tutorial podem pedir!!!