FeedEk: jQuery RSS/ATOM Feed Plugin

FeedEk: jQuery RSS/ATOM Feed Plugin

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

Usage

1- Include the Javascript resources into you pages section

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

2- Add a placeholder for the widget to your page

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

3- Add the Javascript that will populate the placeholder

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

Options

FeedUrl: The Feed URL (required) 
MaxCount: Feed Item Count (default 5)
ShowDesc: Option to show Feed Item Description (default true)
ShowPubDate: Option to show Feed Item Publish Date (default true)

Style

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

body{ background-color:#F4F4EE; font:13px tahoma,Geneva,sans-serif; text-align:left; }

#divRss{ width:450px; padding: 0px 3px 3px 5px; background-color:#FFF; 
border:1px solid #D3CAD7; margin-top:3px; }

.ItemTitle{ font-weight:bold; margin:5px 0px 0px 0px; padding-top:3px; }
.ItemTitle a{ color:#4EBAFF; text-decoration:none }
.ItemTitle a:hover{ text-decoration:underline }
.ItemContent{ padding:1px 3px 3px 3px; border-bottom:1px solid #D3CAD7; color:#3E3E3E; }
.ItemDate{ font-size:11px; color:#AAA; }

DemoDownload

 
 
 
 
 

Sponsors