Ocultar o quitar barra de navegacion en blogger (navbar)

Quitar la barra de navegación utilizando el método 1:

Paso 1: En el panel de control de blogger nos dirigimos a “DISEÑO” de tu blog, luego a "EDICIÓN HTML" y pegas el “código 1” ANTES del carácter </head>. (Para buscar código presiona control + f)
Nota: En algunos blog la ficha diseño no aparece en lugar de esta ultima aparece “plantilla” (haz clic ahí y luego en "EDICIÓN HTML" y continuas los Pasos y mencionados)

CÓDIGO 1:

<style type="text/css">
#navbar-iframe {
height:0px;
visibility:hidden;
display:none;
}
</style>

Paso 2: Guarda los cambios de tu plantilla, y listo! Ya se ha desaparecido la barra de navegación de tu blog.

Quitar la barra de navegación utilizando el método 2:

Este método es un poco más complejo que el anterior, y se diferencia del método 1 porque este tiene la opción de ocultarse y mostrarse, lee detenidamente las instrucciones.

Paso 1: En el panel de control de blogger nos dirigimos a “DISEÑO” de tu blog, luego a "EDICIÓN HTML" y pegas el “código 2” DESPUÉS del carácter </head>

CÓDIGO 2

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

Paso 2: Guarda los cambios de tu plantilla.

Paso 3: recordemos que este método tiene la opción de mostrar y ocultar la barra de navegación, este paso es crucial para ello, debes dirigirte a al menú diseño en tu blog y en elementos de pagina debes crear un gadget HTML/JAVASCRIP y colocar el siguiente código:

<span style="cursor:pointer;" onclick="ShowHideNav();">
Mostrar/ocultar barra navegación
<a style="visibility:hidden;" href="http://josemanuel8924.blogspot.com"></a>
</span>

Paso 4: Guardas los cambios y haz clic en VER BLOG y fíjate que en el HTML/JAVASCRIP que creaste va aparecer “ocultar o mostrar barra de navegación”, cada vez que cliques ahí la barra se va ocultar o a mostrar (valga la redundancia).

Quitar la barra de navegación utilizando el método 3:

Este método es muy simple solo tienes que borrar de tu plantilla el siguiente código:

#navbar-iframe { height: 0px; visibility: hidden; display: none; }