January 23rd, 2007

Filed under:
The Long View, Web Design
5 Comments »

LazyWeb Request: Corner Badges on Websites?

Over the last couple of years, there’s been a trend to distribute what I’m calling ‘corner badges’. They’re little ribbon-type images that website owners can add to the corner of their site, to show their support for a specific cause.

They’re kind of the online equivalent of the ‘Live Strong’ (and zillion other) wristbands. I seem to recall that Make Poverty History was running such a campaign.

Does anybody know the official name of this little web widget? Also, can somebody point me to some examples? I can’t find any. Maybe they’ve fallen out of fashion?

I did find some sample code for implementing this corner badge thingy, but that’s as close as I got.

UPDATE: I think they might be called ‘corner banners’–here’s a Photoshop tutorial on how to make one. Thanks also to Mike for the javascript for the Make Poverty History campaign. And here’s another code sample for the corner banner on Joomla’s site.

Comments: 5 Responses so far

ludens
January 23rd, 2007
11:02 am

As far as I remember one of the first sites promoting corner banners was the “Too Cool for Internet Explorer” campaign: http://www.w3junkies.com/toocool/join.php

Cheers,
ludens

[Reply]

NetChick
January 23rd, 2007
4:09 pm

Here’s an example of the “Make Poverty History” banner: http://yaelisblog.blogspot.com/

[Reply]

kristinaQ
October 24th, 2007
7:02 pm

Hey,

I know this is an old post, but it’s got just the info I was looking for about those corner graphic thingeys…

Just wanted to thank you lol

[Reply]

A Virtual Prayer Flag for a Free Tibet?
March 19th, 2008
8:34 pm

[...] of javascript that, when added to your site, displays a clickable banner in the corner of the page (I’ve written about them before). It could run through the Olympics in August of this year, and click through to some actionable [...]

John X.
October 19th, 2008
12:32 am

Thanks. This was helpful. I’ve been trying to get a badge for a wordpress blog but couldn’t find an extension. I’ll have to add the javascript/css code manually, it seems.

[Reply]

Add a comment