Remove the blogger beta navigation bar
1fe1
If you wonder how to remove the blogger beta navbar, this is the way to do it:
1. Login to your blogger beta account.
2. Open the “Layout” for your blog.
3. Click the “Edit HTML” link.
4. Copy this code:
5. Click the “Save Template” link.
Remember : This hack is for Blogger Beta, for the old blogger use this hack.
Inspired by basang panaginip
Dustin wrote:
Hey this hacked worked like a charm. You might want to be more descriptive as to where to paste the code though. Thanks !
Posted on 01-Dec-06 at 2:02 am | Permalink
bloggerO wrote:
Dustin has a point so :
4.1. Find “Variable definitions” line and paste above her the piece of code provided
Posted on 05-Dec-06 at 12:21 pm | Permalink
Hanif wrote:
Hey,, thx for the code,, it does work,, but alas there’s an empty space where the blogger navbar once belong,, how can I get around this prob? Any suggestions? Before I moved to beta,, I didn’t have this prob :( thx in advance bloggerO!! :D
Posted on 15-Dec-06 at 4:09 am | Permalink
bloggerO wrote:
I think you problem in with “#banner h1″, if it’s not this.. just play with your css file until will be ok, anyway your blog looks pretty cool.
Posted on 15-Dec-06 at 6:56 am | Permalink
Timmy wrote:
Could you tell me where the variable definition line is? im kindda newbie :D:D
This is my website….I love your web so much..thanx for the template.
Posted on 23-Jan-07 at 9:11 pm | Permalink
bloggerO wrote:
Timmy : Find “Variable definitions” around line 17
by the way … your blog is against Google’s TOS.
Posted on 23-Jan-07 at 9:21 pm | Permalink
Cyber wrote:
Hello there, great site with good info,
but i have a problem with the code to remove the navbar in my template, maybe because its a 3 column template?
Dou you have an advice for me?
Regards,
C.
Posted on 24-Jan-07 at 11:57 am | Permalink
bloggerO wrote:
To Cyber
Your are using old blogger.. so to remove the bar use this
#b-navbar { height:0px; visibility:hidden; display:none }Posted on 24-Jan-07 at 12:14 pm | Permalink
Cyber wrote:
@bloggerO ,
i tried a few codes, now i tried these again, but it doesn’t work, maybe i put it on the wrong place? Maybe u can show me where to put it?
I hope i dont ask to much :)
Regards,
Cyber
Posted on 24-Jan-07 at 12:41 pm | Permalink
bloggerO wrote:
To Cyber
I’m sorry but I know just these 2 possibilities.
Posted on 24-Jan-07 at 2:25 pm | Permalink
Cyber wrote:
thnx anyway, i finally found the right one
#navbar-iframe{display:none;}
only a bigger problem from blogger update has arised, the server from google dont have my posts…after the update i cantg click tot archive anymore, in options i can edit the posts but not view them…… :-(
Posted on 24-Jan-07 at 10:30 pm | Permalink
Titash Roy wrote:
It does work!
Posted on 21-Feb-07 at 4:42 am | Permalink
ZtrixQ wrote:
Thanks, it did work fine.
Posted on 22-Apr-07 at 5:18 pm | Permalink
zack wrote:
here is the video..
step by step..
video tutorial..
very easy to understand with this video..
http://www.metacafe.com/watch/739548/remove_blogger_navbar/
11e4Posted on 02-Aug-07 at 10:14 am | Permalink
spiderman wrote:
Thanks for the tip. Your hack allowed me to get rid of the navBar. I tried to use a similar hack in the past, also found on the internet, in this hack only display property is set to none. That hack just worked for a few days for me, then the navBar reappeared again. I hope that this one will last.
Posted on 07-Dec-07 at 6:15 pm | Permalink