FeedParser is the Jquery Plugin used to parse rss feed, atom feed using Jquery and Google Ajax feed API.

By using this plugin you can easily fetch feeds from any rss, atom feed url from any domain

Usage

1- Include the Javascript resources into you pages <head> section

<head>
    <script type="text/javascript" src="jquery-min.js"></script>
    <script type="text/javascript" src="jquery.FeedParser.js"></script>
</head>

2- Add a placeholder for the widget to your page

<body>
    ...
    <div id="feed_loader">
    </div>
    ...
</body>

3- Add the Javascript that will populate the placeholder

        $('#feed_loader').FeedParser({
        feedurl:'http://w3lessons.info/feed',
        count:'5',
        loadingtext:'fetching feeds...'
	});

Options

feedurl :  The Feed URL (required)
count : Feed Item Count (required)

Style

You can modify your feeds with css. This is the css code which used for demo

body {margin:0 auto; width:70%; }
div#feed_loader { background:#fafafa;  padding:10px; }
div#feed_loader .ItemTitle a{ font-size:24px; text-decoration:none; } 
div#feed_loader .ItemDate { color:#888; font-style:italic; margin-bottom:10px; }
h4 { font-size:18px; font-weight:bold; color:#666666; border-bottom:1px solid #f1f1f1; }

View Demo Download

If you enjoyed this article, Get email updates (It’s Free)
http://w3lessons.info/wp-content/uploads/2012/01/rss-parser-jquery1.pnghttp://w3lessons.info/wp-content/uploads/2012/01/rss-parser-jquery1-150x150.pngKarthikeyan KFreebiesjqueryjquery plugin,plugins,rss feed
FeedParser is the Jquery Plugin used to parse rss feed, atom feed using Jquery and Google Ajax feed API.By using this plugin you can easily fetch feeds from any rss, atom feed url from any domainUsage 1- Include the Javascript resources into you pages <head> section <head> <script type='text/javascript' src='jquery-min.js'></script> ...