Thursday, December 14, 2006
How to Hide the Blogger Navbar
Ok bloggers, lets say you have a Blogger blog and you already have some published posts you have a descent number of readers but, your blog still looks like, well, like a "Blogger Blog"! why? because it still has what it is called the Navbar, you know, the one that has 50 pixels high and spreads across the entire width of the browser window, the one that has a search field and all that stuff. Well let me give you a tip to remove or just to hide that annoying thing.
They allow you to change the color of the navbar to match the design of your blog, but that doesn´t solve the problem, your blog is still marked as a "Blogger Blog". Blogger has to mark all blogs that are powered by them but I think it is enough if you have a button that links to them or something like "Powered by Blogger". Follow this simple steps to successfully remove the navbar. With this technique your blog is going to look more professional.
1. First of all go to your blog´s control panel.
2. Go to the "Template" section and save template changes.
3. Now copy and paste the grey code in your template as it is shown here.
<style type="text/css">
#b-navbar {
height:0px;
visibility:hidden;
display:none
}
</style>
4. Now save Template changes and republish.
This simple code should solve the problem ,if you did it well you might notice that now you have a gap between the header of your blog and the top of the page, if that´s the case let me give you a solution for that.
Insert the grey code in your Blogger template as it is shown just after the "body" tag , save changes and republish.
body
{
margin-top:0px;
}
Now you should have a professional looking blog without the annoying navbar.
Read or Post a Comment
<< Home