Ocultar la barra Blogger (navbar) automaticamente
Mayo 14th, 2007 | Publicado por Francisco en Blogger | 15 Comentarios
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:
- 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 siguiente código:
body { - 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) } - Guardamos y listo.
Funciona bien en Firefox, Opera, Safari e IE7
Mayo 17th, 2007 a las 1:48 pm (#)
genial, funciona perfectamente. lo uso en mi blog shadowsofmind.blogspot.com/
gracias
Mayo 20th, 2007 a las 3:01 pm (#)
Lo he probado en mi blog ya que la opción de quitar la navbar no me gustaba, hacia mas incomodo entrar a hacer nuevas entradas y tal…
http://realmadrid07.blogspot.com/
el caso es que ahora se me queda un trozo blanco, cuando cambie eso subi de nuevo la imagen con mas tamaño pensando que se quedaría bien.. pero no, qué puedo hacer para ocupar ese trozo por la imagen??
Mayo 22nd, 2007 a las 8:09 pm (#)
Que tal niko?
Por alguna razón, algunas plantillas de blogger dejan ese espacio, yo mismo tube ese problema con una y no puede encontrar el error, es una de las razones por lo que en las plantillas que adapto no coloco la navbar. Lamento no poder darte una solución. Un saludos!
Mayo 28th, 2007 a las 2:28 pm (#)
me ha funcionado perfectamente, muchas gracias por este pequeño truco
Junio 12th, 2007 a las 4:43 am (#)
Hola te hago una consulta,yo tengo esta plantilla “Plantilla Blogy-Azul” la baje de aca ,pero al poner el código me corre la imagen de la cabecera hacia abajo y queda un pedazo mas arriba y otro mas abajo se entiende?,tenes idea que puede ser ya que no le encuentro la vuelta
Octubre 21st, 2007 a las 9:10 pm (#)
Agradecido de vuestro tip!!! Me sirvió bastante para poder ocultar la barrita :D!!!!
Saludos!
kurotashiO!
Octubre 28th, 2007 a las 6:02 pm (#)
Me ha funcionado correctamente en mi blog, muy fácil, y sencillo.
Thanks!
Noviembre 29th, 2007 a las 10:57 am (#)
Buenas!
Tengo un problemilla con la navbar, aunque soy consciente que no es culpa de vuestro código, sino mío. La cuestión es que acabo de cambiar de plantilla, y no lo graba hacer que apareciera una imagen de cabecera, por lo que toqueteando en l aplantilla al final lo lgr-e. Pero ahora me encuento con que:
1) la navbar no queda en lo alto, sino justo por debajo del logo de cabecera.
2) Cuando pasas el ratón no se ve la barra a través de la imagen de cabecera, pero sí a través del resto.
¿Alguna solución antews de que toque algo más y mi PC explote o algo? Mi blog es el siguiente: http://sinpelosenlalengua-cine.blogspot.com/
Gracias!
Marzo 27th, 2008 a las 11:12 am (#)
Quitada, bueno, mejor dicho, ocultada. Y ahora… ¿Como desplazo el header hacia arriba?
Marzo 29th, 2008 a las 7:48 pm (#)
Hola, tengo un problema con esto de la navbar. Tengo una plantilla de blog&web y no me resulta esto de ocultar automáticamente la navbar.
No sé pq, pues cuando le pongo el código me desconfigura todo el blog :S
bueno eso salu2
de antemano gracias
Abril 21st, 2008 a las 10:39 am (#)
buen codigo grasias me funciono
Junio 27th, 2008 a las 11:11 pm (#)
y para mostrar la nav bar? hay unas plantillas que no la tienen y yo quisiera saber como ponerla, y tambien el icono de mostrar edicion rapida…
espero me puedan contestar.