The DP Social Timeline plugin lets you retrieve status/posts/videos/images from different social networks in a timeline format from the newest to the oldest.
Thank you for purchasing my item. If you have any questions that are beyond the scope of this help file, please feel free to email via my user page contact form here. Thanks so much!
The following files and folders are included in the package:
Where #socialTimeline is the ID of the HTML element:
$('#socialTimeline').dpSocialTimeline({ feeds: { 'twitter': {data: 'http://www.yourserver.com/twitter_oauth/user_timeline.php?screen_name=cnn', limit: 6}, 'twitter_hash': {data: 'http://www.yourserver.com/twitter_oauth/search.php?q=%23webdesign', limit: 3}, 'facebook_page': {data: 'http://www.yourserver.com/facebook_auth/facebook_page.php?page_id=5550296508', limit: 2}, 'youtube': {data: 'http://www.yourserver.com/youtube_auth/youtube.php?username=youtube'}, 'youtube_search': {data: 'http://www.yourserver.com/youtube_auth/youtube.php?q=cats'}, 'instagram': {data: 'http://yourdomain.com/instagram_auth/instagram.php?username=YOUR_USERNAME'}, 'instagram_hash': {data: 'http://yourdomain.com/instagram_auth/instagram_hash.php?tag=YOUR_HASHTAG'}, 'flickr': {data: '52617155@N08'}, 'flickr_hash': {data: 'webdesign'}, 'tumblr': {data: 'drinkyourjuice'} } });
Set social RSS feeds. The included options are:
$('#socialTimeline').dpSocialTimeline({ custom: { '1stwebdesigner': { name: '1stwebdesigner', url: 'http://feeds.feedburner.com/1stwebdesigner', icon: 'http://cdn1.1stwebdesigner.com/wp-content/themes/1stwd/favicon.ico', limit: 5 } } });
Set custom RSS feeds.
$('#socialTimeline').dpSocialTimeline({ skin: 'xxx' });
Set the skin Style. (light / dark / modern). Default: "light"
$('#socialTimeline').dpSocialTimeline({ layoutMode: 'xxx' });
Set the Layout Style. (timeline / columns / one_column). Default: "timeline"
$('#socialTimeline').dpSocialTimeline({ addLightbox: true });
Activate the lightbox feature for images and videos.
$('#socialTimeline').dpSocialTimeline({ share: false });
Show/hide the share buttons. Default: true
$('#socialTimeline').dpSocialTimeline({ showSocialIcons: true });
Show/Hide social icons. Default: true
$('#socialTimeline').dpSocialTimeline({ showFilter: true });
Show/hide the filter buttons. Default: true
$('#socialTimeline').dpSocialTimeline({ rtl: true });
Enable/Disable RTL layout. Default: false
$('#socialTimeline').dpSocialTimeline({ cache: true });
Enable/disable cache feature. Default: false
$('#socialTimeline').dpSocialTimeline({ cacheTime: 900 });
Set the cache expire time in seconds. Default: 900 (15 minutes)
$('#socialTimeline').dpSocialTimeline({ allowMultipleFilters: false });
Enable/disable the multiple social filter. Default: true
$('#socialTimeline').dpSocialTimeline({ showLayout: true });
Show/hide the layout buttons. Default: true
$('#socialTimeline').dpSocialTimeline({ showLayoutTimeline: false });
Show/hide the "timeline" layout button. Default: true
$('#socialTimeline').dpSocialTimeline({ showLayoutColumns: false });
Show/hide the "columns" layout button. Default: true
$('#socialTimeline').dpSocialTimeline({ showLayoutOneColumn: false });
Show/hide the "one column" layout button. Default: true
$('#socialTimeline').dpSocialTimeline({ itemWidth: 300 });
Set the width of each column. Default: 200
$('#socialTimeline').dpSocialTimeline({ timelineItemWidth: '300px' });
Set the width of each column in the timeline layout. Default: itemWidth value
$('#socialTimeline').dpSocialTimeline({ columnsItemWidth: '300px' });
Set the width of each column in the columns layout. Default: itemWidth value
$('#socialTimeline').dpSocialTimeline({ oneColumnItemWidth: '100%' });
Set the width of each column in the "one column" layout. Default: itemWidth value
$('#socialTimeline').dpSocialTimeline({ total: 10 });
Set the total number of items to retrieve. Default: 10
You can retrieve feeds from different usernames in the same social network using a comma as separator. I.E:
$('#socialTimeline').dpSocialTimeline({ youtube: 'username1, username2, username3' });