remove nav bar

To remove the blogger navigation bar in Blogger Beta place the following text in your template:

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

You can do this by going to your layout tab and selecting 'Add a Page Element'.


Select 'Add HTML' and paste in the above code. It doesn't matter where you place the page element, it won't be seen by your readership.
This code resizes the iframe that the navbar is in to 0px, effectively removing it.



The following tutorial is for blogs not using Beta:

To remove the blogger navigation bar, paste the following text between the style css tags as shown below:

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