hide nav-bar

by FatriX

/* hide nav-bar */
#b-navbar { height:0px; visibility:hidden }
body { position: relative; top: -32px; }

Another way by Derya's

In Blogger terms, paste the following code between your head and /head tags:

<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>

Then add the following HTML somewhere. I added mine in a new HTML/JavaScript page element. You can try it at the top of the right hand gray bar: just click on text Show/hide Navigation.

<span style="cursor:pointer;" onclick="ShowHideNav();">
Show/Hide Navigation
</span>