FeedEk is an RSS/ATOM Feed Reader/Importer/Parser that is written with jQuery. You can obtain feeds easily from any domain.
Just mention the feed URL, how many items to be displayed, description and publish date to be shown or not and that’s all.
Usage
1- Include the Javascript resources into you pages<head> section<head>2- Add a placeholder for the widget to your page
<script type="text/javascript" src="jquery-1.6.2.min.js"></script>
<script type="text/javascript" src="FeedEk.js"></script>
</head>
<body>3- Add the Javascript that will populate the placeholder
...
<div id="divRss">
</div>
...
</body>
$('#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 demobody{ 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; }
0 comments:
Post a Comment