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:
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.
Enjoyed the post? Subscribe to our feed to get a daily dose of CyberNet!
Tags: Google, Web Sites, Feed Reader, Feeds, How To
Related Posts:
- Add Tabbed Feeds To Your Google Homepage
- FeedBurner Says: Go Pro for Free!
- Bloglines Lets You Subscribe To Other’s GMail Feeds
- Read RSS Feeds in IM’s
- Google Let’s Users Share Calendars In A New Way
And whoever feel the needs for further customization should read the [google.com] to be able to change the number of items, display items, fadeout times, or even the colors to match the website. For semi-advance people, who know JavaScript (and CSS for theming). It’s good for sidebars for blogs for example…
Good call Radu! Looks like you can really customize that to fit your website… that makes me love it even more.