Eliminar la barra de navegación de bloger, ocultarla o hasta hacerla invisible

Eliminar la barra de navegación Más que eliminarla os voy a dar dos opciones, quitarla por completo o hacerla invisible y que sólo se muestre cuando situemos el ratón en la parte superior del blog. Lo primero de todo y que siempre remarco es que guardemos una copia de nuestra plantilla por si acaso hacemos algo mal poder dejarlo como antes. Ahora vamos al tema.
Para eliminarla totalmente lo que tendremos que hacer es ir a “Diseño” – “Edición de HTML” y buscar donde ponga

]]></b: skin>

Una vez encontrada esa línea tenemos que pegar justo encima el siguiente código:

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

Con esto la barra desaparecerá para siempre. Pero si queremos hacer lo que he comentado de que sea visible si dejamos el cursor en el hueco que ha dejado tendremos que pegar el siguiente código justo encima del que acabamos de pegar.

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

Por último, si queremos que sea invisible menos cuando pasemos el cursor del ratón por encima debemos hacer lo siguiente:

1) Vamos a Diseño
2) Edición HTML
3) Buscamos la siguiente parte del código: </head> (tecleamos Ctrl + F para buscar más rápido)
4) Pegamos el siguiente código antes de </head>

<script src='http://www.google.com/jsapi'/><script>
google.load(&quot;prototype&quot;, &quot;1.6.0.2&quot;);
google.load(&quot;scriptaculous&quot;, &quot;1.8.1&quot;);
</script>

<script type="text/javascript">
function navbarShow() {
new Effect.Opacity('navbar-iframe', {duration:0.5, from:0.0, to:1.0});
}
function navbarHide() {
new Effect.Opacity('navbar-iframe', {duration:0.5, from:1.0, to:0.0});
}
function navbarHack() {
Event.observe('navbar-iframe', 'mouseover', navbarShow, false);
Event.observe('navbar-iframe', 'mouseout', navbarHide, false);
navbarHide();
}
Event.observe(window, 'load', navbarHack, false);
</script>