TUTORIAL - Ocultar a navbar e mostrá-la quando passa o mouse

Créditos: Crazy HTML

Oi minhas bananas com nutella!!

A famosa navbar, existente em todos os blogs, deixa-os com um aspecto feio no blog, não acham? Se quiser ocultar a navbar do seu blog e só mostrá-la quando passa o mouse, siga com o tutorial. Vi no blog Mundo de Meninna! 

Vá em Modelo > Editar HTML > Marque a caixinha expandir modelos de widget > aperte F3 > e procure por:

]]>

E acima dele, cole esse código abaixo:

/* ----- Efeito de esconder e mostrar a navbar ----- */

#navbar-iframe {

opacity:0;

-webkit-transition: all 1s ease;

-moz-transition: all 1s ease;

-o-transition: all 1s ease;

transition: all 1s ease;

}

#navbar-iframe:hover {

opacity:1;

} 

Fácil, não é? 

Beeijoos ^-^