in1 | plugins


Social Feed Plugin

A jQuery Social Plugin to create a single social media stream from multiple social network feeds

Socialist is a social feed plugin that combines multiple social media feeds in one place. Use it to combine content and create a social wall from Facebook, Twitter, LinkedIn, YouTube, Pinterest, Flickr, Tumblr, Craiglist RSS and other social networks.

Features

  • Aggregates social feeds from Facebook, Twitter, LinkedIn, Flickr, Instagram, YouTube, Tumblr, Pinterest, RSS Feeds, Craigslist, Google+ and more..
  • Multiple themes and responsive style
  • Easy to implement with jQuery and a few lines of code!



Download from GitHub

Screenshots



Examples & Use Cases

Use Socialist on your Website or Blog to...



Installation & Usage

Socialist supports jQuery 1.6 or newer

1) Simply include the .js and .css files in your HTML document..

    <link href="jquery.socialist.css" rel="stylesheet" />
    <script src="jquery.socialist.js"></script>
	

2) Apply jQuery Socialist to any <div> element within your js code..

    $('#content').socialist({
        networks: [
            {name:'linkedin',id:'buddy-media'},
            {name:'facebook',id:'in1dotcom'},
            {name:'pinterest',id:'potterybarn'},
            {name:'twitter',id:'in1dotcom'},
            {name:'googleplus',id:'105588557807820541973/posts'},
            {name:'rss',id:' http://feeds.feedburner.com/good/lbvp'},
            {name:'craigslist',id:'boo',areaName:'southcoast'}
        ]
    });
	

Options

networks
An array of network definition objects
random
true or false; default value is: true
isotope
true or false; default value is: true
headingLength
An integer value that indicates the max number of characters to display in the 'heading' field of each result
textLength
An integer value that indicates the max number of characters to display in the 'text' description field
maxResults
An integer value that indicates the max number of results to show
theme
(none) or 'clean'; default value is: (none)
size
(none) or 'small' or 'large'; default value is:(none)
fields
An array of strings that indicate which field values to display. Any of the following: 'source','heading','text','date','image','followers','likes','share'



Dependencies

jQuery Socialist uses 2 plugins to provide the responsive layout and cross-domain ajax features:



Alternate Hosted Javascript Plugin

Super Easy Set-up Using Our JS File

You can also reference a version of the plugin hosted at in1.com

1) Reference the "socialist.js" as a SCRIPT tag in the HTML HEAD. Add a DIV with id="socialist" in your HTML BODY.
2) Define the networks to load using the 'data-networks' and 'data-ids' attributes in the "socialist" DIV. Separate each network with a comma. The order of the 'data-ids' should correspond to the order of the 'data-networks'.

For example, the code below will load Pinterest=hubspot, RSS=http://feeds2.feedburner.com/ImpressiveWebs and Tumblr=in1blog


    <script type="text/javascript" src="http://plugins.in1.com/scripts/socialist.js"></script>
    <div id="socialist" data-networks="pinterest,rss,tumblr" data-ids="hubspot,http://feeds2.feedburner.com/ImpressiveWebs,in1blog"></div>
    

Unify Your Social Endpoints, IN1.COM





Copyright ©2012 in1.com