Hide that Navigation Bar of Blogspot Blog

I never felt the need of navigation bar which always get appear with all the blogspot blog. Finally I found some cool ways (say hacks) to hide this nav bar from any blogspot blog by just adding few CSS line.

To start with list of different solutions, I will first suggest my own hack. Here is the cool one line solution by me which will work with new Blogger template.

/* Deep C Solution: http://ursdeep.blogspot.com
———————————————– */
#navbar-iframe { height: 0px; }

Just add above line in your blogger template in CSS style section inside head tag. This will simply reduce the size of nav bar to 0(zero) pixel and it won’t be visible anymore.

Now here is the list of other solutions suggested by different bloggers. I also tried these solutions which are working fine to hide nav bar from the blogspot blog.

Here is the first solution as suggested by Amit Agarwal in his blog :
Add this code anywhere in the blog template within style tag:
#navbar-iframe
{
height:0px;
visibility:hidden;
display:none;
}

This blog also suggest one more solution as:
/* By Aditya http://the-lastword.blogspot.com/
———————————————– */
div.navbar {
opacity:0.0;
display:none;
}

Another solution as suggested by Praveen in his blog :

/* Apnerve hack code
more info @: http://www.apnerve.blogspot.com
———————————————– */
#navbar #Navbar1 iframe{
display:none;
visibility:none;
}

or try this CSS code:

iframe
{
display:none !important;
}

Now final word: I am not sure if its legal or not to hide that nav bar from the blogspot blog.

If you know any other solution to do same functionality of hiding the nav bar then do aware me also.

Advertisements

About Deep C

A web application developer with expertise in PHP, NodeJS, MySQL, PostgreSQL, JavaScript, jQuery, HTML5, CSS3. View all posts by Deep C

2 responses to “Hide that Navigation Bar of Blogspot Blog

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: