16 September 2009

Remove/Hide Navbar from your Blogger blog.


Blogger by default provides a navbar at top which looks like below -

There are lots of features avaiable with this navbar like -

  • A search blog box
  • Flag the content in the blog option.
  • Next Blog option.
  • If you are signed into your blogger account,then Dashboard and Signout option.
Though it's quite useful for the blog users,some blogger want to remove the navbar
mostly for the reason of improving the look of the blog.

To remove / hide navbar-

1. Login to blogger >> layout >> edit HTML. Look for following code

/* Variable definitions

2. Now place following code ABOVE /* Variable definitions

#navbar-iframe {
display: none !important;

3. Save template.

Another Method

How to remove the default top navbar from Blogger Blog ?

Related Posts


November 4, 2009 at 3:08 AM

Keep up the good work!

June 14, 2010 at 7:07 AM

thanks i do same in my blog http://iwwh.blogspot.com

December 2, 2011 at 12:34 PM


December 12, 2011 at 12:55 AM

I have never try to do this process, I wanna to remove NAV BAR what am afraid & i ask myself in case i remove then the question is where to sign at that time i want to post my posts? pliz help me and clarify about it. I want a clear picture how is it going to work. Coz i go thru your steps but u didnt explain which way can someone sign in his/her blog like before.
send to thru my email if possible.

December 12, 2011 at 4:33 AM

Hi Ally

It;s too easy

Just go to
and sign in there.

It will take you to Blogger Dashboard

February 7, 2012 at 2:53 PM

worked perfectly! thank you!!

Post a Comment


Twitter Delicious Facebook Digg Stumbleupon Favorites More