Warblers for Your Website: Introducing Our New Round Robin Buttons

October 2, 2008

A few weeks ago, veteran Round Robin brainstormer Birdfreak wrote in to request a graphic button he and others could post on their blogs to promote Round Robin. We thought it was a great idea. I mean, if our blog is about some of the brightest and flashiest of all animals, why link to it with simple text?

So I borrowed some paintings from Alex and put together these 10 buttons. They’re free for anyone to use (see below for instructions). We’re offering five species at present – all warblers – and each is available in two sizes to match how much room you have on your banner or sidebar.

We’re grateful to anyone who hosts these buttons – you’ll be sending us readers and with any luck helping add to the great discussions that go on here. And as befits our new “Cornell Blog of Ornithology” tag line, we’ll continue to feature topics from all across the world of birds in addition to keeping you up to date on our redesign.

We also hope that these buttons will work as simple decoration – something to brighten up your site the way real warblers brighten up the woods. Let us know how you like these, and maybe we can persuade Alex to design a few more species someday. Who knows, one day we might even add a real robin.


Adding one of these buttons to your site is a simple matter of pasting a line of html into either your page code or to a text widget in your blogging software. You don’t have to copy the images or mess around in Photoshop. We’ll host the images here; the following code tells your browsers where to find them.

If you want this button Paste this code
All About Birds: Free Bird Guide and More <a href="http://www.allaboutbirds.org/netcommunity/Page.aspx?pid=1189&utm_source=bloggerbutton&utm_medium=banner&utm_term=aab&utm_campaign=blogger_aab"><img src="http://www.allaboutbirds.org/netcommunity/bbimages/buttons/120x60/button_blog_aab.jpg" alt="Round Robin: The Cornell Blog of Ornithology" /></a>
<a href="http://www.allaboutbirds.org/NetCommunity/AdRedirect.aspx?AdID=RoundRobin&NavigateUrl=http%3a%2f%2fredesign.birds.cornell.edu%2f"><img src="http://www.allaboutbirds.org/wp-content/uploads/2008/10/round_robin_yellow.jpg"></a>
<a href="http://www.allaboutbirds.org/NetCommunity/AdRedirect.aspx?AdID=RoundRobin&NavigateUrl=http%3a%2f%2fredesign.birds.cornell.edu%2f"><img src="http://www.allaboutbirds.org/wp-content/uploads/2008/10/round_robin_blackburnian.jpg"></a>
<a href="http://www.allaboutbirds.org/NetCommunity/AdRedirect.aspx?AdID=RoundRobin&NavigateUrl=http%3a%2f%2fredesign.birds.cornell.edu%2f"><img src="http://www.allaboutbirds.org/wp-content/uploads/2008/10/round_robin_parula.jpg"></a>
<a href="http://www.allaboutbirds.org/NetCommunity/AdRedirect.aspx?AdID=RoundRobin&NavigateUrl=http%3a%2f%2fredesign.birds.cornell.edu%2f"><img src="http://www.allaboutbirds.org/wp-content/uploads/2008/10/round_robin_redstart.jpg"></a>
<a href="http://www.allaboutbirds.org/NetCommunity/AdRedirect.aspx?AdID=RoundRobin&NavigateUrl=http%3a%2f%2fredesign.birds.cornell.edu%2f"><img src="http://www.allaboutbirds.org/wp-content/uploads/2008/10/round_robin_blthrtdblue.jpg"></a>
<a href="http://www.allaboutbirds.org/NetCommunity/AdRedirect.aspx?AdID=RoundRobin&NavigateUrl=http%3a%2f%2fredesign.birds.cornell.edu%2f"><img src="http://www.allaboutbirds.org/wp-content/uploads/2008/10/round_robin_mini_yellow.jpg"></a>
<a href="http://www.allaboutbirds.org/NetCommunity/AdRedirect.aspx?AdID=RoundRobin&NavigateUrl=http%3a%2f%2fredesign.birds.cornell.edu%2f"><img src="http://www.allaboutbirds.org/wp-content/uploads/2008/10/round_robin_mini_blackburnian.jpg"></a>
<a href="http://www.allaboutbirds.org/NetCommunity/AdRedirect.aspx?AdID=RoundRobin&NavigateUrl=http%3a%2f%2fredesign.birds.cornell.edu%2f"><img src="http://www.allaboutbirds.org/wp-content/uploads/2008/10/round_robin_mini_parula.jpg"></a>
<a href="http://www.allaboutbirds.org/NetCommunity/AdRedirect.aspx?AdID=RoundRobin&NavigateUrl=http%3a%2f%2fredesign.birds.cornell.edu%2f"><img src="http://www.allaboutbirds.org/wp-content/uploads/2008/10/round_robin_mini_redstart.jpg"></a>
<a href="http://www.allaboutbirds.org/NetCommunity/AdRedirect.aspx?AdID=RoundRobin&NavigateUrl=http%3a%2f%2fredesign.birds.cornell.edu%2f"><img src="http://www.allaboutbirds.org/wp-content/uploads/2008/10/round_robin_mini_blkthrtblue.jpg"></a>

