Simple RSS Reader With jQuery And Google Feed API - RssReader

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.

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

2. Create an empty container for your RSS reader.

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

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

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

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

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

5. Available options to customize the RSS reader.

$("#rssReader").rssreader("http://feeds.feedburner.com/jquery-script",{

  // max number of entries
  limit: 10,

  // offset
  offset: 1,

  // displays header
  header: true,

  // heading element for titles
  titletag: "h4",

  // displays date
  date: false,

  // displays content
  content: true,

  // displays snippet
  snippet: true,

  // displays errors
  showerror: true,

  // custom error message
  errormsg: "",

  // link target attribute
  linktarget: "_blank",

  // redirect link
  linkredirect: "",
  
});

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.