Download
Demo
- Overview
- Documents
User Rating: 0/5 ( 0 votes)
Your Rating:
Social feed is a jQuery plugin that shows a user feed from the most popular social networks.
Source: github.com
1. INCLUDE CSS AND JS FILES
<!-- Social-feed css --> <link href="css/jquery.socialfeed.css" rel="stylesheet" type="text/css"> <!-- font-awesome for social network icons --> <link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet"> <!-- jQuery --> <script src="http://code.jquery.com/jquery-latest.min.js"></script> <!-- doT.js for rendering templates and moment.js for showing time ago --> <script src="dependencies/doT.min.js"></script> <script src="dependencies/moment.min.js"></script> <!-- Social-feed js --> <script src="js/jquery.socialfeed.js"></script>
2. HTML
<div class="social-feed-container"></div>
3. JAVASCRIPT
$('.social-feed-container').socialfeed({ //FACEBOOK-------------------- facebook:{ accounts:['@teslamotors','##teslamotors'], limit:2, token:'YOUR_FACEBOOK_TOKEN' //you can also create an app and put here your 'APP ID|APP SECRET' - it is easier but not safe }, //VK-------------------- vk:{ accounts:['@125936523','#teslamotors'], //id for users and -id (with minus) for groups limit:2, source:'all' }, //GOOGLEPLUS------------------- google:{ access_token: 'YOUR_GOOGLEPLUS_TOKEN', accounts: ['#teslamotors'], limit: 2 }, //INSTAGRAM--------------------- instagram:{ accounts:['@teslamotors','#teslamotors'], client_id:'YOUR_INSTAGRAM_CLIENT_ID', limit:2 }, //GENERAL SETTINGS-------------- length:130, show_media:true, callback: function(){ console.log('all posts are collected'); } });