Tutorial: menu slip

Hello my cupcakes! Tudo bem? Bom, hoje eu vou ensinar vocês a fazerem o menu slip, um menu muito fofo que aprendi no The Lovers. Vamos ver o tutorial? Clique em leia mais!

primeiro, gostaria de avisar que ficarei sem internet por um tempo, por isso programarei as postagens e depois (quando tiver internet) irei moderar os comentários, okay?

Vá no HTML do seu blog  aperte F3  procure por: ]]></b:skin> 

acima desta tag cole:

.home {
float:left;
width: 130px;
height:60px;
-webkit-transition-duration: .90s;
background:url(LINKDAIMAGEM) no-repeat;
} .home:hover {
height: 80px;
}

Em LINK DA IMAGEM, vocês vão fazer uma imagem como essa aqui. Para aparecer a letra de baixo, basta você aumentar o height, que corresponde a altura, na parte hover. Lembre-se se mudar as partes em negrito pelo o nome da página de seu blog. 

agora iremos aplicar o menu ao blog. Para isso, vá em layout  adicione um gadget HTML/Javascript  nele cole o seguinte código:

<a href="LINK" class="home"></a>

E vá repetindo de acordo com o número de páginas que você quiser! Fácil, né?