Slideshow from RSS for WordPress

Loading…

It took me hours to find, but the easiest way I found to build a slideshow from a MediaRSS feed and add it to a WordPress blog was using the Google Ajax Feed API.

There are a few plug-ins that are supposed to work with WordPress, but I didn’t like them because they were really limited, or didn’t work on an IIS hosted blog. Good old Javascript, although it’s verbose, works fine.

That’s what I’ve used on this blog. Have a look at the slideshow on the lower right. It’s generated by the Google Ajax Feeds API.

If you don’t like getting your hands dirty with JavaScript, the best Flash based slideshow generator I know of is at VuVox.com. That’s what I use for some of the ObSrv examples of slideshows here.

The beauty of building a slideshow from an RSS Feed is that you don’t need to have the images on your own site, and the content updates continually as more items are added to the feed.

Of course, sometimes it’s hard to find a good feed. That’s where ObSrv.com comes in, because it can generate a feed from a google images search.

So when you use the Google Ajax Feed API and ObSrv.com you can make a slideshow of any topic you’d like. The one on this site is for “Information Technology”.

And just to make this post pretty, I thought I’d include a slideshow of the most recent ten pictures from the Creative Commons group on Flickr

RSS Feed Do’s and Don’ts

To the right you can see a screen shot of three RSS feeds as seen on my iGoogle page. Two of them are good, one of them is not so good. Can you tell the difference?

They’re all really specific in nature. The first one just shows breaking news as reported by the ABC. The second shows recent posts made be people about cruises in Australia via the CruiseCritic.com message boards, and the third shows new posts to the “General Cruise Discussions” section of the OzCruiseCritics message boards.

With the ABC feed, whenever there’s a new story, it appears at the top of the list, pushing older stories off the bottom of the list.

Same with the Cruise Critic feed (the 2nd one). As a new post is received on a particular subject, that subject goes to the top of the list, pushing older ones off the bottom.

The problem with the third feed (“General Cruise Discussions”) is three-fold:

1. The name of the feed doesn’t do OzCruiseCritics justice. Anyone casting a quick glance at the feed doesn’t know where it’s from. With the first two feeds on this example, it’s quite plain who’s supplying them, but not the third feed.

2. The discussion topics are not formatted properly. The name of the feed is repeated in each of the item descriptions. E.g. you see “General Cruise Discussions :: Re: Queensland Cruise” and “General Cruise Discussions :: Re Snorkelling”. This is redundant. We already know what feed the item is coming from by looking at the title of the feed. Each of these items should have a more concise description. In this case they should be “Queensland Cruise” and “Snorkelling”.

3. You can’t see it from the picture, but take my word for it, whenver someone replies to a topic on the OzCruiseCritics feed, it generates a new feed item. So if I was to reply to the “Snorkelling” discussion, the feed would end up looking like this:

General Cruise Discussions :: RE: Snorkelling
General Cruise Discussions :: RE: Queensland Cruise
General Cruise Discussions :: RE: Snorkelling

I think that is crowded and difficult to read. What should really happen is that if an item is updated, it goes to the top of the list, and the old version of that item is removed from the list. So the feed should look like this:

Snorkelliung
Queensland Cruise

These suggestions might seem pedantic, but the whole aim of RSS is to get your content read. Whish means the info needs to pack as much punch as possible, with as little clutter as possible. The reward for this is that your message gets out, more people hear what you say, and you get more traffic to your site.

Getting an RSS feed from ANY site with images

I mentioned earlier that I’d modify ObSrv to be able to generate an RSS feed from any site that has images.

I didn’t realize it, but it already does this.

Just key in the search words, followed by site:yourdomain.com

For example, if you want a feed of all images of the planet Saturn from Nasa.gov, just type in:
Saturn site:nasa.gov

Or for a feed of all images of Antarctica from NationalGeographic.com, type in:
Antarctica site:nationalgeographic.com

How cool is that?