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


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