If you own a blogger blog then you must be aware of a navigation bar (usually referred to as ‘nav-bar’) that sits right on top of the blog page. It is quite handy for newbies but many professional bloggers find it disturbing as it appears to be tacky on some custom blog themes. So, if you are one of them then here’s a trick to remove the nav-bar from blogger powered blogs.
1) Login to your blogger account. From the ‘Dashboard’ click on ‘Layout’ link. In the page that appears, click on ‘Edit HTML’ sub-section.
2) Now find the below piece of code (use CTRL+F to find easily)
#navbar, #navbar-iframe { ... ...}
Note: I have represented dots here (…) as the code between the two curly braces may vary from template to template.
3) Replace the above code with the one mentioned below.
#navbar, #navbar-iframe { height: 0px; visibility: hidden; display: none;}
Here we have changed three attributes of the nav bar. We have changed its height to 0 pixels, its visibility to hidden and display property to none. This way the nav bar won’t appear any more. Enjoy!
Technorati Tags: blogger tutorial,blogging tips,removing nav bar,hiding nav bar
Recently...
Most Popular Right Now
{ 1 trackback }