About the Author

author photo

Fredric is a web developer based in Chicago who hopes to one day start a foundation to support young, Black males in programming and computer science.

Other posts by Fredric

tech tip: hide blogger nav bar

Young Black Professional Guide Bloggera lot of our friends in the blogosphere use google’s blogger domain as a hosting platform for their insightful thoughts and web gems. when ybpguide was on blogger, i did my best to try and customize the template kimberly had setup to minimize the ‘blogger’ appearance.

a helpful tip i found via digital inspiration is a snippet of css that hides the top navigation bar from appearing on your blog.

simply add the code

#navbar-iframe {
height:0px;
visibility:hidden;
display:none;
}

in your blogger template <head> section and the bar will disappear. while it’s nothing too spectacular, it does help your blog look a little more distinguished.

this is confirmed to work if your blog is on the newer platform of blogger. for the older platform, try the tips in the 2005 post at digital inspiration.

if you use the navbar to log into your account, you can always go directly to www.blogger.com and login in from there.

There Are 3 Responses So Far. »

  1. WHOOOOOHOOOO!!! I am no longer a conformist!! I’ve broken the mold! Thanks for this tip. Applied knowledge is the best knowledge!

  2. I did it. I know nothing about html or any of the computer language. So thank you for helping me get rid of the bar.

    Now if you could tell me how I can get my little image into header I sure would appreciate it.

  3. where in the header would you want the image?

    to get it up there, it will take a little creativity. you’ll have to put the image in the header using a photoshop-like program, host the image somewhere (like photobucket or flickr), then put the link of that image where the header element is in your layout.

    this link explains all of the steps pretty well.

    let me know if you have more questions.