Simple jQuery RSS Aggregator With jQuery And Google Feeds API - Agrogator

Simple jQuery RSS Aggregator With jQuery And Google Feeds API - Agrogator
File Size: 4.46 KB
Views Total: 1771
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   

Agrogator is a JQuery based RSS reader that imports, merges and displays RSS and Atom feeds on your website using Google Feed API.

How to use it:

1. Load the needed jQuery library and Google Feed API in the html page.

<script src="//code.jquery.com/jquery.min.js"></script>
<script src="https://www.google.com/jsapi"></script>

2. Download and load the Agrogator jQuery plugin after jQuery.

<script src="agrogator-1.0.js"></script>

3. Create inline elements with the CSS class of 'agrogator_enclosure' and specify the RSS & ATOM feeds using the data-uri attribute.

<span class="agrogator_enclosure" data-uri="http://feeds.feedburner.com/jquery-script"></span>
...

4. Create a container to place all the latest RSS feeds by pubdate.

<div class="agrogator_container"></div>

5. You can also create a refresh button to fetch the latest RSS feeds manually.

<button class="agrogate_refresh" onclick="Agrogate();">Cached</button>

6. Style the RSS Aggregator.

.agrogator a, .agrogator i { display: block; }

.agrogator p {
  display: none;
  color: #c6c6c6;
}

.agrogator p:hover { color: #000; }

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