How to Hide Navbar (Navigation Bar)


Many blogger want to hide their navbar because it will make their blog layout look better and professional without a box (navbar) above it.For those who don't know what is a navbar, navbar is located just above of blog, and for who still don't know what is navbar , please see screenshot below.

So, do you want to hide your navbar? and give your blog a professional look?

If yes, just follow this simple trick to hide your navbar but remember always backup your template before you edit your HTML code.

Ok lets go.

Step 1. Login to blogger and click Layout --> Edit HTML

Step 2. Copy the code in red below and insert into your <head> tag.

#navbar-iframe {
display: none !important;

for example like this below.


Rounder Template Style
Name: xxx
Designer: xxx
URL: http://djyano.blogspot.com
Date: April 2008

#navbar-iframe {
display: none !important;

Variable definitions


Step 3. Preview your blog, and if you like it please save. You will have no navbar in your blog page.Digg my article


Note:Please preview your blog before saving them, and please always backup your template.

Related articles :

  • Top 10 Blogger Hacks and Tips
  • Creating Expandable Post
  • Add Digg button
  • Change Blogger Favicon
  • Add Language Translation
  • How to Create a “What’s Next?” After Every Post In Blogger
  • 10 Questions Every Blogger
  • Convince People To Comment
  • Put Clock In Your Blog
  • Change Post Date To Calender...
  • Add Social Bookmark Icons


    0 comments to "How to Hide Navbar (Navigation Bar)"

    Post a Comment