Friday, July 29, 2011

How to Remove or Hide Blogger's Navbar

By default, Blogger powered weblogs that are hosted on blogspot.com always has a Navbar (Navigation Bar) that appears on the top of the blog. The Blogger Navbar contains a search box, links to follow or report abuse on your blog, a link to another random blog, a link to create a new post, and a link to go directly to your design page.

To remove the navbar, simply copy and paste the following code right before your body's CSS style.
#navbar-iframe { display: none !important; }

Example Image
remove_navbar.jpg

Note: To show the navbar, simply delete the code and the navbar will appear again.