Ocultar/mostrar barra de navegación de blogger.

  Si deseamos que la barra de navegación de blogger se oculte y sólo aparezca cuando posicionamos el cursor encima del lugar donde debería estar,  como en el blog que nos ocupa.

Lo primero que comprobaremos es si tenemos el  fichero prototype.js o scriptaculous.js, entramos en diseño, edición html y pulsando CTRL+F. Realizamos la búsqueda, en el caso de no tenerlos, nos colocaremos justo delante del </head> pondremos el siguiente código:

<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(&#39;navbar-iframe&#39;, {duration:0.5, from:0.0, to:1.0});
}
function navbarHide() {
new Effect.Opacity(&#39;navbar-iframe&#39;, {duration:0.5, from:1.0, to:0.0});
}
function navbarHack() {
Event.observe(&#39;navbar-iframe&#39;, &#39;mouseover&#39;, navbarShow, false); Event.observe(&#39;navbar-iframe&#39;, &#39;mouseout&#39;, navbarHide, false); navbarHide();
}
Event.observe(window, &#39;load&#39;, navbarHack, false);
</script>

En el caso que los archivos nombrados al principio del post, estuviesen ya, habrá que omitir la parte del código marcado en azul.

Podemos cambiar también el color de la barra de navegación para que se ajuste más a nuestro diseño.