Blogs registrados recientemente en la Comunidad...

lunes, septiembre 5

Tutoriales de ayuda para tu blog: ¿Cómo elimino/escondo la barra de navegación de blogger?

La encuesta que habíamos colocado en la sidebar finalizó hace ya bastante tiempo, y su elección fue clara. Comienzan así los tutoriales de ayuda en Juvenil AR :)


Antes de comenzar, vamos a aclarar ciertos puntos a tener en cuenta:
  • No somos ningunas expertas con respecto a blogger y los códigos HTML, pero podemos ayudarles desde nuestra larga experiencia por estos lados.
  • Todos los tutoriales expuestos aquí serán recopilados de otras páginas web de ayuda que solemos utilizar, y a las que los dirigiremos para que, si les surge alguna duda/problema con respecto a cierto tutorial que nosotras no sabemos responderles, puedan dirigirse a la página en cuestión y preguntar allí.
  • Pueden dejarnos dudas en sus comentarios y contarnos de qué temas les gustaría que traigamos tutoriales. Si está a nuestro alcance les ayudaremos a despejar sus dudas respondiéndoles en un comentario en la misma entrada.
  • Debido a que no contamos con un tiempo ilimitado y a que, como dijimos, no somos ningunas expertas en el tema, no podremos ayudarles a instalar cierto código por ustedes ni a generarles uno.
  • La idea de este espacio es redirigirlos a páginas web en las que encontrarán las herramientas, recursos y explicaciones necesarias para modificar sus blogs a gusto.

Ahora sí, allí vamos con el primer tutorial que creemos que a muchos les será de utilidad :)

¿Cómo elimino/escondo la barra de navegación de Blogger?

Hacer esto es super sencillo, y solo requiere agregar un código en la plantilla, acá les mostramos como y cuál:

Oculatrla es muy fácil, sólo debés ir a Diseño | Edición de HTML, y pegar después de la etiqueta <body> este código:

<style type="text/css">
#navbar-iframe {
height:0px;
visibility:hidden;
display:none;
}
</style>

Y, si lo que querés es esconderla y que reaparezca al pasarle el cursor por arriba, como podems ver en éste Blog de pruebas, en vez del código anterior tenés que pegar, en el mismo lugar, el siguiente:
<style type='text/css'>
#navbar-iframe {
opacity:0.0;
filter:alpha(Opacity=0)
}
#navbar-iframe:hover {
opacity:1.0;
filter:alpha(Opacity=100,FinishedOpacity=100)
}
</style>

Si usás una plantilla hecha a través del Diseñador de plantillas de Blogger entonces el código debes pegarlo después de:
<body expr:class='&quot;loading&quot; + data:blog.mobileClass'>



Fuente: Una página muy útil que yo (Annie) suelo utilizar mucho, Ciudad Blogger.


¡Espero que les haya sido de utilidad!
Hasta la próxima :)

1 comentarios:

Cande dijo...

Gracias por el tutorial(L)
Ojalá en algún momento puedan hacer las otras propuestas también^^ Porque todas eran geniales.
Un beso!