Mostrar a navbar ao passar o mouse

Oi irônicos tudo bem ?
Sabe o efeito da navbar que tem no meu blog ? que quando passa o mouse ela aparece ? então mostrar esse tutorial pra vocês, que aprendi no Tudo de blog, vamos ao tutorial ? 

Entre em Design > Editar HTML > Ctrl+F e procure por:

]]></b:skin>

Depois de ter achado cole o seguinte código ACIMA de ]]></b:skin> 

/* ----- 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 visualize e salve, Beiijos :*