options.html
3.94 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
<title>Social Share Privacy: More Options</title>
<meta property="og:image" content="http://upload.wikimedia.org/wikipedia/commons/thumb/8/84/Example.svg/600px-Example.svg.png"/>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript" src="http://panzi.github.com/SocialSharePrivacy/javascripts/jquery.cookies.js"></script>
<script type="text/javascript" src="../javascripts/socialshareprivacy.js"></script>
<script type="text/javascript" src="../javascripts/modules/buffer.js"></script>
<script type="text/javascript" src="../javascripts/modules/disqus.js"></script>
<script type="text/javascript" src="../javascripts/modules/facebook.js"></script>
<script type="text/javascript" src="../javascripts/modules/flattr.js"></script>
<script type="text/javascript" src="../javascripts/modules/gplus.js"></script>
<script type="text/javascript" src="../javascripts/modules/linkedin.js"></script>
<script type="text/javascript" src="../javascripts/modules/mail.js"></script>
<script type="text/javascript" src="../javascripts/modules/pinterest.js"></script>
<script type="text/javascript" src="../javascripts/modules/reddit.js"></script>
<script type="text/javascript" src="../javascripts/modules/stumbleupon.js"></script>
<script type="text/javascript" src="../javascripts/modules/tumblr.js"></script>
<script type="text/javascript" src="../javascripts/modules/twitter.js"></script>
<script type="text/javascript" src="../javascripts/modules/xing.js"></script>
<script type="text/javascript" src="../javascripts/modules/delicious.js"></script>
<script type="text/javascript" src="../javascripts/modules/hackernews.js"></script>
<script type="text/javascript" src="../javascripts/settings.js"></script>
<script type="application/x-social-share-privacy-settings">
// You can define global options like this.
// This is actually not JSON but a single JavaScript expression.
// This way you could define an inline service here.
{
path_prefix: '../',
// define the default order of the buttons:
// services that aren't listed are added at the end sorted alphabetiacally
order: ['facebook', 'gplus', 'twitter', 'tumblr']
}
</script>
<script type="text/javascript">
// <![CDATA[
$(document).ready(function () {
$('#share1').socialSharePrivacy({
services: {
facebook: { status: false },
tumblr: {
type : 'video',
caption : "RickRoll'D",
embed : '<iframe width="420" height="315" src="http://www.youtube.com/embed/oHg5SJYRHA0" frameborder="0" allowfullscreen></iframe>'
},
disqus: {
shortname : 'socialshareprivacy',
count : 'reactions'
}
}
});
$('#share2').socialSharePrivacy();
$('#share3').socialSharePrivacy({
services: {
tumblr: {
type : 'link',
name : 'Post a link on Tumblr',
description : 'Demo showing how to use Shocial Share Privacy to post a link on Tumblr.'
}
},
uri: 'http://example.com/'
});
$('#share4').socialSharePrivacy({
title: 'An orc drawn with pencil, traced and colored in inkscape.',
image: 'http://www.deviantart.com/download/4617948/orc__blizzard_x_mas_like____colored.png',
services: {
facebook : { status : false },
twitter : { status : false },
gplus : { status : false },
tumblr : { type : 'photo' }
}
});
});
// ]]>
</script>
<style type="text/css">
body {
padding-left: 110px;
}
#share2 {
position: absolute;
top: 40px;
left: 10px;
}
</style>
</head>
<body>
<h1>Social Share Privacy: More Options</h1>
<p>
...
</p>
<div id="share1"></div>
<p>
...
</p>
<div id="share2"
data-layout="box"
data-uri="http://panzi.github.com/SocialSharePrivacy/"
data-services.tumblr="{type:'quote',quote:'The best way to use social sharing.'}"
data-services.disqus.shortname="socialshareprivacy"></div>
<p>
...
</p>
<div id="share3"></div>
<p>
...
</p>
<div id="share4"></div>
</body>
</html>