How to hide Blogspot blogger navigation bar

How to disable or how to hide Blogspot navigation bar is not that hard.All you need to copy a simple code and paste it in to Blogspot template code.Thats it!

Home > Web development > Blogspot >Here

Next > Adding digg button in Blogspot

And there will be no harm /or side effect by removing blogspot navigation bar.Traffic to your blog will not be affected.

Blogspot Navigation bar

There is a default navigation bar with every blogspot blog.Some people like it and keeps it ,some people just annoy with it and tries to remove this.Its not that hard to remove the blogspot navigation bar.

Blogspot navigation bar left portion.

View large Image

Blogspot navigation bar ,right portion.

You can rethink to keep the navigation bar

Why this navigation bar is needed?

Well it comes with the free blogspot blog.There are some needed feature in this navigation bar.As you can see from the screen shot I taken of my navigation bar.

There are Follow , Share ,Report abuse ,Next blog in left side of navigation bar.This all for to help the visitor.

You can choose color for navigation bar

A visitor when decided to follow you , will click on the follow button ,a menu will appear,Share is for to share your page in social bookmarking sites.

Report abuse is for to report to Blogspot authority if there are any abasement content in your site like adult content.

And Next blog , when a reader click on the next blog he will go to the blog next of your type.That is if your blog is about technology , then by clicking Next blog blogger will be redirect visitor to a next technological blog.

On the right side of this navigation bar there is your mail ,Dash board,Sign Out -this all is for your help.When you view a blogspot site,already signed in to blogspot.

But other visitors will see Create blog , Sign In.

Step by step hiding the Blogspot navigation bar

Code work in Blogspot template

Blogspot Edit html

From your blogspot dashboard , click on Design , then click on Edit html button.
Blogspot Dashboard > Design > Edit html.

Precaution-backup your template

Anything could be happening by your mistake.So to do any change in blogspot template , at first you need to back up existing template.

In Edit html - click on download template .Thats all,your existing template is downloaded to hard disk.Save it.

The code to hide Blogspot navigation bar

Code to hide blogspot navigation bar.

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

Applying The code to hide Blogspot navigation bar

Copy the above code and paste it after the variable declaration and before the other codes as shown in the image.

Apply code like this,hiding blogspot navigation bar

After Applying the code blogspot navigation bar is in hide.