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.

YouTube Thumbnails Plugin jQuery Craiglist Plugin jQuery Tumblr Plugin jQuery Google+ Plugin jQuery Flickr Plugin

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...

Show updates from multiple social networks in Pinterest-like layouts

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:

jQuery Isotope Plugin v1.5.19: An exquisite jQuery plugin for magical layouts (http://isotope.metafizzy.co)
jQuery Cross Domain Ajax: http://james.padolsey.com/javascript/cross-domain-requests-with-jquery/

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>