Una forma de hacer esto es la siguiente:
1º. Entra a la pestaña “Plantilla” o también llamada “Diseño” desde el escritorio y después a la opción “Edición de HTML”.
2º. Ahora buscamos el código:
.
.
body {
body {
.
.3º. Justo arriba de este código, pegamos el siguiente código:
#navbar-iframe {
opacity:0.0;
filter:alpha(Opacity=0)
}
#navbar-iframe:hover {
opacity:1.0;
filter:alpha(Opacity=100,FinishedOpacity=100)
}
El código para el blogger clásico es:
#b-navbar {
opacity:0.0;
filter:alpha(Opacity=0)
}
#b-navbar:hover {
opacity:1.0;
filter:alpha(Opacity=100,FinishedOpacity=100)
}
Finalmente guardamos y vemos que el Navbar solo aparecerá cuando pasemos el cursor por encima la ubicación del navbar, desapareciendo de manera automática.
vía: blogandweb.com