Submit your widget

jQuery feed menus

Created 13 years ago   Views 9617   downloads 1815    Author n/a
jQuery feed menus
View DemoDownload
82
Share |

The jQuery Feed Menu

This feed menu was created easily by the following snippet of code:

var fm = new FeedMenu();
fm.write('#jquery_feed_menu_example_1');

 

 

Cool huh? That piece of code finds all of your feeds in the <head> of your HTML document and makes them into a handy menu you can plop anywhere.

Atom Feeds

Code:

 

var fm = new FeedMenu('link[type*=atom]');
fm.write('#jquery_feed_menu_example_2');

 

 

RSS Feeds

Code:

 

 

var fm = new FeedMenu('link[type*=rss]');
fm.write('#jquery_feed_menu_example_3');

 

 

Different Theme Classes:

Code:

 

 

/*
* @param 1: CSS link selector or array of JSON objects
* @param 2: Class Name: null, wood, azure, trans_on_dark, trans_on_light
/*
var fm = new FeedMenu(null,'wood'); //2nd param is class
fm.write('#jquery_feed_menu_example');

 

 

Last, something custom

And, here’s the custom code:

 

 

var oCustomLinks = [
{
title:'RSS Feed',
href:"http://feeds.feedburner.com/komodomedia"
},
{
title:'Subscribe with Bloglines',
href:"http://www.bloglines.com/sub/http://feeds.feedburner.com/komodomedia"
},
{
title:'Subscribe with Google Reader',
href:"http://www.google.com/reader/view/feed/http://feeds.feedburner.com/komodomedia"
}
];
var fm = new FeedMenu(oCustomLinks);
fm.write('#jquery_feed_menu_example_6');