Botón para mostrar u ocultar la navbar de blogger a opción del lector

La navbar es una barra de navegación que blogger inserta por defecto en todas las plantillas que ofrece.

Nosotros hemos aprendido a ocultarla o eliminarla, así como a aplicarle un efecto bastante cómodo que transforma la navbar en un elemento transparente (visible al pasar el cursor por encima).

En esta entrada te enseñaré a introducir en tu blog un botón que, al pulsarse, oculta la navbar o la muestra. Esto puede ser una ventaja para aquel lector que desee utilizarla.

Se trata de un truco muy sencillo que podrás realizar en poco tiempo.

Diseño>edición HTML>expandimos artilugios

Busca la etiqueta </head> y añade este bloque encima:

<script type='text/javascript'>
var blbtnmoshead=false;
function blcnmosoc()
{
blbtnmoshead=!blbtnmoshead;
var nav=document.getElementById(&quot;navbar-iframe&quot;);
if (blbtnmoshead)
{
nav.style.visibility=&quot;visible&quot;;
nav.style.display=&quot;block&quot;;
}
else
{
nav.style.visibility=&quot;hidden&quot;;
nav.style.display=&quot;none&quot;;
}
}
</script>
<style type='text/css'>
#navbar-iframe {
display: none;
visibility: hidden;
}
</style>

A continuación guarda la plantilla:

Diseño>añadir gadget (elemento de página)>html-javascript

Pega lo siguiente:

<div style="cursor:pointer;" onclick="blcnmosoc();">
TEXTO O IMAGEN
<a a style="visibility:hidden;">
</a></div>

Reemplaza TEXTO O IMAGEN por una frase o palabra que actúe como título para el enlace.

También puedes hacer uso de una imagen o botón, por lo que puedes sustituir TEXTO O IMAGEN con este código:

<center><img src="URL DE TU IMAGEN"/></center>

Inserta la dirección del botón o el icono donde dice URL DE TU IMAGEN y guarda el gadget para terminar.