How to hide the nav bar in Blogger

While Blogger is great, Thanks Guys, one of the things that used to bug the living hell out of me was that pesky Nav Bar that is at the top of ever page. However as you can see its now gone from this page thanks to the joys of CSS 8 )

To remove the nav bar from your Blooger based Blog then follow the below instructions to remove the nav bar.

Removing from Blogger Beta
- Log in to blogger

• - On your Dashboard, select Layout. This will take you to the Template tab.
• - Click Edit HTML. Under the Edit Template section you will see you blog's HTML.
• - paste the CSS definition in the top of the template code:

                
#navbar #Navbar1 iframe {
display:none;
visibility:none;
}

• The Nav bar has now been removed. To display the nav bar again removed this code.

Removing from classic Blogger:

- Log in to blogger

- On your Dashboard, select Layout. This will take you to the Template tab.

- Click Edit HTML. Under the Edit Template section you will see you blog's HTML.

- Search for #b-navbar and replace it with #navbar-iframe

And Badabing the nav bar is gone!

It has to be said fair play to Blogger how giving the ability to remove this in the first place!