Tutorial - Menu close

Olá meninas , venho aqui com mais 1 post ! 

Não tenho muito oquê falar, bom .. sabe o menu do blog ? 

se quer ver a preview Clique aqui  , Veja lá na barra lateral ( DIREITA )

no gadget  | Menu close | , esse menu serve para um layout mais kawaii .

quer aprender ?

1 - No seu Html,Pressione Ctrl + F Ou F3 e Procure Por :

]]></B:Skin>

depois de ter achado cole acima o código abaixo :

.menuzito {background: #DB1C50;font-size: 15px; font-family:homenaje; color: #888; text-align: center; float: left; margin: 5px;margin-bottom: 1px; -webkit-transition-duration: 0.8s;-webkit-box-shadow: 0 50px 0px #fff transparent; padding: 8px; width: 52px;} 
.menuzito:hover { -webkit-transition-duration: 1.8s;box-shadow: 0px 100px 0px #0191D7 inset;}.nav {height: 70px; width: auto; margin-top: 25px; opacity: 1;-webkit-transition-duration: 0.5s;}

Entendendo o Código

Background: #DB1C50 e #0191D7 - Você vai Editar a Cor do Menu Normal e Hover.

Font-Size - Tamanho da Fonte do Menu,Se você Aumenta ou Diminui o Menu fica Maior ou Menor.

Width/Normal Height/Hover - Largura do Menu e Altura do Menu.

2 - Adicione um Gadget Html/JavaScript e Cole o Código,Onde Quer que Apareça.

   

<center><div class="nav"><a href="Link" class="menuzito"><font color="#fff">Home</font></a><a href="Link" class="menuzito"><font color="#fff">About</font></a><a href="Link" class="menuzito"><font color="#fff">Extras</font></a><a href="Link" class="menuzito"><font color="#fff">4You</font></a><a href="Link" class="menuzito"><font color="#fff">Ask's</font></a>  <a href="Link" class="menuzito"><font color="#fff">Credits</font></a>
</div></center>

Veja se está tudo certinho .. Beijoos !