sábado, 11 de diciembre de 2010

Eliminar barra de navegación de Blogger

Lo primero que pensamos todos cuando nos hacemos un blog es cómo lo diferenciaremos del resto. Específicamente en Blogger una de las cosas que más pronto queremos cambiar/quitar es la barra de navegación. En mi caso como uno de los diseños disponibles era compatible con el de mi blog y me pareció que quedaba bien decidí dejarla con un efecto "hover", es decir, cuando situamos el puntero del ratón encima del hueco que deja la barra, ésta aparece. De todas formas si lo que quieres es quitarla, es todavía más sencillo. Empezamos:

Desde nuestro "escritorio" de blogger nos dirigimos a "diseño", "edición de html" y marcamos la casilla "expandir plantillas de artilugios". Conviene siempre primero hacer una copia de seguridad por si acaso tocamos algo que no debieramos poder restaurar su estado anterior.

Ahora en el código de la plantilla buscamos:

]]></b: skin>

Y pegamos justo antes éste trozo de código:

#navbar-iframe {
opacity:0.0;
filter:alpha(Opacity=0)
}

Si lo que quieres es el efecto "hover" añade justo antes del código que acabas de pegar éste:

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

Ya está, sencillo ¿verdad?

Vía | Bloguismo

1 comentario:

Lidia dijo...

Esta explicación es justo lo que buscaba, si que es sencillo de hacer y funciona perfectamente, gracias!