Saturday, October 23, 2010

How to remove the navbar from your blog

Instructions for how to remove the navigation bar from your blogspot blog

laser cut nerd necklaceLaser-Cut Nerd Necklace by Morphologica

I have removed the navigation bar that is normally present on blogger blogs because I think it looks more professional, and thought others might like to know how to do that as well. If you don't know what I'm talking about, it's the bar right at the top of your blog allowing people to search your blog, log in etc.

Before doing this you might want to backup your template- always a good idea if you're going to be changing the code.

You need to go the the 'edit html' tab, which should be under the 'design' option.

Look for the bit that says
/* Variable definitions

Now immediately above that, paste in
#navbar-iframe {
display: none !important;

Before saving these changes, it's important to preview your blog first to make sure you have inserted the code correctly and that everything is working ok (and if you want to get the navbar back again, you can just delete the code you inserted).

Hope that's useful!


  1. Thank you! I was wondering if there was a way to do this!

  2. and then I just eliminated my whole original layout somehow and can't get it back :(

  3. Oh dear...that shouldn't have happened- did you back the template up? Maybe check to see if you accidentally deleted something or made a mistake entering the code?

  4. Thank you! I've been wanting to do this for ages!


Thanks for your comment :)

Related Posts with Thumbnails