jQuery Plugin To Display RSS Feeds On Your Webpage - YRSS

File Size: 11.3 KB
Views Total: 13996
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   
jQuery Plugin To Display RSS Feeds On Your Webpage - YRSS

YRSS is a jQuery RSS reader plugin which uses YQL to fetch data from any RSS feed and display it on your webpage. Easy to customize with lots of configuration options.

How to use it:

1. Load jQuery library and the jQuery YRSS plugin at the end of the html document.

<script src="//code.jquery.com/jquery-2.1.4.min.js"></script>
<script src="yrss.js"></script>

2. Create a container to place your RSS feeds.

<script src="//code.jquery.com/jquery-1.11.3.min.js"></script>
<script src="yrss.js"></script>

3. Call the plugin on the container and specify the RSS source.

$('.rss-feed').yrss('http://feeds.feedburner.com/jquery-script?format=xml')

4. Style your RSS feeds.

.rss-feed {
  ...
}

.rss-feed h4 { 
  ...
}

.rss-feed img {
  ...
}

5. Customize the plugin with the following options.

$('.rss-feed').yrss('http://feeds.feedburner.com/jquery-script?format=xml', {

  // enable ssl
  ssl: false,

  // max number of items
  limit: 10,

  // enable cache
  cache: true,
  maxage: 3600,

  // show error message
  showerror: true,

  // reverse
  reverse: false,

  // custom error message
  errormsg: '',

  // show tags
  tags: false,

  // show date
  date: true,

  // date format
  dateformat: 'default',

  // heading tag for titles
  titletag: 'h4',

  // show content
  content: true,

  // show snippet
  snippet: true,

  // show snippet image
  image: false,

  // max number of characters
  snippetlimit: 120,

  // href target attribute
  linktarget: '_self'

  // enables console log
  logging: false
  
}, function () {
  // optional callback function
});

Changelog:

2018-11-03

  • Updated comments and grouped vars

2018-10-27

  • Changed feed wrapper class

2017-07-25

  • Add logging option

2017-03-15

  • Changed method name and generated classes

2017-03-14

  • Added cache control options

2017-03-13

  • Added reverse option

2017-03-04

  • Bugfix

2017-01-24

  • Check for RSS description/encoded value

2016-12-17

  • demo update

2016-12-16

  • Modified snippet and image logic

2016-12-11

  • Move image option out of snippet logic

2016-09-24

  • Use strict mode

2016-09-23

  • Added snippetimage option
  • Check if entries are not inside an array (only 1 entry) 

2016-04-16

  • Added minified version of YRSS and minor updates

2016-01-24

  • YRSS v1.0.0

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