jQuery Social Media Tabs Plugin

jQuery Social Media Tabs Plugin – Example 4

To insert sliding tabs into the actual page content you can use the “position” option.

Just set the position option to “absolute” and then insert your social tabs tag into the div tag where you want the slide out tabs to appear.

jQuery Code

Using the “method: ’static’” option we can switch from slide out tabs to inline static tabs:

$('#social-tabs').dcSocialTabs({
    position: 'absolute',
    location: 'top',
    align: 'right',
    width: 380,
    offset: 0,
    widgets: 'twitter,fblike,fbrec,google,rss,pinterest,flickr,delicious,youtube',
    rssUrl: 'http://feeds.feedburner.com/DesignChemical',
    twitterId: 'designchemical',
    fblikeId: '157969574262873',
    fbrecId: 'http://www.designchemical.com',
    googleId: '111470071138275408587',
    flickrId: '',
    deliciousId: 'designchemical',
    youtubeId: 'wired',
    pinterestId: 'jaffrey'
});

HTML

<div id="social-tabs"></div>