Ocultar la barra Blogger (Navbar)

En el artículo Quitar la barra Blogger te mostramos como ocultar esta famosa barra permanentemente, pero si quieres conservarla y que no estorbe en tu diseño, una mejor solución puede ser que se oculte automáticamente, es decir, que sólo se muestre cuando el cursor pase por el lugar donde se encuentra normalmente.

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 siguiente código:

   body {

3. Y de acuerdo a tu versión de Blogger, Justo arriba de ese código, ponemos el siguiente código:
   

1. Versión Nuevo de Blogger

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

   Blogger Clásico

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

2. Guardamos; Terminamos
   

Funciona bien en Firefox, Opera, Safari e IE7