[Solucion] Ocultar barra de Navegacion – Blogger
Jueves, 19 de enero de 2012
1 comentario
En blogger siempre hay una barra en el header de la web y que aveces es incomoda a algunos, por eso en esta entrada vamos a Ocultarla y tambien Ocultarla y mostrarla al pasar el raton por encima.
Sigue estos pasos:
1.- Entramos en nuestro panel de blogger:
2.- Seleccionamos el blog y luego vamos a Plantilla –> Edicion de HTML .
3.- Nos aparecera el siguiente mensaje y damos click a Continuar.
4.- Ahora nos aparecera codigo HTML, solo tenemos que dar a Buscar (Ctrl + F) y escribir
5.- Ahora debemos elegir el codigo que queremos usar y ponerlo Antes del < /head> (como en la imagen) :
Codigo para Ocultarla Completamente:
<style type='text/css'>
#navbar-iframe {
display: none !important;
}
</style>
Codigo para mostrarla solo al pasar el raton por encima:
<style type='text/css'>
#navbar-iframe {
opacity:0.0;
filter:alpha(Opacity=0)
}
#navbar-iframe:hover {
opacity:1.0;
filter:alpha(Opacity=100,FinishedOpacity=100)
}
</style>
