nannu feed

13
NannuFeed Raghavendra Nayak M

Upload: raghavendra-nayak

Post on 17-Jul-2015

3.234 views

Category:

Technology


0 download

TRANSCRIPT

Page 1: Nannu feed

NannuFeedRaghavendra Nayak M

Page 2: Nannu feed

NannuFeed is a free jQuery plug-in for retrieving Feeds.

NannuFeed has inbuilt feed detection powered by Google Feeds API.

It is possible to build a feed aggregator using NannuFeed.

NannuFeed is small but Powerful plug-in.

NannuFeed

Page 3: Nannu feed

jQuery 1.5+ jQuery Timeago Plug-in (Optional) Google Feeds API (Required)

NannuFeed Requirements

Page 4: Nannu feed

$document.ready(function(){ $(‘div.demo’).NannuFeed();});<div class=“demo” link=“http://www.example.com”></div>

Once NannuFeed is Loaded feeds from example.com are loaded into container demo.

Loading NannuFeed

Page 5: Nannu feed

$(‘div.demo’).NannuFeed(function(){ count:5, //Integer Value

description:true or false, //Boolean True or False more:true or false, //Link for loading more items

timeago: true or false, // Time in ago format innerHTML:true or false // Loads URL from container});

NannuFeed Options

Page 6: Nannu feed

$(document).ready( function() {

$('div.feedz').NannuFeed({

'timeago':true,

'count':5,

});

$('div.infeeds').NannuFeed({

'timeago':true,

'count':5,

‘innerHTML':true,

});

});

<div class=“feedz" link="http://news.bbc.com" ></div>

<div class=“infeeds" >

http://www.cnn.com

</div>

BBC and CNN Feeds would be loaded in feedz and infeeds.

NannuFeed with 5 items

Page 7: Nannu feed

$(document).ready( function() {

$('div.feedz').NannuFeed({

'timeago':true,

'count':5,

‘description':true

});

$('div.infeeds').NannuFeed({

'timeago':true,

'count':5,

‘innerHTML':true,

‘description': true

});

});

<div class=“feedz" link="http://news.bbc.com" ></div>

<div class=“infeeds" >

http://www.cnn.com

</div>

Feed Title, Item Title, Item Time, Description would be displayed

Nannu Feed with Description

Page 8: Nannu feed

$(document).ready( function() {

$('div.feedz').NannuFeed({

'timeago':true,

'count':5,

‘description':true

});

$('div.infeeds').NannuFeed({

'timeago':false,

'count':5,

‘innerHTML':true,

‘description': true

});

});

<div class=“feedz" link="http://news.bbc.com" ></div>

<div class=“infeeds" >

http://www.cnn.com

</div>

BBC feed time would be displayed like 2 minutes ago, 5 hours ago etc. CNN Feed timestamp would be displayed normally

NannuFeed with timeago

Page 9: Nannu feed

$(document).ready( function() {

$('div.feedz').NannuFeed({

'timeago':true,

'count':5,

‘more':true,

});

});

function more(id)

{

$('div.#'+id).NannuFeed({

'timeago':true,

'count':10

});

<div class=“feedz" link="http://news.bbc.com" id=“1”></div>

Container must have id in order to use more. More will append a more link at the bottom of feed item on click a more function with id of container is called as shown above.

More Function

Page 10: Nannu feed

NannuFeed allows you to load external Feeds using Python and PHP

Two separate plug-ins are included in package.

Python and PHP Support

Page 11: Nannu feed

Released under MIT and GPL. No need of any links to our site. No need to mention credit explicitly.

Licence

Page 12: Nannu feed

I will assist you with plug-in, if you want any help.

http://twitter.com/MRNayak Please help me with future development of

this plug-in. Report Bugs in this project. Suggestions are always welcome. Visit site regularly for new version.

Support

Page 13: Nannu feed

Thank You For Your Interest In NannuFeed