How to hide the Google logo in Google Gadgets

A working knowledge of Google Gadgets is pretty important if you want to do much with Google Sites—that’s the only way to insert an iframe, anything that includes JavaScript, etc. I’ve found Google Gadgets to be a really handy way to display RSS feeds as html, even outside of Google Sites.

Of course there are several ways to get this done, using Feedburner’s BuzzBoost, feed2js or other magpie derivatives, or any number of freely available widgets, but often these hamper your ability to tweak the code and involve either putting some scripts on your own server or relying on calls to third parties. If I’m going to do the latter, I’m happy for that third party to be Google, since Google is generally reliable and fast. (Yes, Feedburner is also Google.) Google gadgets are great because even if you host the file on your own server, Google caches and optimizes it for speed. Lately, though, I’ve just been using the handy Google Gadgets Editor to host them on Google’s servers.

Google Gadget footer

So anyway, if you include a Google Gadget anywhere but in iGoogle or a Google Site, viewers see a footer with a Google logo and a link. The logo links to a page that would allow others to get embed code, so sometimes this is useful, but if your goal is view-only it looks a little tacky.

This footer can be hidden, though, if you insert the following into your stylesheet:

 .gadget img {display:none;} .powered {display:none;}

So, there you go, use Google Gadgets without the tacky logo.

I sort of wonder about the Google Gadgets project—seems like it never really took off to the extent Google had hoped. When you look at the documentation it looks like they were thinking it would become implemented in all sorts of contexts, but you rarely see them outside of Google Sites (itself not hugely adopted) or your own iGoogle page…

[go to top]