How to Remove/Disable/Hide the Navbar in Blogger Blogs

Most of you know what the Navbar in Blogger is, that's why you're here : )

For those who don't, its the small toolbar that sits at the very top of a Blogger page which allows navigation of the blog and also search and login.

The Navbar is useful, but doesn't look great, that's why so many bloggers choose to remove/hide the blogger Navbar from their site. Disabling this feature is easier than you may think, and can give your blog a much more professional and unique look.

The below steps will take you through the simple process of disabling/hiding the navabar on your blogger blog...

(I am using the new blogger dashboard, but it is very similar on the old)

1. Sign in to your blogger account and select your blog. Go to Template then go to Edit HTML and select Proceed.

2. At the top section of code you will see your template info and under that you should see Variable definitions.

Copy this code:
#navbar-iframe { display: none !important; }
and paste it BELOW the template info ABOVE Variable definitions as shown in the picture below..

3. Preview your changes to make sure your blog is running correctly before you save.

4. Save your template, done.

I hope this simple tweak helps you to remove your Navbar. Any feedback will be gratefully received : )