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');
}
});
JS Tutorial
