Esconder a Navbar e mostrá-la ao passar o mouse

Oi! Sabem a navbar aqui do blog? Que só aparece quando passamos o mouse lá no topo do blog? Pois é, querem fazer uma igual? Então clique em leia mais pra ver o tutorial.

Vá no HTML do seu blog e marque a opção expandir modelos de Widget. Depois disso, aperte CTRL+F e procure por  ]]></b:skin


Acima da tag encontrada, cole o seguinte código: 

/* ----- 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;
}

Visualize, e se estiver tudo certo salve.

Beijos ♥