How to hide the annoying Blogger navbar
Blogger allows you to choose from several templates for your blog, and they even let you change the template yourself. However, at some point after you save the changes, they stick this ugly navbar in:
Here's their explanation:
"The Blogger NavBar is a navigation bar and toolbar with a form that allows people to search just your weblog using Google's SiteSearch and gives you the ability to check out what's happening on other recently published blogs with one click. This bar replaces the advertisements that used to be displayed at the top of some blogs."
Hmm. I still want it gone. Here's how it's done:
Find the <style type="text/css"> tag at the top of the template. Somewhere between that and the corresponding </style> tag, which is much further down, add the following CSS class:
.hide {
position:relative;
visibility:hidden;
}
Now locate the first (only) <body> tag in the template. The code for the navbar will be inserted just after this tag when you save your template, and a simple comment trick won't work.
Since we can't actually get rid of the navbar altogether, we just make it invisible and of zero size by placing the <body> tag in a hidden frame:
<span class="hide">
<iframe name="nullframe" height="0" width="0" scrolling="no" frameborder="no">
<body>
<!-- navbar code inserted right before this comment -->
</iframe>
</span>
Save and republish and the navbar is gone for good.
posted by jester @ 2:12 AM
0 comments
0 Comments:
Post a Comment
<< Home