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.


1- Include the Javascript resources into you pages section

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

2- Add a placeholder for the widget to your page

    <div id="divRss">

3- Add the Javascript that will populate the placeholder

   FeedUrl : 'http://rss.cnn.com/rss/edition.rss',
   MaxCount : 5,
   ShowDesc : true,


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)


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