jQuery Social Stream Plugin

jQuery Social Stream Plugin – Custom Output Demo

The plugin uses a basic template system, which adds the ability to add/remove content from the stream feed items as well as change the order in which these content blocks appear. This can be modified using the “out” option for the relevant network.

This demo shows more of a “summary” stream, which is created by moving the share links to the top of the post plus disabling all content except for the title, user and intro text with date.

jQuery Code

$(document).ready(function($){
	$('#social-stream').dcSocialStream({
		twitter: {
				id: 'designchemical',
				out: 'intro,share,text,user'
			},
			rss: {
				id: 'http://feeds.feedburner.com/DesignChemical',
				out: 'intro,share,title,user'
			},
			stumbleupon: {
				id: 'remix4',
				out: 'intro,share,title,user'
			},
			facebook: {
				id: '157969574262873',
				out: 'intro,share,title,user'
			},
			google: {
				id: '111470071138275408587',
				out: 'intro,share,title,user'
			},
			delicious: {
				id: 'designchemical',
				out: 'intro,share,title,user'
			},
			vimeo: {
				id: 'brad',
				out: 'intro,share,title,user'
			},
			youtube: {
				id: 'wired',
				out: 'intro,share,title,user'
			},
			pinterest: {
				id: 'jaffrey,designchemical/design-ideas',
				out: 'intro,share,text,user'
			},
			lastfm: {
				id: 'lastfm',
				out: 'intro,share,title,user'
			},
			dribbble: {
				id: 'frogandcode',
				out: 'intro,share,title,user'
			},
			deviantart: {
				id: 'isacg',
				out: 'intro,share,title,user'
			}
                },
		rotate: {
			delay: 5000
		},
		twitterId: 'designchemical',
		max: 'limit',
		limit: 5,
		height: 750
	});
});

HTML

<div id="social-stream"></div>

The social stream is inserted into the “social-stream” div tag when the page loads.

Social Network Tabs For Wordpress
Top Social Share Posts Plugin
jQuery Social Share Buttons Plugin