Retirar navbar e mostrar ao passar o mouse

Fazia algum tempo que eu estava procurando um tutorial como esse. Eu, sinceramente, não gostava que a navbarficasse aparecendo em meu blog, achava meio feio. Mas hoje eu achei um tutorial que oculta a navbar, mas quando você passar o mouse no lugar onde ela deveria ficar, ela aparece de novo com um efeito suave. Podem ver em meu blog mesmo, já que estou usando o código aqui! E esse é o blog que eu achei o tutorial. Vamos logoaprender?

Vá em Design > Editar HTML > Marque a caixinha Espandir modelos de widget > Tecle Ctrl + F > Procure por:

]]>

Acima do que você achou, cole esse 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;
}

Depois de ter feito isso, é só clicar em Salvar modelo. Simples, não é? Se quiser deixar a navbar normal, sem efeito nenhum, é só apagar o código que você colou. Espero que tenham gostado, kiss!