Google’s Blogger automatically inserts a promotional navigation toolbar called Blogger Navbar on the top of every blogspot blog. This Blogger Navbar is 50 px high and is distinctly visible as it covers the entire width of your browser. This Navbar acts as a stumbler allowing people to stumble across blogs. It also features a search bar which returns results relevant to your blog in blogspot. However, it does not blend well with Blogger themes with only Blue, Tan, Black and Silver as available options besides taking away valuable visitors from your Blogspot Blog.

Therefore, No many visitors nor bloggers themselves may find it useful though. Most of want to hide the navigation bar in blogger , but we don't know how to do that. Never wonder here is a simple trick to hide the navigation bar in blogger.

Remove and Hide NavBar in Blogger Widget Template:

1. Sign in to Blogger.

2. On the Blogger Dashboard, click on the Layout link of the blog that you want to disable its NavBar. You can also click Customize on NavBar while visiting your blog.

3. Under the Layout tab, click on Edit HTML tab to view the template’s HTML code.

4. Search for the following line of code:

]]>

Before the line, add in the following line of code:

#navbar { display: none; }

or:

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

5. Click on SAVE TEMPLATE to make the change effective.