Ir al contenido principal

Ocultar o eliminar la barra de Blogger

Cuando creamos un blog con Blogger siempre tendremos por defecto una barra en la parte superior (denominada navbar) que puede resultarnos útil, entre otras cosas, para acceder fácilmente a nuestro escritorio o crear nuevas entradas, pero estéticamente no nos aporta mucho. Desde la opción de "Diseño" tan solo podemos modificar la apariencia de dicha barra pero afortunadamente existe una forma muy sencilla de eliminar u ocultar dicha barra. 

La primera opción la elimina totalmente, mientras que si optamos por ocultarla no será visible salvo que nos situemos con el cursor justo en la parte superior del blog.

¿Qué debemos hacer? Si estamos trabajando con el interfaz antiguo de Blogger debemos seguir la ruta “Diseño” – “Edición de html”, mientras que si tenemos el interfaz actualizado la ruta es “Plantilla” – “Edición de html”. Lo que vamos a hacer es introducir un breve código html en el código de la plantilla, por lo que es muy importante seguir los pasos a continuación indicados ya que si modificamos incorrectamente el código html de la plantilla podría afectarnos al diseño de la misma.

En ambos casos, tanto si deseamos quitar la barra como si queremos ocultarla, debemos buscar el código:

Body {

Ahora, justo antes del código citado, debemos copiar el siguiente código según el caso deseado.

CÓDIGO A COPIAR PARA ELIMINAR LA BARRA

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

CÓDIGO A COPIAR PARA OCULTAR LA BARRA

#navbar-iframe {
opacity:0.0;
filter:alpha(Opacity=0)
}
#navbar-iframe:hover {
opacity:1.0;
filter:alpha(Opacity=100,FinishedOpacity=100)
} 
Finalmente guardamos la plantilla

