Are you tired of the annoying space just above your blogger blog? This specifically is located right on top of your header. First up is let me teach you on how to remove the blogger navbar so you can relate to this tutorial.How to remove the blogger navbar:
1. Go to Edit HTML
2. Paste this simple code inside the head section:
#navbar-iframe
{ display: none !important; }3. Save and you've just eliminated the Blogger Navbar.
Now here is how to remove that extra space on top of your page. Refer to the image to better understand the instructions.
1. Just in the Global section, you can use CTRL-F to find the first
outer-wrapper2. Then look for
margin-top: (value)px;3. Change the
(value) depending on how much space you've got. As for me, since it has too much space, I went all the way down to a negative value which is -42. Just do it by trial and error until you feel satisfied on the results.4. Save it and we're done.
7 comments:
bro have you sent your entries already in the Top 10 Emerging Influential Blogs 2009. If not, please consider Jologs Na Yuppie in your roaster list.
Submit it now at http://www.influentialblogger.net/
thanks
Hi Enjayneer,
Nie tip ab out the NavBar and the SpaceBar!
By the way, please consider my blog for the Top 10 Emerging Influential Blogs of 2009.
Cheers,
Snow
http://dearbloggery.com
Nice nice... let me try this... :)
Abiel Online
@snow... sure sure... :)
@biel.. hehe... thanks for the visit.. :)
Thank you for this code. Very much appreciated!
I had some trouble following this at first because a global search for outer-wrapper turned up nothing.
I did however find:
"body .content-outer {
width: 100%;"
and added: "margin-top: -32px;"
It had the same effect. Finally that dead space is gone from my site!
This tip is really helpful. Especially in my case. I am using a default blogger template. And I am really irritated with the blogger navbar displayed above my blog page. Thanks for this tip. No more navbar in my blog! Amps4u
Post a Comment