Tutorial-Menu Kaawaii meio colorido (Fácil d +)

                                    
                                                                                  O.o

Olá babys..Tb?Comigo ótimo ^^ Hoje eu vim postar um menu muito lindo q é do Kawaii World...Lá n tem o tutorial desse menu , mais eu consegui descobrir cm se faz!!E foi dificil de descobrir demorei mais o menos uma hora .-. Vamos aprender?Então vamos lá ^^ Antes disso , vejam o resultado do menu:

                                                                                                    Lindo né??

Vamos aprender!!Primeiro vá em >> Design depois em >> Layout depois em >> Adicionar um Gadget e adicione HTML/JavaScript e cole esse código abaixo:

<center style="background-color: white; color: #666666; font-family: Tahoma, Geneva, sans-serif; font-size: 11px; line-height: 15px;">
<div id="rainbowup" style="-webkit-transition: 1s; font-family: Tahoma; font-size: 12px;">
<div class="color1">
<a href="Link da pagina " style="-webkit-box-shadow: rgb(156, 198, 210) 0px 0px 10px inset; -webkit-transition: 0.5s; background-color: #bcdde6; border: 1px solid rgb(156, 198, 210); box-shadow: rgb(156, 198, 210) 0px 0px 10px inset; color: white; display: block; opacity: 1; padding: 5px 200px 5px 7px; position: absolute; text-decoration: none; text-shadow: rgb(105, 159, 194) 1px 1px 0px;">Titulo da pagina</a></div>
<br />
<div class="color2">
<a href="Link da pagina" style="-webkit-box-shadow: rgb(224, 163, 185) 0px 0px 10px inset; -webkit-transition: 0.5s; background-color: #f8c8d9; border: 1px solid rgb(224, 163, 185); box-shadow: rgb(224, 163, 185) 0px 0px 10px inset; color: white; display: block; margin-top: 12px; opacity: 1; padding: 5px 198px 5px 7px; position: absolute; text-decoration: none; text-shadow: rgb(228, 125, 160) 1px 1px 0px;">Titulo da pagina</a></div>
<br />
<div class="color3">
<a href="Link da pagina" style="-webkit-box-shadow: rgb(156, 198, 210) 0px 0px 10px inset; -webkit-transition: 0.5s; background-color: #bcdde6; border: 1px solid rgb(156, 198, 210); box-shadow: rgb(156, 198, 210) 0px 0px 10px inset; color: white; display: block; margin-top: 24px; opacity: 1; padding: 5px 189px 5px 7px; position: absolute; text-decoration: none; text-shadow: rgb(105, 159, 194) 1px 1px 0px;">Titulo da pagina</a></div>
<br />
<div class="color4">
<a href="Link da pagina" style="-webkit-box-shadow: rgb(224, 163, 185) 0px 0px 10px inset; -webkit-transition: 0.5s; background-color: #f8c8d9; border: 1px solid rgb(224, 163, 185); box-shadow: rgb(224, 163, 185) 0px 0px 10px inset; color: white; display: block; margin-top: 35px; opacity: 1; padding: 5px 197px 5px 7px; position: absolute; text-decoration: none; text-shadow: rgb(228, 125, 160) 1px 1px 0px;">Titulo da pagina</a></div>
<br /></div>

Depois de ter feito isso salve!Obs: e só dar 4 paginas...

E onde estar escrito em Titulo da pagina vcs coloquem o nome da pagina , e onde estar Link da pagina vcs coloquem o endereço da pagina ^^  e se vcs usarem , der créditos ao: Amizade de Menina

Bjos e o tutorial vai ficar lindo em seus blogs *__* Fui