blur background social share plugin

Home Buttons & Iconsblur background social share plugin

blur background social share plugin

12 years ago Views

20458

4620

tolgaergin

To list social accounts or share any page with 46 icons.

Usage for socialProfiles:

Place in your head section

<link rel="stylesheet" href="assets/stylesheets/arthref.css">

Write before closing body tag

<script src="assets/javascripts/socialProfiles.js"></script>

$('.selectorClass').socialProfiles({
email: 'example@example.com',
behance: 'gokhun'
facebook: 'tolgaergin',
twitter: 'tolgaergin',
pinterest: 'tolga',
dribbble: 'bbb',
scoutzie: 'gokhun-guneyhan'
});

Options for socialShare:

social: you can put comma between each social-service.
blogger,delicious,digg,facebook,friendfeed,google,
linkedin,myspace,pinterest,reddit,stumbleupon,
tumblr,twitter,windows,yahoo
animation:
launchpad, launchpadReverse, slideTop, slideRight, slideBottom, slideLeft, chain
chainAnimationSpeed: default value: 100
blur: makes blur images and texts (only works on Chrome)
true,false
whenSelect: if you set true, when user select text, sharing box will be opened
(default: false)
selectContainer: To specify a container for selection
(default: 'body') (alternative: '.anyclass' or '#anyid')
title:
(default: document title)
shareUrl:
(default: document url)
description:
(default: document meta description)

Usage for socialShare:

Place in your head section

<link rel="stylesheet" href="assets/stylesheets/arthref.css">

Write before closing body tag

<script src="assets/javascripts/socialShare.js"></script>

$('.selectorClass').socialShare({
social: 'blogger,delicious,digg,facebook,friendfeed,google,
linkedin,myspace,pinterest,reddit,stumbleupon,
tumblr,twitter,windows,yahoo'
});