20+ Best jQuery Rss feed reader tutorial & plugin with examples

In this Article we are providing best jQuery rss reader tutorial & plugin.Rss is the easy way to get the current update of any blog or website.These updates includes full or summarized text like blog entries, news headlines, audio, and video in a standardized format.And if you want to show these updates of other blog and sites on your own site then jQuery helps you providing following plugins.

1. FeedEk jQuery RSS/ATOM Feed Plugin

FeedEk is an RSS/ATOM Feed Reader/Importer/Parser that is written with jQuery. You can obtain feeds easily from any domain.

FeedEk jQuery RSS/ATOM Feed Plugin

Read More Demo

2. zRSSFeed : RSS Feeds Reader Plugin for jQuery

This plugin will read RSS feeds from any website URL using the Google Feeds API. It produces structured HTML with in-built CSS classes for styling. Simple and easy to use.

zRSSFeed : RSS Feeds Reader Plugin for jQuery

Read More Demo

3. PaRSS : jQuery RSS Feed Plugin

PaRSS is a jQuery plugin for displaying RSS feed from a given source in user-defined format/style. It uses a UL or OL element from your style sheet to display content on your HTML page.PaRSS uses the Google Feed API to parse the feed into JSON data, which it then uses to build the li elements which are added to the page.

PaRSS : jQuery RSS Feed Plugin

Read More Demo

4. jFeed : jQuery RSS/ATOM feed parser plugin

jFeed : jQuery RSS/ATOM feed parser plugin

Read More

5. jQuery News Ticker

Taking inspiration from the BBC News website ticker, jQuery News Ticker brings a lightweight and easy to use news ticker to jQuery.

jQuery News Ticker

Read More Demo

6. jReader – Open source jQuery RSS reader

jReader is a simple, open source, jQuery and PHP based RSS reader for you to use in your site.

Read More

7. jQuery: RSS Feed Rotator

We want to create an RSS feed rotator with jQuery. To accomplish this, we need a server-side script to fetch the feed, jQuery’s AJAX methods and a JavaScript timer to create the intervals between feeds. Since fetching a feed requires some time, we hide the elements while the process is running and then we reveal them one by one with a certain delay.

jQuery: RSS Feed Rotator

Read More Demo

8. jQuery Google Feed Plugin

Google Feed Plugin is a pretty cool thing as it facilitates feed mashups by providing the server component. This means that developers can easily mash feeds on the client by simply including Google’s new API script.

jQuery Google Feed Plugin

Read More Demo

9. How to Build an RSS Reader with jQuery Mobile

Today, we’ll dive into jQuery Mobile, which, at the time of this writing, is in a RC1 state. We’ll build a simple Tuts+ RSS reader, using PHP and jQuery Mobile. When we’re finished, you’ll have the ability to add this simple project to your iPhone or Android phone with the click of a button, as well as the skills to build your own custom mobile web apps!

How to Build an RSS Reader with jQuery Mobile

Read More

10. jQuery REST RSS Demo

This is very similar to the original jQuery RSS demo but it also illustrates how to preview the rss post by hovering over the item in the list. The “tooltip” here is just a hidden div that is styled and shown when onmouseover is triggered. Another jQuery plugin, Autocomplete, is used to load feeds into the RSS text box. Just start typing, and feeds that match your keystrokes will auto-display as you type. Otherwise, it will accept whatever URL you’d like.

jQuery REST RSS Reader Demo

Read More Demo

11. Parsing XML/RSS data with AJAX and jQuery

What is shown in the current post is RSS file data parsing with the jQuery.ajax() method. As a sample XML I am using a RSS file, used in my Useful links repository. As the file is with ever changing (let’s hope expanding) content.

Parsing XML/RSS data with AJAX and jQuery

Read More Demo

12. How to fetch Rss Feed by jQuery

Well this is cool plugins to fetch instant, easily feed display on your website by jquery. Developer can use it any website. its so handy to use. here im going to explain how it will work

How to fetch Rss Feed by jQuery

Read More Demo

13. Build an RSS Feed Reader with jQuery and jGFeed

Build an RSS Feed Reader with jQuery and jGFeed

Read More

14. How to build RSS feed reader app using PHP and jQuery

We are going to build a simple RSS reader web application using PHP and Jquery.PHP comes so handy to process server side requests.To add the speed and performance we will be using jquery for the application.

How to build RSS feed reader app using PHP and jQuery

Read More Demo

15. jQuery Flickr RSS Gallery

A simple FREE tool called Flickr Gallery allows you to create a custom image gallery with a cool slide show of the most recent and most interesting photos from Flickr on your website or blog in a few easy steps.

jQuery Flickr RSS Gallery

Read More Demo

16. Display RSS Feed Using jQuery UI Accordion

RSS is a great way to do this and jQuery makes it very easy to manipulate the feed and display it however you want. Read more on this slick jQuery RSS reader.What we’ll be doing is using some PHP to read our RSS feed, spitting out some HTML, and then formatting it using jQuery UI’s Accordion plugin.

Display RSS Feed Using jQuery UI Accordion

Read More Demo

17. jQuery RSS ATOM Feed Button

Your blogs content is the vital and most important part of your Blog Site , and displaying various RSS buttons for your readers / users to subscribe to your content’s feeds can certainly overcrowd your Theme with unnecessary buttons for all of your RSS & Atom Feeds .

jQuery RSS ATOM Feed Button

Read More Demo

18. jQuery RSS Slider

A recent project of mine involved a website where the news feed was powered purely by RSS. To add some life to the news & events sections on the home page I created a slider that scrolls through the three latest entries using ‘the jFeed’ and ‘jQuery Flips’ plug-ins.

jQuery RSS Slider

Read More Demo

19. jQuery and PHP RSS Feed Syndicator (with auto-reload!)

This simple jQuery and PHP feed loader is a dead simple and effective way of adding the contents of a news feed to any page you choose. Inserted into a page using only jQuery, it’ll allow you to keep your users up to date with whatever’s happening right now with it’s inline Ajax powered reload.The method I’m using is a combination of the two, using PHP to grab and parse the feed and then JavaScript (via jQuery) to load the data into the page and auto-update it every 10 seconds (or by whatever period you’d wish).

jQuery and PHP RSS Feed Syndicator (with auto-reload!)

Read More Demo

20. Discover jQuery rssFeed plugin for jQuery

jQuery RssFeed allows you to display all the rss feeds you want. it’s very easy to use.Copy and paste the code on your website, put the url of the rss feed, choose the options and it works.

Discover jQuery rssFeed plugin for jQuery

Read More Demo

21. RSS Feeding without server side proxy script with jQuery & YQL

RSS Feeding without server side proxy script with jQuery & YQL
Read More

22. jQuery.RSS : Easy-to-use RSS plugin with Google Feed API

An easy-to-use rss plugin for jquery with templating.This plugin can be used to read a RSS feed (via the Google Feed API) and transform it into a custom piece of HTML.Yyou can specify a template in order to transform the json objects into HTML.

jQuery.RSS : Easy-to-use RSS plugin with Google Feed API

Read More Best jQuery website design gallery

3 Replies to 20+ Best jQuery Rss feed reader tutorial & plugin with examples

  1. Mark says:

    You should check JQuery-RSS,
    its super easy to use and very flexible.
    http://dawanda.github.com/jquery-rss/

  2. Hi
    do you thinks it’s better to use a plugin (more files to load) or build your own ticker with a few lines of jQuery code? I Don’t know what’s the best practice.

  3. It’s a good resource and very useful help desk for a programmer to find the useful one. Thanks to author.

Leave a Reply