Blogspot: How To Remove The Navbar In Blogger Blog

Removing the Blogspot navbar is a good way to customize your Blogspot blog and make it unique from others. By default all Blogger Blogspot blogs have a narrow navigation bar across the top of the blog. The links shown on the navbar are “Search", “Share”, “Report Abuse”, “Next Blog”, “Create a Blog”, and “Sign In”. The navbar makes all Blogspot blogs look alike... “cookie cutter” like. In addition, most bloggers don’t want their readers to have easy access to a link that they can click and to be taken away from their blog. They want the visitor to stay on their blog. Even Blogger has tried to camouflage the navbar to make it inconspicuous. They give you a choice of navbar colors to better match the color scheme of your blog. There is even one that’s nearly transparent. I have a question. Instead of trying to make the navbar transparent, why not just remove it? One day I discovered that you can remove the navbar. I tried it and it worked great. If you want to remove the navbar, it’s very quick and easy to do. All it takes is pasting a little bit of HTML code into the Blogspot blog template under the Layout tab and “Edit HTML". If by chance you remove the navbar then decide you don’t like the new look, you can put it back just as easily as you removed it. All you have to do is take out the HTML code you pasted into the Blogspot blog template in the first place.

Before you begin, it’s always a good idea to get a backup a copy of your existing template. It’s important to do this just in case something happens while you’re working with the HTML code. One little dot or comma out of place can mess up your blog. To make a backup go to your Blogspot blog’s Layout Tab, then click “Edit HTML”. Click the link that says, “Download Full Template” and save it to your computer desktop.

Step 1. Find the beginning of the body tag as shown in the screenshot.

Step 2. Copy and paste the following HTML code directly BEFORE the body tag.

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

Step 3. After you’ve pasted the code in the appropriate place click “Preview" to see your Blogspot blog’s home page.

The navbar should be gone from your Blogspot blog. Click the “Save" button. You have now removed the navbar and you no longer have the “cookie cutter" look of other Blogspot blogs.

See screenshots of before and after navbar on a Blogspot blog.

Removing the navbar is only one of the things you can do to customize your Blogspot blog. You can also add a customized favicon as you may have noticed in my screenshots. To learn how to change your Blogspot favicon read my article (Hub), “Blogspot: How To Add A Customized Favicon To Blogger Blog “. To make your Blogspot blog look more like a webpage than a blog, you can add stand alone pages as regular webpages have. You can learn how to do that by reading my article (Hub), “Blogspot: How to make Blogger Look Like A Website By Adding Pages”.

Blogspot: How To Add A Customized Favicon To Blogger Blog
Blogspot: Give Blogger Blog Appearance Of A Website By Adding Pages
How To Embed Amazon aStore Into Blogger Blog
Free Blogger Templates With Bloggers New Template Designer

HubPages is a great place to use your writing skills on topics you love. Come share your expertise & make money at the same time. Find complete details here on how to get started publishing on HubPages.