jQuery RssFeed Publish easily your favorite rss feeds on your website

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.
Under license MIT

Browser Support
Internet Explorer Firefox Opera Google Chrome Safari

Actual Version of jQuery rssFeed : 1.6

Update : 02 - 16 - 2014

New functionalities :

    display or not photos integrated into the rss feed height of the photos integrated into the rss feed

Previous functionalities :

    Version 1.5
  • - Best integration of rss feed generated from PHP pages
  • - Can use feed from https url

    Version 1.4
  • - Automatic height for the news
  • - New Animation more fluid and responsive
  • - Better integration in your website : content div modified
  • - Add animated link to NoProbWeb website

    Previous Version
  • - Time since the publication
  • - When the mouse is over the title of the news, the content of the news slides down and appears. When the mouse leaves the title, the content slides up
    and the scroll of the news continues
  • - Choose display speed
  • - Choose the language (english or french, more soon)
  • - Choose to show or not the header of the rss feed and his picture
  • - Change the name of the div targeted
  • - Delete advertising pictures into the rss feed

Downloading :

Download jQuery rssFeed 1.6
  1. Download jQuery rssFeed 1.6
  2. Unzip all
  3. Upload the "rssFeed" directory to your website
  4. if you use a previous version, rename the div : <div id="rssfeed"></div> and links to the files

Getting started :

PHP Configuration
Version PHP : mini 4.3 cURL Librairy needed in this version.

Using jQuery RssFeed is very easy.

First Step

In the first step you need to copy and paste the following code between <head> and </head> tags.
<link href="rssfeed/rssfeed.css" rel="stylesheet" type="text/css">

Second Step

Insert the rssFeed <div> tag where you wish the feed to display.
<div id="rssFeed"></div>

Last Step

Add the following script between the <head> and </head> tag.
Change "Url_of_your_feed" by the url of your feed.
<script type="text/javascript" src="http://code.jquery.com/jquery-1.11.0min.js"></script>
<script type="text/javascript" src="rssfeed/rssfeed.js"></script>
<script type="text/javascript">
$(document).ready(function(){
jQuery.rssFeed('Url_of_your_feed');
});
</script>

Choose Options

displayimg :

default : on
display or not photos integrated into the rss feed..

heightpict :

default : 30
height in pixel of photos integrated into the rss feed.

Lang :

default : en
Set the language of the article link (english or french available)
Value available : en or fr

nextInterval :

default : 4000
set the display time of the article

header :

default : on
choose to display the header of jQuery Rss Feed
Value available : on or off

position :

default : relative
Change the position of the content of the news
Value available : relative, absolute, fixed, inherit

div :

default : rssFeed

By default jQuery Rss Feed replaces the div which the id is "rssFeed". In changing this parameter you can display the jQuery Rss Feed on the div that you want.

In this exemple the language is set to "fr". jQuery rssFeed will display 'lire la suite' as article link and the display time to 5000 milliseconds

<script type="text/javascript">
$(document).ready(function(){
jQuery.rssFeed('Url_of_your_feed',({lang:"fr",nextInterval:5000}));
});
</script>

Need Help ?

Contact NoProbWeb!! It's important for us to help you when you are confronted to an issue.

Exemple :

This is an exemple with the CNN news feed.
Follow us on our Blog, Facebook, Twitter & Google+
lien facebook NoprobwebBlog NoprobwebRetrouvez Noprobweb sur google plus