Blog and Web

Ocultar la barra Blogger (navbar) automaticamente

En el artículo “Quitar la barra Blogger” te mostramos como ocultar esta famosa barra permanentemente, pero si quieres conservala y que no estorbe en tu diseño, una mejor solución puede ser que se oculte automaticamente, 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 este código, ponemos el siguiente:Nuevo 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)
    }
  4. Guardamos y listo.

Funciona bien en Firefox, Opera, Safari e IE7