~El Metadiario~

Lunes, 20 de agosto de 2007

Navbar de Blogger ~ Cómo ocultarla o desaparecerla

La navbar de Blogger se puede hacer desaparecer, o simplemente, ocultar para que no interfiera en el disño de tu blog pero que aparezca al pasarle el cursor por encima. A continuación te digo cómo hacerlo. Pero estaría bueno que si lo hacés, agreges un botón de Blogger en algún lugar de tu blog, pues el servicio que dan es bueno y gratuito, y merecen el crédito.

Para que la navbar no se vea:
1. Busca en el html de tu plantilla el siguiente texto:

body {

2. Justo arriba de eso pega el siguiente código, según la plantilla que uses:

Para el Nuevo Blogger:

#navbar-iframe {
height:0px;
visibility:hidden;
display:none;
}

Para el Blogger anterior:

#b-navbar {
height:0px;
visibility:hidden;
display:none
}

3. Guardá la plantilla y listo. Ver ejemplo en
http://gran-hermano-cinco.blogspot.com/

Para ocultar la navbar, pero que aparezca al pasar el cursor por donde debería estar:

1. buscamos el siguiente código:

body {

2. 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)
}

3. Guardamos y listo. Ver ejemplo en http://resistenciaradical.blogspot.com/

Funciona bien en Firefox, Opera, Safari e IE7.

Fuente: Blog and Web

Por: Horacio Federico | Tutoriales | Comentarios (0) | Referencias (0)