Simple RSS Reader With jQuery Google Feed API RssReader - Download Simple RSS Reader With jQuery And Google Feed API - RssReader

Download Simple RSS Reader With jQuery And Google Feed API – RssReader

Posted on

This time I will share jQuery Plugin and tutorial about Simple RSS Reader With jQuery And Google Feed API – RssReader, hope it will help you in programming stack.

Simple RSS Reader With jQuery Google Feed API RssReader - Download Simple RSS Reader With jQuery And Google Feed API - RssReader
File Size: 15.7 KB
Views Total: 2509
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   

A simple yet customizable jQuery based RSS reader that allows to fetch and display any public Atom, RSS, or Media RSS feed on the webpage using Google Feed API.

How to use it:

1. Include the rssreader.css in the header to style the RSS reader.

1 <link rel="stylesheet" href="rssreader.css">

2. Create an empty container for your RSS reader.

1 <div id="rssReader"></div>

3. Include both jQuery JavaScript library and the rssreader.js at the bottom of the webpage.

1 <script src="//code.jquery.com/jquery-1.12.1.min.js"></script>
2 <script src="js/rssreader.js"></script>

4. Initialize the RSS reader and specify the path to the Atom, RSS, or Media RSS feed.

1 $("#rssReader").rssreader("//feeds.feedburner.com/jquery-script");

5. Available options to customize the RSS reader.

01 $("#rssReader").rssreader("http://feeds.feedburner.com/jquery-script",{
02  
03   // max number of entries
04   limit: 10,
05  
06   // offset
07   offset: 1,
08  
09   // displays header
10   header: true,
11  
12   // heading element for titles
13   titletag: "h4",
14  
15   // displays <a href="https://www.jqueryscript.net/time-clock/">date</a>
16   date: false,
17  
18   // displays content
19   content: true,
20  
21   // displays snippet
22   snippet: true,
23  
24   // displays errors
25   showerror: true,
26  
27   // custom error message
28   errormsg: "",
29  
30   // link target attribute
31   linktarget: "_blank",
32  
33   // redirect link
34   linkredirect: "",
35    
36 });

Chang log:

2016-07-07

  • JS update.

This awesome jQuery plugin is developed by csyntax. For more Advanced Usages, please check the demo page or visit the official website.

source : jqueryscript.net