29 oct 2009

Ocultar la barra Navbar de Blogger automaticamente

Si observas en este blog he quitado el Navbar de Blogger de forma permanente pero si quieres conservala podemos hacer que se oculte de manera automática, es decir, el Navbar de Blogger solo aparecerá cuando pasemos el cursor por encima la ubicación del navbar, desapareciendo de manera automática.

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”.


. Ahora buscamos el código:

.
.
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

No hay comentarios: