How to add RSS feed to a website using Javascript

In the aP last web div blog post we talked about the importance of header section of a website. Recently, I was in a demand to find out a way for including automatically updated News and Topics section from a favorite news website and include those topics with a link on a separate website.

This function is made easier with the RSS feed culture and it uses a xml format file that include news topics and short descriptions.

There are several free websites that allow you to enter the RSS feed xml link and generate a java script that will convert and provide you a code that you can include in your site to show those latest news in your site.

Here are some of the codes from RSS feed generator sites.
www.rss2java.com (excluding the first 2 (') signs)
'<'script language='Javascript' src='http://www.rss2java.com/feed.php?number=5&date=1&desc=1&html=1&new=1&url=http%3A%2F%2Ffeeds2.feedburner.com%2Fblogspot%2FaP'>'<'/script'>'"

Customize this code:
- 'http://www.rss2java.com/feed.php?number=5&date=1&desc=1&html=1&new=1&url=http%3A%2F%2Ffeeds2.feedburner.com%2Fblogspot%2FaP

- "number=5" <-- is the number of last topics/blogposts that will show
- "date=1" <-- (1) show date, (0) hide date of the post
- "desc=1" <-- show description of the topic
- "url=" <-- is where you would type in your required RSS feed link to be used for for this function. Be sure to replace "://" to "%3A%2F%2F" so java can understand this.

Option 2:
< script type="text/javascript" src="http://p3k.org/rss/proxy.r?frameColor=black&textColor=black&_=1238121698248&titleBarColor=
lightblue&compact=&fontFace=&align=&showXmlButton=
&maxItems=5&boxFillColor=white&titleBarTextColor=
black&width=200&url=http%3A%2F%2Ffeeds2.feedburner.com
%2Fblogspot%2FaP&" >< /script >

Option 3:
Feed2JS.org
http://feed2js.org/index.php?s=build

Option 4 (AJAX version):
Google ajax Feed API.
http://www.google.com/uds/solutions/dynamicfeed/index.html

Thats it for today's Web div posts. Join aP next time with another exhilarating blog post.

0 comments: