How to Remove Navbar in Blogger Quick and Easy

By default, all blogger themes has a Navbar visible at the top portion of the theme. Some of you might want to leave it that way, but there are some want it hidden or remove. So if you want to hide or remove the blogger Navbar, then follow this very quick and easy instructions.

Blogger Navbar

How to remove the Navbar in Blogger:

1. You'll have to login to your blogger account and select the blog site that you'll want to remove the Navbar.
2. Next select Template and Click Edit HTML. Please see the images below as guide.

Click Template

Click Edit HTML

3. Now on the HTML editor, find or search this </b:template-skin> (if you're using firefox, simply press CTRL  F then type </b:template-skin> ), you'll be able to locate it easily. 

4. The last step is to paste the following code #navbar { display: none; } right above  </b:template-skin>. See screenshot below.

Insert code above </b:template-skin>

You can also try a different code:

#navbar {
height:0px;
visibility:hidden;
display:none
}


That's how you remove navbar in blogger. Now click preview and Save changes. I hope you'll find this helpful, please subscribe and share this to your blogger friends. Happy blogging!

Posted in: Blogger Tips and Tricks