Search Helium

Home > Computers & Technology > Internet > Web Design

How to create an RSS viewer for your website

by Lee Leon

Created on: February 20, 2009

Suppose that you have a website about some subject like 'sheep', for example, and you want to display a live feed of current news about your subject on your site. This is what I wanted to do, but it was not very easy finding out exactly how to do it. This is how I managed it in the end.




First, you need to find a suitable news service to take a feed from. The BBC news site is good:




http://news.bbc.co.uk/




Using the BBC search engine, search on sheep'.




By default this is likely to show all results. Click on the button at the top of the screen to select only News & Sport'.




Now, if you scroll down the bottom of the screen, after all the items you will see the RSS logo and the link News feed for this search'. Click on the link.




This should now show the RSS feed for your search. What you need is the URL from the address bar. Copy this and paste it somewhere for use later. It should look something like this:




http://newsapi.bbc.co.uk/feeds/search/news+spor t/sheep




Now you need to turn this feed into something that you can link to on your site. I used feedburner to do this. Feedburner is now owned by Google and you will need to register to use it, but it is free. Feedburner is here:




http://www.feedburner.com/fb/a/home




To burn a feed, you will need to supply the URL above from the BBC site (http://newsapi.bbc.co.uk/feeds/search/news+sport/sh eep).




When you have created your feed, you will have a feed address for it, which will look something like this:




http://feeds2.feedburner.com/co/LKIR




Copy this, because you will need it for the next step.




The next step is to find a RSS feed viewer which you can use to display your newsfeed on your site. I used the Feed Burner Weblog Widget from SpringWidgets:




http://springwidgets.com/widgets/view/ 345




Click on Customise this Widget'




Set the widget width and height for your site.




Paste your feed address (http://feeds2.feedburner.com/co/LKIR) into the box beneath replacing the feed address already there.




Select the colour for the surrounding frame and leave the Branding URL blank.




Click on Click Here to Get The Code' (you might have to click twice)




A small dialog window pops up over your widget design giving different options on using your widget. Select HTML' to use the widget in a webpage.




Copy the code supplied and paste it into your HTML file.




You should now have a webpage containing an RSS viewer showing the latest newsfeed based upon your selection above and updating as new content becomes available.




The 'Sheep News' widget can be seen in operation at http://www.flossie.me.uk/phpsite/base.php?t=Home&l=Sheep%20News

Learn more about this author, Lee Leon.
Click here to send this author comments or questions.

Below are the top articles rated and ranked by Helium members on:

How to create an RSS viewer for your website

Helium Debate

Cast your vote!

Will cartoon character pictures change Facebook's clientele?

Click for your side.

178268

Featured Partner

Concepts4Charity Inc.

Concepts4Charity has partnered with Helium, giving you the chance to write for a cause. Browse Concepts4Charity featured titles, pick an issue and write! You can also donate your article earnings. Share what you know, lea...more


CONNECT WITH US

Read
our blog
Helum for writers

Write and get published
Share with other writers
Polish your freelancing skills

Join our active writing community
Helium Content Source for Publishers

Quality articles from proven freelancers
Exclusive rights, fast turnaround
Brand engagement, business blogging -- our writers do it all

Get custom content today!

INFORMATION


Helium, Inc.
200 Brickstone Square Andover, MA 01810 USA
#