24 febrero 2012

Eliminar-ocultar la barra de navegación (navbar) de Blogger


Hay algunos a quienes no les desagrada la barra de navegación (navbar) de Blogger, entre los que me incluyo, pero también hay otros a los que no les simpatiza esta barra y desearían poder eliminarla o, por lo menos, solo acudir a ella cuando sea estrictamente necesario, sin tener que soportar su presencia que en muchos casos solo desentona con el diseño del blog. Pero la buena noticia (aunque no es nueva, la noticia es buena), es que podemos eliminarla para aquellos que no la quieren tener, o también podemos “desaparecerla”para aquellos que están acostumbrados a ella pero que tan solo quisieran que aparezca cuando pasamos el cursor por allí.

Este truco es bastante sencillo. Para hacerlo entra a Diseño, edición Html, y sin expandir artilugios busca en las Plantillas Personalizadas el siguiente código:

#navbar-iframe
{
height:0;
visibility:hidden;
display:none;
}
 
Una vez que lo hayas localizado, elimínalo. Y con eso se borrará la barra en esas plantillas. Para eliminarla de la plantilla del Diseñador de Plantillas de Blogger, busca el siguiente código:

body {

Y justo encima pega el mismo código que eliminaste en las otras plantillas

Ahora para que la barra aparezca solo cuando pasamos el cursor por allí, busca en las Plantillas Personalizadas (recuerda sin expandir artilugios) el siguiente código:
 
]]></b:skin>

Justo encima pega esto:

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

Y para las plantillas del Diseñador de Plantillas de Blogger busca esto:
 
body {

Encima de ahí pega el código. Das en vista previa, y si todo está ok pones guardar


2 comentarios:

  1. Si eliminas la barra como se hace para salir del blog cuando lo editas?

    ResponderEliminar
    Respuestas
    1. R. Vaquero. una forma sencilla es copiar la id de tu blog y ponerlo en la barra de navegacion para que te dirija hasta diseño. Seria algo mas o menos asi: http://www.blogger.com/blogger.g?blogID=xxxxxxxx#pageelements, donde xxxx es la id de tu blog y pageelements es la seccion de Diseño. En cualquier parte del blog que te encuentres te redireccionara hasta alli. Desde alli es mas sencilla la cosa :) Tambien hay otra alternativa en ciudad blogger http://ciudadblogger.com/2012/03/agregar-un-panel-de-acceso-rapido-en-el.html por si deseas poner esos enlaces en el sidebar.

      Eliminar

Copia lo que quieras. Si crees que valió la pena, menciona este blog.

BLOGER & BLOGER ® 2020 | Plantilla Adaptada y Rediseñada Por Bloger & Bloger