Así que simplemente puse dos iconos, uno para mostrar y otro para ocultar la barra, y le agregué este código a la etiqueta del botón de mostrar:
onclick= "document.getElementById('navbar-iframe').style.height = '30px';"
Y agruegué este otro código para el botón de ocultar:
onclick= "document.getElementById('navbar-iframe').style.height = '0px';"
Por último, entré al modo de edición de la plantilla de blogger en Personalizar -> Plantilla -> Edición de HTML y agregué esta línea justo antes de la sección page defaults:
#navbar-iframe{height:0px;}
/* ---( page defaults )--- */
Listo: Ahora tenéis una barra de blogger que puede mostrarse u ocultarse a voluntad, utilizando tan sólo tres líneas de código. (léase con acento de erudito de la Real Academia Española para acentuar el efecto dramático).
Funciona sin problemas en Firefox e Internet Explorer, aunque este blog se ve mucho mejor en Firefox porque los menús históricos y los gadgets de google se ven del nabo en IE6
4 comentarios:
Muy buen 'truco' o tip.
Ya lo implemente. Medio copie tu codigo :P
Saludos.
Muy buen truco o tip.
Ya lo implemente, claro medio copie tu codigo :P
Por eso tampoco usaba Blogger, Ahora si.
Saludos.
¡Qué bien! pues me da gusto que este pequeño tip te haya sido de utilidad. Bienvenido al mundo de Blogger.
Buenísimo Tayo!
Ya aproveché el tip para un par de mis blogs!
Muchas gracias y excelente sitio. Soy fan.
Un abrazo
Publicar un comentario