Submit your widget

blur background social share plugin

Created 11 years ago   Views 20226   downloads 4495    Author tolgaergin
blur background social share plugin
View DemoDownload
38
Share |

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

Read more:http://tolgaergin.com/files/social/

Tag: buttons