Mar
23rd

Google Blogbar

You may notice that I’ve got a new piece of flair on the top of my sidebar, “Google Blog Search”. Google has put out another wizard to make a Blogbar that displays blogs with the keywords you wish to search for. I thought it was a pretty neat little tool; however, it didn’t match the look and feel of my site so I did some hacking.

First, you’ll notice that within the Google script that’s automatically developed, there’s a CSS reference tag:

<style type="text/css">@import url("http://www.google.com/uds/solutions/blogbar/gsblogbar.css");
</style>

If you remove that Stylesheet reference, you can control the look and feel of the blogbar. The next thing I did was to hide the components that I didn’t wish to see by modifying my stylesheet:

.titleBox_gsblb {
display:none;
}
.brandingBox_gsblb {
display:none;
}
.statusBoxRoot_gsblb {
display:none;
}
.blogBarInnerBox_gsblb {
margin:10px;
height:35px;
}

There you have it! Special thanks goes to Firebug for helping me to identify each of the classes on the generated content!

  • wow!.. thats pretty cool.. I have to implement that on my site!

    ;)
  • Might want to add some space underneath it... it's running into the Related Posts title under Firefox 2.0.0.3
  • Thanks engtech! Padding-bottom added! I'm running Firefox also, but on a Mac so it may be rendering different.
blog comments powered by Disqus