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


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

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

2- Add a placeholder for the widget to your page

    <div id="feed_loader">

3- Add the Javascript that will populate the placeholder

        loadingtext:'fetching feeds...'


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


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

Related Posts