I never happened to like the Blogger Navbar at the top of my Blog and I bet all the Bloggers have the same opinion.
Ok... lets waste no more time and get into our work. Lets learn HOW TO REMOVE BLOGGER BETA NAVBAR
- First, login into your blogger (beta) account and click Template.
- Now, click on Edit HTML. Wait... look at the code and go to line which says
/* global ----------------------------------------------- */
Infact, you can add the code anywhere in the stylesheet but I recommend you to do as I said so that you don't screw up the layout. - Now add this style anywhere in the stylesheet
/* Apnerve trick more info @: http://www.apnerve.blogspot.com ----------------------------------------------- */ #navbar-iframe{ display:none !important }
- Save the changes and have a look at your new Blog. You'll find that the Navbar has disappeared
Update:Now there is no need to edit the HTML template as a widget is available to hide the navbar. Check out my latest post "hide navbar widget" for that
33 comments:
I am not on beta
Friday, September 01, 2006
@ dumbdodi
I'd recommned you to switch over to the Beta version and you'll soon fall in love with the interface it provides. New features like Labels have been addeed and moreover you can use my hack to get rid of the annoying navbar too.
Saturday, September 02, 2006
*claps* I really must applaud you!!! I've been searching on google for so long to remove the navbar, but nothing worked. Yours worked like a charm though. Thanks!
Wednesday, September 06, 2006
@ LIly
Thanks!
Wednesday, September 06, 2006
Hello. This is Vivek from Hyderbad. I am learning html coding (self) and have used some existing hacks to add more value to them and publish it on my blog. Your hack on nav bar is probably the most easy to implement of all that I have seen till now. Nice work! Keep 'em coming and don't forget to check my blog for my works and related hackers of beta template. cheers!
Wednesday, September 06, 2006
Oh! and here is the link: viveksanghi
Wednesday, September 06, 2006
@ vivek
thnx a lot mate.
Wednesday, September 06, 2006
Awesome man this is really a great post
Thursday, September 07, 2006
@ prashanth
Thnx. As a matter of fact this hack doesn't work with all the templates. Try my other hack like
iframe{
display:none !important;
}
PS:I haven't tried the new hack. So please report any difficulties if you come across one.
Thursday, September 07, 2006
works like a charm. thanks man. your blog's linked.
Friday, September 08, 2006
Thanks. Works like a charm.
I cannot locate this
/* global
----------- */
But I slip it into somewhere in the front of the html codes.
Great!
Friday, September 15, 2006
I have the same situation like petekee and did as he did.
Thanks man, It works. Flawless!
Saturday, September 16, 2006
@petekee
@bangsoel
I just asked you to find global so that you don't mess up with the existing styles. Anyway my hack sould work if it is typed in anywhere in the style tag. Anyway... it was nice to hear that you are using my hack. WEll..thnx for visiting this blog of mine.
Monday, September 18, 2006
wow..I used the:
iframe{
display:none !important;
}
the first one didn't work. Thank you soo much..I was getting really annoyed with that navbar. but thanks for the code!!!
Tuesday, September 19, 2006
@ dhania
Thnx for the comments.
Tuesday, September 19, 2006
Praveen-
I like having the NavBar gone - but I also liked the one touch availability it gave in creating a new post.
Is there anyway to add that functionality back in to my blog somewhere (unnoticed by others) so I can still post easily?
Thanks for the hack.
Friday, September 22, 2006
Thanks to you, for coming by and giving me some support! I've been on "Blogger" for some time, but haven't mustered the courage to write because, well, I don't have the courage!
Yea, I put the "Admin Area" in my sidebar, which is convenenient but it is visiible to all - I can't figure out how to make it "conditional" so that only I see it when logged on. But I like this better than having the NavBar up top - so thanks again for the great "hack".
Sunday, September 24, 2006
apnerve,
I think you will find this is a violoation to Google's ToS.
I found an alternative you might want to try...
http://bloggeratto.blogspot.com/2006/05/hovering-peek-boo-blogger-navbar.html
...I hope this is of use to you.
:o)
Monday, September 25, 2006
apnerve said...
@ dumbdodi
I'd recommned you to switch over to the Beta version and you'll soon fall in love with the interface it provides. New features like Labels have been addeed and moreover you can use my hack to get rid of the annoying navbar too.
hi, i'm not dumbboi, but i also am in beta, and you don't just simply switch to beta if you want to.i for one would want to on the first day but blogger for some reasons wouldn't let me switch to beta.
Tuesday, September 26, 2006
@ chllout lev
migrating to beta is very simple. All you need to do is go to the page http://www.blogger.com/migrate-login.do and follow the instructions. Thats it!
Tuesday, September 26, 2006
thanks apnerve, This really cleans up the header! Bravo. Paul
Friday, October 20, 2006
Thanks!
I already had a customised template that I'd migrated across from old Blogger.
The first hack didn't work, the second one was perfect i.e.
iframe{
display:none !important;
}
Thursday, November 09, 2006
I had the same problem, Div, I tried your solution and... bingo! It works!
Thank you!
Monday, November 13, 2006
For those guys like me who have shifted to blogger beta recently for dynamic server side publishing but has not yet changed the template to the new customized one for fear of losing their template customizations, the given code isn't working.
So I did some sneak-peak of my own and came up with the following hack, which works perfectly:
#navbar-iframe {
height:0px;
visibility:hidden;
display:none
}
Friday, November 24, 2006
Hey, thnx "The Weirdo Stalker",
I've recently switched from Blogger to Blogger Beta. I've painstakingly designed the top banner of one of my Blog Vlog
, and disabled the NavBar there. But that hack wasn't working on Beta, which was ruining my banner. And none of the above hacks mentioned above worked. Only your trick paid off. So, lots of thnx. Plz pay a visit to my Vlog.
Wednesday, December 20, 2006
excellent hack. mashallah
Wednesday, February 07, 2007
i couldnt find
/* global
----------------------------------------------- */
however, i tried to place the code somewhere else. it didnt mess it up, but i didnt remove the navbar either. whats wrong?
Wednesday, February 14, 2007
ok, i'm obviously doing something wrong. the previous code probably would've worked. between what tags to i place it in. i've tried everything. (sorry, just beginning with editing codes, dont know much)
Wednesday, February 14, 2007
Thats a nice piece of work !!!!
Keep up the Good Work ;-)
Wednesday, July 25, 2007
@ Deep C
thnx!
Thursday, July 26, 2007
thanks a lot. it worked for me at Lucas' Papaw Ointment
Sunday, July 29, 2007
Thanks, it worked yey! My blog looks a lot better now
Thursday, November 01, 2007
I put it between and it works for me!! Thanks :)
----------------------------*/
# navbar-iframe{display:none !important;}
/* variable definitions
====================
Wednesday, July 01, 2009
Post a Comment
Do you have any suggestions Add your comment. Please don't spam!
Subscribe to my feeds