eletrotupi

  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>
cirandas.net