So, in a nutshell: you just copy the whole line of text next to the button you want, from <a all the way to </a>. Don’t copy the image itself. Open a text widget in your blog, or the appropriate part of your webpage’s html, and paste in the text. Save. Your page should now have a colorful warbler’s head on it.

Here’s a bit more about getting started with text widgets in WordPress (other blogging software should have a similar feature). If you have trouble getting this to work – or if you have additional advice for readers – please drop us a comment.

Many thanks to Birdfreak for the great idea, and for some follow-up suggestions about presentation.


  • Can’t wait to see them popping up all over my favorite blogs…Just added it to my wordpress blog and had something funky happen when I initially added the links to a text widget using Safari; for some reason WordPress stripped out the http from both addresses and added an extra set of endquotes on both of the addresses. Needless to say it did not display properly until I re-added the http’s and removed the superfluous endquotes. I must say, Alex’s art looks great on my blog : )

  • Hugh

    thanks…working on it…

  • Hugh

    Turns out it’s a quirk with the way the text widget treats the quotation marks. That’s what I get for testing the code in an html editor instead of an actual text widget.

    We’ve fixed the code and re-tested all the buttons – you shouldn’t have any more problems.

    Thanks to sitta for the quick alert!

  • Thanks for the quick work, Hugh–now, all I need is for Alex to make a red-breasted nuthatch version of the button for my blog! (a white-breasted nuthatch would do in a pinch, and a pygmy or brown-headed would be nothing to sneeze at, but none really hold a candle to a RBNU…)

  • finchwench


  • What I’d love to see is a widget that would display a map with some eBird data, similar to the weather and moon phase widgets that are popular on blog sidebars, as a way to:

    1) let people show something about birds in their area

    2) promote eBird

  • Anyone got info on black skimmer?

    (Response: see the All About Birds Black Skimmer page)

  • Thanks a lot for creating these buttons. I just put one on my website. Your library is amazing. I visited about two years ago. Giant books with bird illustrations,. birds outside the windows – beautiful.

  • Britton

    Hi, I am a younger kid but I still do alot of bird watching. Any tips?

  • Britton

    Where is the library located?

  • Britton

    does anyone have in information on the california quial?

  • Britton

    The bill of the Black Skimmer is sets it apart from all other American birds. The large red and black bill is knife-thin and the lower mandible is longer than the upper. The bird drags the lower bill through the water as it flies along, hoping to catch small fish. Habitat is on the shore line. Nests on the ground,eats fish.

  • Britton

    Does anyone have information about a Osprey?

  • CarolNH

    I just posted one of the buttons to my blog and it looks fantastic…Thank you so much for making these available!!!


  • I like this widget & have it on my page but would be much happier if it opened your blog in a new tab rather than taking people away from my blog…

  • Hugh

    Hi – glad you like these buttons, and thanks for using them. To open the page in a new window you can just add target=”_blank” to the code, right after the URL and before the closing “>” of the a tag. Though be aware that doing so is generally not considered best practice on the Web any more. That’s why we provided the code as is – it wasn’t a plot to divert traffic from your page to ours :) Hope this helps – Hugh

  • It works – thanks!