jQuery Social Stream Plugin

jQuery Social Stream Plugin – Quickstart Demo

No customized options – uses plugin default values! Minimum required settings are the relevant ID’s, usernames or URLs for the individual social network feeds:

The plugin includes 2 skins for use straight out of the box or as the starting point for creating your own styles:

  • Dark Skin – see demo in side column
  • Light Skin

jQuery Code

$(document).ready(function($){
	$('#social-stream').dcSocialStream({
		feeds: {
			twitter: {
				id: 'designchemical'
			},
			rss: {
				id: 'http://feeds.feedburner.com/DesignChemical'
			},
			stumbleupon: {
				id: 'remix4'
			},
			facebook: {
				id: '157969574262873'
			},
			google: {
				id: '111470071138275408587'
			},
			delicious: {
				id: 'designchemical'
			},
			vimeo: {
				id: 'brad'
			},
			youtube: {
				id: 'wired'
			},
			pinterest: {
				id: 'designchemical'
			},
			flickr: {
				id: ''
			},
			lastfm: {
				id: 'lastfm'
			},
			dribbble: {
				id: 'frogandcode'
			},
			deviantart: {
				id: 'jackie-dd'
			}
		},
		iconPath: 'images/icons/',
		imagePath: 'images/icons/'
	});
});

HTML

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

The social stream feed 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