There are only few built in templates in blogger platform and one reason I don’t like them becasue of the top blogger navigation bar on every template. There are other cool templates can be found on the internet and but many of them have the same un-professional nav bar. If you could remove the nav bar from the template, the template will look great and professional.
Actually every blogger template could be customized as a great looking template but before we went to that part, lets remove the boring nav bar from blogger.
Go to your blogger dashboard> layout> edit HTML. Search this code,
]]></b:skin>
Now add this code above the code,
#navbar-iframe {height:0px;visibility:hidden;display:none}
It will look like this, and save the template
#navbar-iframe {height:0px;visibility:hidden;display:none}
]]></b:skin>
With this trick, you can remove the navbar from any blogger template.
Branded Shirt






{ 4 comments… read them below or add one }
Hi! This trick is quite old! If you notice the blogger CSS through firebug then u will find that the style of the element #navbar-iframe is already defined as display: block; So these types fo overwriting wont work properly! We need to overwrite the existing value using !important tag! So the correct one will be
#navbar-iframe {
display: none !important;
}
This one piece of code is enough to make the navbar go invisible without leaving a trace of it [which happens when we make the visibility none]
Swashata’s latest blog post..Most useful HTML elements all Blogspot and Wordpress Bloggers should know #Tutorial Part2 – div Element
@Swashata, Thanks for the updated info, I’m using wp and not updated with new blogger.
This is really excellent. Far too often people underestimate the extent of knowledge. This can be done in countless ways but be sure to use the most effective methods. I’ll check it out and add it to the list.
Thanks Brother
Its working.Thanks again to share this useful information to us.