Efecto "hover" en la navbar

Es decir: en la barra de navegación que tenemos arriba del todo del blog, donde accedémos para crear una nueva entrada o a diseño, compartir etc ...

Es cómodo tenerlo a mano, pero no es muy guapo tenerla ahí, omnipresente.

Si pasáis el ratón por la parte de arriba de este blog, la navbar (que aparentemente "no está) re-aparece y se puede usar como siempre. De forma que está, aunque aparentemente no esté.

¿Cómo se hace?. Es muy fácil:

Id a Diseño, Edición de HTML de vuestra plantilla (no hace falta desplegar los artilugios) y colocad esta pieza de código justo antes de comenzar los estilos (el css) y debajo de <b:skin><![CDATA[/* :

#navbar-iframe{opacity:0.0;filter:alpha(Opacity=0)}
#navbar-iframe:hover{opacity:1.0;filter:alpha(Opacity=100, FinishedOpacity=100)}

Listo.