Comentarios

  1. Muy útil, Diego... Yo normalment la oculto, ya que me he acostumbrado a entrar a la edición del blog desde ella!

    ResponderEliminar
  2. Pau, totalmente de acuerdo contigo en que ocultar la barra es la opción más útil y práctica, aunque si se trata de un blog en el que no se publica muy periódicamente tal vez sea mejor eliminarla. Yo también me quedo con la opción de ocultar.
    Saludos :-)

    ResponderEliminar
  3. gracias amigo me quedo con ocultar la barra.

    ResponderEliminar
  4. una apregunta, el codigo va justo al lado del otro? o lo separo con un espacio?¿

    ResponderEliminar
  5. Hola Emmanuel.
    El código va justo antes de "Body {". Ponlo en la línea anterior, y sí, hay que dejar al menos un espacio (o salto de línea) con el texto anterior a "Body {", y también entre el fin del texto y "Body {"
    Espero que te haya servido de ayuda.
    Saludos

    ResponderEliminar
  6. muy bueno, muchas gracias por el aporte. yo la oculte.. slds!

    ResponderEliminar
  7. yo quiero sacar el compartir de la barra porque cuando entra alguien ahi, me aparece una foto q nada tiene q ver conmigo, al lado del texto de mi blog, y no se como cambiarla(la foto) D: que me recomiendan??!!muchas gracias desde ya :')

    ResponderEliminar
  8. Gracias por el aporte, no veía la hora de librarme de la barra

    ResponderEliminar
  9. =) Les Traigo un aporte, no me parece muy esencial, pero es un aporte, que deberiamos tomar en cuenta, tal es el hecho que en ciertas plantillas no se encuentra ahi por diferences razones bueno.
    Bueno en el codigo "Body {" cuando abajo ponemos el codigo

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

    aveses no se puede, intente con varias plantillas y no podia, hasta que lo lo puse abajo de

    "<![CDATA[
    #navbar-iframe {
    height:0px;
    visibility:hidden;
    display:none
    }"
    (Todo sin comillas =D)

    ResponderEliminar
  10. =/ no salio completamente, lo termino aqui
    "aveses no se puede, intente con varias plantillas y no podia, hasta que lo lo puse abajo de

    "" y abajo pegan los codigos quedando mas o menos asi

    "< b:skin><![CDATA[
    #navbar-iframe {
    height:0px;
    visibility:hidden;
    display:none
    }"

    ResponderEliminar
  11. Yo saqué directamente la barra, queda muy bien. Gracias por el aporte!!!

    ResponderEliminar
  12. Hola, lo estoy intentando pero no me deja... utilizo la plantilla travel... debería funcionar verdad? no sé qué estoy haciendo mal :(

    ResponderEliminar
  13. ya lo he conseguido gracias!! Cambié de plantilla y ya esta!

    ResponderEliminar
  14. Ahora ofrece la opción de desactivar la barra por completo. Vas a Diseño -> Barra de navegación -> Desactivar

    ResponderEliminar
  15. cuando pongo body me aparecen muchos, 5 Bodys? cual de ellos es?

    ResponderEliminar
  16. I recently visit your site and found a excellent information regarding the CT Body Scan .thanks a lot for posting this type of valuable information.

    ResponderEliminar

Publicar un comentario

Entradas populares de este blog

Fluky.io: Tu "ruleta de la fortuna" personalizada

¡Hoooola a todos!
Hacía mucho que no escribía una entrada en la nube TIC, y ya tenía ganas. Hemos hablado de tantas herramientas, que ya casi no quedan sin repetir…
En esta ocasión voy a presentaros una web suuuuuúper sencilla y en mi opinión muy práctica: Fluky.io.


Son muchas las ocasiones en las que queremos hacer una elección aleatoria en clase (otras muchas nos interesa que la elección parezca aleatoria, pero no lo sea, jeje). Varios de los programas o apps que utilizamos en el aula tienen alguna opción que nos permite hacerlo: el software de la pizarra digital (Notebook, Active Inspire…), webs como ClassDojo, o la app que utilizamos como "cuaderno del profesor” (Additio, iDoceo, CuadernoProfesor…) por ejemplo. Pero esta que os presento hoy hace sencilla, exclusiva y perfectamente eso: elecciones aleatorias. Sin registros ni cosas raras.
Cuando entras en fluky.io, solo tienes que pulsar el botón “START” y aparecerá una barra a la izquierda en la que puedes añadir los nombres…

Permisos en un Google Site para trabajar colaborativamente

En el tiempo que llevo formando docentes me he dado cuenta de que uno de los temas que peor se acaba comprendiendo es la gestión de los permisos en un site de Google,  sobre todo cuando se quieren personalizar página a página para llevar a cabo trabajos colaborativos.
Para conocer los aspectos generales de la gestión de permisos en un site, Google pone a nuestra disposición una guía llamada "Control de acceso a tu sitio". En esta guía podemos leer cómo hacer un sitio privado, público, público a medias, invitación al site de grupos, permisos de nivel de página, etc. Pero creo que no quedan suficientemente claros algunos aspectos.
Debemos saber que un sitio de Google puede tener permisos globales, de tal forma que todas sus páginas o subpáginas podrán ser vistas o editadas de la misma forma en que compartamos el sitio. O podemos definir permisos distintos en las diferentes partes del sitio. Imaginemos una página web de un centro educativo con zonas privadas para profesores, f…

CREA TU AVATAR CON VOKI

Un voki es un widget gratuito que permite crear un “avatar”, un personaje animado y personalizado. Esta aplicación permite añadir voz desde con un archivo de audio desde tu ordenador, grabarla directamente con un micrófono o mediante un teléfono. El usuario se debe registrar en http://www.voki.com/
¿Cómo crear tu avatar?

1.Personaliza el personaje (Create + Customize your Charater) 2.Dentro de ‘Customize your Charater’, podrás personalizarlo, seleccionando en los iconos de la galería según color y tamaño (Head, Hair, Mouth) 3.Viste al avatar (Clothing) y ponle accesorios (Bling) 4.El fondo (Background) te permitirá ambientar a tu avatar con fondos muy variados. 5.El marco (Players) muestra también una gama de colores a elegir. 6.El tamaño y la ubicación del avatar se cambia en el icono lupa + y -. 7.Para incorporar la voz a tu creación, selecciona ‘Give it a voice’ y encontrarás las opciones de cargar el audio mediante llamada, grabación mediante micrófono o mediante la carga de un archivo de…