(RSS)

How to fetch Rss Feed by Jquery plugins

Multiple Feed Contents in tab

$(document).ready(function() {
// add a feed manually
$('a.feed').gFeed( { target: '#feeds', tabs: true } );
});

<div id="feeds">
<a class="feed" href="http://feeds.feedburner.com/w3cgallery/css">W3cgallery Blog</a>
<a class="feed" href="http://jquery.com/blog/feed/">jQuery Blog</a>
<a class="feed" href="http://www.learningjquery.com/feed/">Learning jQuery</a>
</div>

Demo

Display limited number of feed records

$(document).ready(function() {
// add a feed manually
$('a.feed').gFeed( { target: '#feed', tabs: true, max: 3 } );
});

<div id="feed1">
<a class="feed1" href="http://feeds.feedburner.com/w3cgallery/css">W3cgallery Blog</a>
<a class="feed1" href="http://jquery.com/blog/feed/">jQuery Blog</a>
<a class="feed1" href="http://www.learningjquery.com/feed/">Learning jQuery</a>
</div>

Demo

 

without Tab add feed direct

$(document).ready(function() {
$('#feed2).gFeed({
url: 'http://feeds.feedburner.com/w3cgallery/css',
title: 'A List of W3c Gallery Blog'
});
});

<div id="feed2"></div>

Demo