Removing or Hiding Blogger Navbar In Your Blog

Customizing  one's template is part of  our blogging activity in order that the free default template  provided by us by Blogger will look attractive or beautiful  before the eyes of our readers and  advertisers. There are many things in the default template  that  we should take a look and one of that is the blogger navigation bar. Although this part is quite helpful for it allows us to sign- in to our blogger account, publish or update some posts or made  costumizations on it but this navigation bar doesn't add professional looks to our blog. In this tutorial, I will show you the process on how to remove or hide Blogger navigation bar in your blog.

How to Remove or Hide Blogger Navigation Bar In your Blog

Step 1. Go to Blogger Dashboard
Step 2. Click Template
Step 3. Hit Edit HTML button
Step 4. Look for the  code ]]></b:skin and just above it, paste the code below,

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

Step 5. Finally, click the Save button.
 If you want to appear the blogger navigation bar in the future, just remove the above CSS and it will back to its position.

Another Way of Hiding or Removing Blogger Navigation Bar In Your Blog

Step 1. Go to Blogger Dashboard
Step 2. Click Lay-out
Step 3. Locate Navbar (navigation bar) button
Step 4. Switch it in OFF mode

Step 5. Save it.
I hope that you found this article helpful. You can leave your thoughts at the comment box below.
Happy Blogging Day!!!