Simple Blogger Tips: How To Remove Blogger Navigation Bar

Saturday, July 25, 2009

How To Remove Blogger Navigation Bar

How to hide blogger navigation bar on blog?
How to remove top bar on Blogger blog?
How to hide blogspot navigation bar on Blogspot blog?

blogger remove navigation bar

Here's how:

Dashboard > Layout > Edit HTML
Add this code:

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

just below this line:

<b:skin><![CDATA[/*

then save it, view your blog and it's gone!

***UPDATE 3/4/2010: This method can't be used on template designed by Blogger Draft Template Designer. To remove the default navigation bar in Draft, the method can be found here.

7 comments:

TOLANIC said...: display: none is something like hiding =); August 28, 2009 at 10:56 PM
Anonymous said...: Thank for the tips n appreciate that.; August 29, 2009 at 3:06 AM
Sean C. said...: thanks....it simple and really work; November 5, 2009 at 4:36 PM
Anonymous said...: i want to know how to remove the navbar in blogger in draft. even you have used te template of blogger in draft. how to remove the navbar of your blog template. if you find the solution please mail me; April 3, 2010 at 12:06 AM
Simple Blogger Tips said...: @Anonymous:
Thank you for noticing. I've updated the new method for Blogger Draft templates already.; April 3, 2010 at 10:35 AM
Unknown said...: More in
http://www.asgarli.net/2010/04/how-to-remove-navbar-in-blogger.html; April 19, 2010 at 6:55 PM
இரா.கதிர்வேல் said...: thanks; June 6, 2010 at 4:07 PM