How to Hide or remove the the Blogger Navbar or navigation bar

I am addressing this issue today because I have had so many people ask my by email how they can hide or remove the navigation bar of their blogger site.

For your own benefit, the blogger navbar or navigation bar sits at the top of your Blogger. It provides several controls for using your blog as well as navigating around blogger.

Just look at this blog and see that the navigation bar is missing. The reason is that visitors could navigate away from your site by clicking on next if you leave it, thus causing you to loose visitors. Aside that it does not give your site a professional look.

You can remove this with a little html code. Lets go.


Instructions:
1. Log in to your Blogger account.

2. While on the dashboard, Click the "Design" link

3. Click Template Designer

4. Scroll down and click on Advance

5. Scroll down and click Ad CSS

6. In the box labeled "Add custom CSS," type this, copy the html code below exactly as it is written and paste there:

#navbar-iframe {display: none !important;}

7. Locate the Click "Apply to blog" link at the upper right, and click it, then click "View blog."

The navigation bar will no more be found.

Let me have your comment and other things you would want me to post here as solutions.

Culled from www.imonlineclass.com