Hiding Blogger Nav Bar In Your Blog

If you are using blogger.com platform in your blog, you will notice that there is a horizontal bar on the upper portion of your blog indicating the action you may want to perform such as viewing the next blog, creating a blog or signing in. This horizontal bar is what you call nav bar, by default it is always showed up above your blog that is when you are using blogger.com platform. But do you know that you can always hide this nav bar.

How to hide blogger nav bar in your blog

Step 1. Log in to your blogger account.
Step 2. Once you log in to your account, select the layout tab.



Step 3. On the layout window, select edit HTML.

Step 4. On the edit HTML window, search for the tag </b:skin>.
Step 5. Once you located the tag , paste the following code:

             #navbar-iframe { height:0px; visibility:hidden; display:none} 
             just before the tag </b:skin> .

Hiding blogger nav bar will not have much of the benefit except that your blog will look more professional than having it.

3 comments:

  1. This will be useful for many blogger users! I personal hate blogger! This could make a huge difference for user experience!

    ReplyDelete
  2. I also hate blogger sometimes because of the error code that sometimes it took them almost half the month to fix. Causing my blog to lose a lot of opportunities in terms of traffic.

    ReplyDelete