For a little while now Google has had a wizard that will let you place RSS feeds from around the web on your very own site. How it works is you first choose from one of three different styles: vertical, vertical stacked, or horizontal. Between the three different layouts you should find one that will work well on your site.




If you choose the “vertical stacked” layout you can provide a title that summarizes the feeds you’re about to add. The next thing you’ll want to do is fill out the “expressions” for the feeds you want to include, separating them by commas. They don’t let you manually specify a URL to a feed, and so you’ll have to rely on their automatic search which works fairly well. You can always modify the code that they provide in the end to point to any feed, and even rename them.

Alright, you’re ready to go. Hit the Preview button at the bottom to see what the end result will look like. The “Direct Feed URLs” section should also be filled in with the corresponding feeds that were using the criteria you added in the “Feeds Expression” section. Here’s what my form looked like:

google feed wizard-1.png

If everything looks good just hit the Generate Code button, and you’ll be on you’re way.

I’ve got a live example below of the “vertical stacked” layout that includes feeds from Download Squad, Lifehacker, and (of course) our site. You can obviously click on any of the links to be taken to the article, but I think the rotating preview at the top is pretty cool. The preview will also change as you start to mouse over some of the different feed entries.

Note: WordPress doesn’t play nice with JavaScript inside of posts, and so I’ve placed the code for this example in an iFrame. It should work fine with most sites though.