FeedEk jQuery RSS/ATOM Feed Plugin

New! FeedEk v1.1.2 released!

FeedEk is a RSS/ATOM Feed Reader/Importer/Parser that is written with jQuery. You can obtain feeds easily from any domain.

Usage

Include the Javascript resources into you pages <head> section

<head>
 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
 <script type="text/javascript" src="FeedEk.js"></script>
</head>

Add a placeholder for the widget to your page

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

Add the Javascript that will populate the placeholder

$('#divRss').FeedEk({
  FeedUrl : 'http://rss.cnn.com/rss/edition.rss'
});

With Options

$('#divRss').FeedEk({
  FeedUrl : 'http://rss.cnn.com/rss/edition.rss',
  MaxCount : 5,
  ShowDesc : true,
  ShowPubDate:true,
  DescCharacterLimit:100,
  TitleLinkTarget:'_blank'
});

Options

Name	Default	Required	Description
FeedUrl	Your Feed Url	Yes	The Feed URL
MaxCount	5	No	Feed Item Count
ShowDesc	True	No	Option to show Feed Item Description
ShowPubDate	True	No	Option to show Feed Item Publish Date
DescCharacterLimit New	No Limit	No	Feed Description Characters Limit Count
TitleLinkTarget New	_blank	No	Option for Feed Title Link Target

Style

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

.feedEkList{width:450px; list-style:none outside none;background-color:#FFFFFF; border:1px solid #D3CAD7; padding:4px 6px; color:#3E3E3E;}
.feedEkList li{border-bottom:1px solid #D3CAD7; padding:5px;}
.feedEkList li:last-child{border-bottom:none;}
.itemTitle a{font-weight:bold; color:#4EBAFF !important; text-decoration:none }
.itemTitle a:hover{ text-decoration:underline }
.itemDate{font-size:11px;color:#AAAAAA;}