Un sencillísimo truco para que la bara de navegación de Blogger (NavBar) sólo sea visible cuando pasemos el cursor por encima. Esto le dará a tu blog un aspecto mucho más limpio.
Ve a la edición HTLM de tu plantilla y busca la siguiente cadena:
/* Use this with templates/template-twocol.html */
Justo debajo añade estas dos líneas:
#navbar-iframe{opacity:0.0;filter:alpha(Opacity=0)}
#navbar-iframe:hover{opacity:1.0;filter:alpha(Opacity=100, FinishedOpacity=100)}
#navbar-iframe:hover{opacity:1.0;filter:alpha(Opacity=100, FinishedOpacity=100)}
Guarda tu nueva plantilla y listo, a partir de ahora tu NavBar sólo aparecerá cuando la necesites.
No en todas las plantillas vais a encontrar la línea que nos sirve de referencia, pero no hay problema, otro sitio válido para colocar el código y que es de fácil localización es justo encima de Variable Definitions
Gracias a Bloggin Secret por este truco
Gracias a Bloggin Secret por este truco
Cargando...
3 comentarios:
Hola :) Estás haciendo un trabajo mágnifico! Tu artículo sobre "añadir image al header" me sirvió mucho para orientarme. Lo conseguí al final :) aunque a mi manera pero lo conseguí ;) soy un disastre!
Muchas gracias por tu ayuda amigo.
Un saludo
de nada... hay que ver, que este blog se abrío simplemete para probar cosillas... pues me alegro que os siva de ayuda...
gracias por pasarte.
Muy buen truco...aparte te saqué un par de cosas más como cambiar el nombre a los comentarios que no sabía como hacerlo. ¡Muchas gracias!
Publicar un comentario