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
Contents
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; }