Ocultar o eliminar barra de blogger (navbar)

Hoy también les publico un comentario que explica como ocultar o eliminar totalmente la bara que blogger.

Básicamente hay dos alternativas, la primera es mucho más recomendable, ya que no sé hasta que punto es justo y legal eliminar una barra que blogger pone para un servicio gratuito. En mi caso por ejemplo no tengo ningún problema en mostrarla siempre y no creo que sea inconveniente alguno.

Sin embargo, a continuación les mostraré cual es la manera para eliminar totalmente la barra de blogger, o para ocultarla cuando el usuario no pase por encima el ratón.

Para eliminar totalmente la barra de blogger hemos de hacer lo siguiente:
1. Iremos a nuestro blogger y seleccionaremos la pestaña diseño.
2. Dentro de la pestaña Diseño seleccionaremos la opción “Edición de HTML”.
3. Posteriormente buscamos la etiqueta <head>.
4. Copiamos el siguiente código:
<style type='text/css'>
#navbar-iframe{
height: 0px;
visibility: hidden;
display: none;
}
</style>

Para ocultar simplemente la barra de blogger, y que al pasar el ratón por la zona donde está se active y aparezca el procedimiento es el siguiente (muy similar al anterior).
1. Seguimos los dos primeros puntos del proceso anterior.
2. Buscamos el fragmento de código body{.
3. Insertamos el siguiente fragmento de código justamente encima:
#navbar-iframe {
opacity:0.0;
filter:alpha(Opacity=0)
}
#navbar-iframe:hover {
opacity:1.0;
filter:alpha(Opacity=100,FinishedOpacity=100)
}

56 pensamientos en “Ocultar o eliminar barra de blogger (navbar)

  1. Priscila

    Hola, muchas gracias por la info, pero te tengo una preguntilla extra, yo ya tengo la barra pero me gustaria cambiarla de color ya que es azul y no combina con el color de mi blog que es verde y se ve muy fea azul; me podrias ayudar a cambiar el color, espero que puedas ayudarme, saludos
    Mi blog: i-perro.blogspot.com

  2. jose cruz

    hola Óscar, yo tengo otra pregunta. ¿Habrá alguna manera de colocar la barra de blogger al final del blog? O quizá colocarlo en el sidebar, pero al final… Muchas gracias.

  3. pato

    ola muchas gracias por pasart a ayudarme pero al intentar borrar la linea directamente desde el codigo al momento de guardar la plantilla me tira un error y no me deja,y al hacerlo de la segunda forma es decir cambiandole la propiedad de true a false y guardar la plantilla todo bien,pero al entrar a diseño y quitarlo manualmente me salu un error t adjunto una imagen

    http://img443.imageshack.us/img443/2274/sdsdsdsdsd.png

    no se a q se debera quizas algo de blogger para proteger los derechos de autor o algo asi si,si sabes como solucionarlo t agradeceria mucho

Los comentarios están cerrados.