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.
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.