Sizzled Core logo
Home   -  YouTube   -  Tips & Tricks   -  Contact
Translate:  cn de es fr it jp kr pt ru us

How To Remove Navbar In Blogger Blogs

You see a navigation bar on the top of every blog hosted at Blogger. With this navigation bar, you can search blogs, visit the next blog, sign in or create a new account. You can even flag a blog for posting some objectionable content.

One thing I like about WordPress.com blogs is that they don’t display any navigation bars at the top or at the bottom, but here at Blogger.com they don’t provide any option to remove it. I was hoping to see an option to remove this in the latest Blogger Draft features.

But who needs them when you can manually tweak it not to display the navigation bar.

How To Remove Navbar In Blogger Blogs

1. Open your Blogger dashboard.

2. Go to your blog’s Layout settings > Edit HTML

3. Look for:

/* Variable definitions
====================

4. And above that add:

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

5. Save your settings and open your blog now. The navigation bar will be gone.

Here’s a sample blog that you can see without the navigation bar: http://freehostingoffers.blogspot.com/


If you liked this post: Subscribe by Twitter Follow me on Twitter   or   Subscribe by RSS Subscribe via RSS

2 Comments

  1. MyAvatars 0.2

    thnx alot for the tip… my friend was getting annoyed by that navbar above his blog post, this will surely help. thnx.

  2. MyAvatars 0.2

    You need to be very careful what you recommend. Have you checked whether you are violating Google/Bloggers Terms when you do so?

Leave a Reply

Comment moderation is enabled. Your comment may take some time to appear.