Saturday, April 19, 2008

Blogger Toolbar Tip

So, I've been vowing to myself that I can't possibly post something until I finish my new blog template, but obviously that's not going so well. I've been staring at CSS code for the past two hours tonight and CAN NOT figure out what's wrong. My images show and then don't show and then show again and I. HAVE. NO. IDEA. WHY. Really. I keep walking away in hopes that the next time I come back to it, it will suddenly work or at least make sense. Since I can't seem to get myself to blog about our trip to Albuquerque or the sicknesses plaguing my body and my family or even random bits of news throughout my day, I can at least give you a fun little tip I found tonight while working on my blog template.

You know that little toolbar at the top of your blog? I think they call it the BloggerBar. It's really great. It covers up 50 pixels of your template and messes with your head when things aren't working right. It comes in like five colors that, you know, matches every possible web design color scheme you could possibly come up with. Sometimes I like using the search feature, sometimes I find the link to my blogger dashboard a little handy, but beyond that, it just gets in my way. If you host your blog on your own ftp server (please don't stop reading because I used computer speak, you don't really need to understand what I just said to enjoy the rest of this post) you can turn it off in your settings, but who does that anyway? I did for awhile, but then I got tired of server outages (again, please don't stop reading) and decided to switch back to blogger hosting. Since then, I've had to make my blogger templates work with the toolbar. Today was the last straw for me, so when I found this little bit of code to make it disappear I was one happy blogger. If you don't want that little BloggerBar sitting on top of your blog either, just do this:

  • Highlight this code and copy it:
#navbar-iframe {
height:0px;
visibility:hidden;
display:none;
}
  • Now go to your Blogger Layout section.
  • Click on the tab labeled "Edit HTML".
  • Scroll down until you see this:
body {
  • Place your cursor on the line above and paste the code you just copied from me.
  • Save Template.

Now view your blog. You should see it *without* that pesky little BloggerBar.
You're Welcome. :-)

9 comments:

Greg said...

Cool Shayla! I didn't know about that one. I'll have to give it a try.

Lindsay said...

Yeah, Jared hates the blogger bar too. It was the very first thing he took off when we started a blog.

Movie Queen said...

Blogger bar? How can I be so oblivious to something that drives you so crazy? I suppose I have to take mine off now since you took off your word verification. :)

Kristi said...

How nice is that? Thank you so much! I love tidbits like this. Bye-bye blogger bar!

Shayla said...

You just don't notice yours Alicia, because it's the one time it actually matches a template and blends in pretty well. :-) Yeah, and the word verification is gone just for you. I wouldn't want to discourage my five loyal readers from commenting. And it can't hurt to get some spam, it'll boost my comment count. :-)

Jessica said...

Thanks for the tip, I hate that thing too! But didn't know there was a solution!

Tharker said...

I had no idea you could take it out. You are a genius! Thank you!

Anonymous said...
This post has been removed by a blog administrator.
Anonymous said...

Your blog keeps getting better and better! Your older articles are not as good as newer ones you have a lot more creativity and originality now keep it up!