This repository has been archived by the owner on May 12, 2020. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 44
/
example.html
394 lines (231 loc) · 17.2 KB
/
example.html
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
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
<!DOCTYPE html>
<html lang="en">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet" integrity="sha256-MfvZlkHCEqatNoGiOXveE8FIwMzZg4W85qfrfIFBfYc= sha512-dTfge/zgoMYpP7QbHy4gWMEGsbsdZeCXz7irItjcC3sPUFtf0kuFbDz/ixG7ArTxmDjLXDmezHubeNikyKGVyQ==" crossorigin="anonymous">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js" integrity="sha256-Sk3nkD6mLTMOF0EOpNtsIry+s1CsaqQC1rVLTAy+0yc= sha512-K1qjQ+NcF2TYO/eI3M6v8EiNYZfA95pQumfvcVrTHtwQVDG+aHRqLi/ETn2uB+1JqwYqVG3LIvdm9lj6imS/pQ==" crossorigin="anonymous"></script>
<script type="text/javascript" src="SocialShare.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('.share').ShareLink({
title: 'SocialShare jQuery plugin',
text: 'SocialShare jQuery plugin for create share buttons and counters',
image: 'http://cdn.myanimelist.net/images/characters/3/27890.jpg',
url: 'https://github.com/AyumuKasuga/SocialShare'
});
$('.counter').ShareCounter({
url: 'http://google.com/',
increment: true
});
});
</script>
<style>
#container-fluid {padding: 10px;}
button.share {margin-bottom: 5px;}
.source-link {float: right;}
.main-link {color: black;}
</style>
</head>
<body>
<div id='container-fluid'>
<a target="_blank" class="btn btn-info source-link" href='https://github.com/AyumuKasuga/SocialShare/blob/master/example.html'>
page source <span class="glyphicon glyphicon-pencil" aria-hidden="true"></span>
</a>
<h1 class="main-title">
<a class="main-link" href="https://github.com/AyumuKasuga/SocialShare/">SocialShare</a> <small>examples</small>
</h1>
<hr>
<h3>Buttons with counters</h3>
<div class="container-fluid">
<div class="row">
<button class='btn btn-primary share s_vk' type='button'>
Vkontakte <span class='badge counter c_vk'></span>
</button>
<button class='btn btn-primary share s_linkedin' type='button'>
Linkedin <div class='badge counter c_linkedin'></div>
</button>
<button class='btn btn-primary share s_myworld' type='button'>
My Wold <div class='badge counter c_myworld'></div>
</button>
<button class='btn btn-primary share s_odnoklassniki' type='button'>
OK <div class='badge counter c_odnoklassniki'></div>
</button>
<button class='btn btn-primary share s_pinterest' type='button'>
Pinterest <div class='badge counter c_pinterest'></div>
</button>
<button class='btn btn-primary share s_plus' type='button'>
Google + <div class='badge counter c_plus'></div>
</button>
<button class='btn btn-primary share s_facebook' type='button'>
Facebook <div class='badge counter c_facebook'></div>
</button>
</div><br />
<div class="row">
<p>Pinterest + Google plus: <span class='badge counter c_pinterest c_plus'></span></p>
</div>
</div>
<hr>
<h3>Just buttons</h3>
<div class="container-fluid">
<div class="row">
<button class='btn btn-primary share s_twitter'>Twitter</button>
<button class='btn btn-primary share s_facebook'>Facebook</button>
<button class='btn btn-primary share s_tumblr'>Tumblr</button>
<button class='btn btn-primary share s_blogger'>Blogger</button>
<button class='btn btn-primary share s_delicious'>Delicious</button>
<button class='btn btn-primary share s_plus'>Google +</button>
<button class='btn btn-primary share s_digg'>Digg</button>
<button class='btn btn-primary share s_reddit'>Reddit</button>
<button class='btn btn-primary share s_stumbleupon small-font'>stumbleupon</button>
<button class='btn btn-primary share s_pocket'>pocket</button>
<button class='btn btn-primary share s_chiq'>chiq</button>
<button class='btn btn-primary share s_qrifier'>qrifier</button>
<button class='btn btn-primary share s_qrsrc'>qrsrc</button>
<button class='btn btn-primary share s_qzone'>qzone</button>
<button class='btn btn-primary share s_tulinq'>tulinq</button>
<button class='btn btn-primary share s_misterwong small-font'>misterwong</button>
<button class='btn btn-primary share s_sto_zakladok small-font'>100zakladok</button>
<button class='btn btn-primary share s_two_linkme'>2linkme</button>
<button class='btn btn-primary share s_adifni'>adifni</button>
<button class='btn btn-primary share s_amazonwishlist'>amazon</button>
<button class='btn btn-primary share s_amenme'>amenme</button>
<button class='btn btn-primary share s_aim'>aim</button>
<button class='btn btn-primary share s_aolmail'>aolmail</button>
<button class='btn btn-primary share s_arto'>arto</button>
<button class='btn btn-primary share s_baidu'>baidu</button>
<button class='btn btn-primary share s_bitly'>bitly</button>
<button class='btn btn-primary share s_bizsugar'>bizsugar</button>
<button class='btn btn-primary share s_blinklist'>blinklist</button>
<button class='btn btn-primary share s_blip'>blip</button>
<button class='btn btn-primary share s_blogmarks'>blogmarks</button>
<button class='btn btn-primary share s_blurpalicious small-font'>blurpalicious</button>
<button class='btn btn-primary share s_bobrdobr'>bobrdobr</button>
<button class='btn btn-primary share s_bonzobox'>bonzobox</button>
<button class='btn btn-primary share s_bookmerkende small-font'>bookmerkende</button>
<button class='btn btn-primary share s_box'>box</button>
<button class='btn btn-primary share s_bryderi'>bryderi</button>
<button class='btn btn-primary share s_buddymarks small-font'>buddymarks</button>
<button class='btn btn-primary share s_camyoo'>camyoo</button>
<button class='btn btn-primary share s_care2'>care2</button>
<button class='btn btn-primary share s_citeulike'>citeulike</button>
<button class='btn btn-primary share s_classicalplace small-font'>classicalplace</button>
<button class='btn btn-primary share s_cosmiq'>cosmiq</button>
<button class='btn btn-primary share s_diggita'>diggita</button>
<button class='btn btn-primary share s_diigo'>diigo</button>
<button class='btn btn-primary share s_domelhor'>domelhor</button>
<button class='btn btn-primary share s_dotnetshoutout small-font'>dotnetshoutout</button>
<button class='btn btn-primary share s_douban'>douban</button>
<button class='btn btn-primary share s_dropjack'>dropjack</button>
<button class='btn btn-primary share s_edelight'>edelight</button>
<button class='btn btn-primary share s_ekudos'>ekudos</button>
<button class='btn btn-primary share s_elefantapl'>elefantapl</button>
<button class='btn btn-primary share s_embarkons'>embarkons</button>
<button class='btn btn-primary share s_evernote'>evernote</button>
<button class='btn btn-primary share s_extraplay'>extraplay</button>
<button class='btn btn-primary share s_ezyspot'>ezyspot</button>
<button class='btn btn-primary share s_fabulously40 small-font'>fabulously40</button>
<button class='btn btn-primary share s_informazione small-font'>informazione</button>
<button class='btn btn-primary share s_fark'>fark</button>
<button class='btn btn-primary share s_farkinda'>farkinda</button>
<button class='btn btn-primary share s_favable'>favable</button>
<button class='btn btn-primary share s_favlogde'>favlogde</button>
<button class='btn btn-primary share s_flaker'>flaker</button>
<button class='btn btn-primary share s_folkd'>folkd</button>
<button class='btn btn-primary share s_fresqui'>fresqui</button>
<button class='btn btn-primary share s_friendfeed'>friendfeed</button>
<button class='btn btn-primary share s_funp'>funp</button>
<button class='btn btn-primary share s_fwisp'>fwisp</button>
<button class='btn btn-primary share s_givealink'>givealink</button>
<button class='btn btn-primary share s_gmail'>gmail</button>
<button class='btn btn-primary share s_goodnoows'>goodnoows</button>
<button class='btn btn-primary share s_google'>google</button>
<button class='btn btn-primary share s_googletranslate small-font'>translate</button>
<button class='btn btn-primary share s_greaterdebater small-font'>greaterdebater</button>
<button class='btn btn-primary share s_hackernews'>hackernews</button>
<button class='btn btn-primary share s_hatena'>hatena</button>
<button class='btn btn-primary share s_hedgehogs'>hedgehogs</button>
<button class='btn btn-primary share s_hotmail'>hotmail</button>
<button class='btn btn-primary share s_w3validator'>w3validator</button>
<button class='btn btn-primary share s_ihavegot'>ihavegot</button>
<button class='btn btn-primary share s_instapaper'>instapaper</button>
<button class='btn btn-primary share s_isociety'>isociety</button>
<button class='btn btn-primary share s_iwiw'>iwiw</button>
<button class='btn btn-primary share s_jamespot'>jamespot</button>
<button class='btn btn-primary share s_jumptags'>jumptags</button>
<button class='btn btn-primary share s_kaboodle'>kaboodle</button>
<button class='btn btn-primary share s_kaevur'>kaevur</button>
<button class='btn btn-primary share s_kledy'>kledy</button>
<button class='btn btn-primary share s_librerio'>librerio</button>
<button class='btn btn-primary share s_linkuj'>linkuj</button>
<button class='btn btn-primary share s_livejournal'>livejournal</button>
<button class='btn btn-primary share s_logger24'>logger24</button>
<button class='btn btn-primary share s_mashbord'>mashbord</button>
<button class='btn btn-primary share s_meinvz'>meinvz</button>
<button class='btn btn-primary share s_mekusharim'>mekusharim</button>
<button class='btn btn-primary share s_memori'>memori</button>
<button class='btn btn-primary share s_meneame'>meneame</button>
<button class='btn btn-primary share s_mixi'>mixi</button>
<button class='btn btn-primary share s_moemesto'>moemesto</button>
<button class='btn btn-primary share s_myspace'>myspace</button>
<button class='btn btn-primary share s_n4g'>n4g</button>
<button class='btn btn-primary share s_netlog'>netlog</button>
<button class='btn btn-primary share s_netvouz'>netvouz</button>
<button class='btn btn-primary share s_newstrust'>newstrust</button>
<button class='btn btn-primary share s_newsvine'>newsvine</button>
<button class='btn btn-primary share s_nujij'>nujij</button>
<button class='btn btn-primary share s_oknotizie'>oknotizie</button>
<button class='btn btn-primary share s_oyyla'>oyyla</button>
<button class='btn btn-primary share s_pdfonline'>pdfonline</button>
<button class='btn btn-primary share s_pdfmyurl'>pdfmyurl</button>
<button class='btn btn-primary share s_phonefavs'>phonefavs</button>
<button class='btn btn-primary share s_plaxo'>plaxo</button>
<button class='btn btn-primary share s_plurk'>plurk</button>
<button class='btn btn-primary share s_posteezy'>posteezy</button>
<button class='btn btn-primary share s_pusha'>pusha</button>
<button class='btn btn-primary share s_rediff'>rediff</button>
<button class='btn btn-primary share s_redkum'>redkum</button>
<button class='btn btn-primary share s_scoopat'>scoopat</button>
<button class='btn btn-primary share s_sekoman'>sekoman</button>
<button class='btn btn-primary share s_shaveh'>shaveh</button>
<button class='btn btn-primary share s_shetoldme'>shetoldme</button>
<button class='btn btn-primary share s_sinaweibo'>sinaweibo</button>
<button class='btn btn-primary share s_sodahead'>sodahead</button>
<button class='btn btn-primary share s_sonico'>sonico</button>
<button class='btn btn-primary share s_springpad'>springpad</button>
<button class='btn btn-primary share s_startaid'>startaid</button>
<button class='btn btn-primary share s_startlap'>startlap</button>
<button class='btn btn-primary share s_studivz'>studivz</button>
<button class='btn btn-primary share s_stuffpit'>stuffpit</button>
<button class='btn btn-primary share s_stumpedia'>stumpedia</button>
<button class='btn btn-primary share s_svejo'>svejo</button>
<button class='btn btn-primary share s_symbaloo'>symbaloo</button>
<button class='btn btn-primary share s_thewebblend small-font'>thewebblend</button>
<button class='btn btn-primary share s_thinkfinity'>thinkfinity</button>
<button class='btn btn-primary share s_thisnext'>thisnext</button>
<button class='btn btn-primary share s_tuenti'>tuenti</button>
<button class='btn btn-primary share s_typepad'>typepad</button>
<button class='btn btn-primary share s_viadeo'>viadeo</button>
<button class='btn btn-primary share s_virb'>virb</button>
<button class='btn btn-primary share s_visitezmonsite small-font'>visitezmonsite</button>
<button class='btn btn-primary share s_vybralisme'>vybralisme</button>
<button class='btn btn-primary share s_wirefan'>wirefan</button>
<button class='btn btn-primary share s_wordpress'>wordpress</button>
<button class='btn btn-primary share s_wowbored'>wowbored</button>
<button class='btn btn-primary share s_wykop'>wykop</button>
<button class='btn btn-primary share s_yahoobkm'>yahoobkm</button>
<button class='btn btn-primary share s_yahoomail'>yahoomail</button>
<button class='btn btn-primary share s_yammer'>yammer</button>
<button class='btn btn-primary share s_yardbarker'>yardbarker</button>
<button class='btn btn-primary share s_yigg'>yigg</button>
<button class='btn btn-primary share s_yoolink'>yoolink</button>
<button class='btn btn-primary share s_yorumcuyum small-font'>yorumcuyum</button>
<button class='btn btn-primary share s_youmob'>youmob</button>
<button class='btn btn-primary share s_zakladoknet'>zakladoknet</button>
<button class='btn btn-primary share s_ziczac'>ziczac</button>
<button class='btn btn-primary share s_whatsapp'>whatsapp</button>
</div>
</div>
</div>
</body>
</html>