本帖最後由 若魚 於 2013-8-7 00:51 編輯
# H) u& J9 Q$ [; L" L
; t# ]2 w2 U" d' Q: J好久沒去addthis看了,今天去addthis網站看到他們推出了個一個新的分享代碼樣式:Smart Layers,可以放在頁側面,能自定義透明度,按鈕,比以前的分享按鈕提供了更多功能,如:集成了社交賬號,分享代碼,和精彩內容推薦功能,Smart Layers分享按鈕還支持手機和平板,視覺效果是好一些。" B6 ~ D, l' n+ y4 k3 s) Z
+ ^, v) }+ g) g) v% a' ]+ y) j) W
addthis share提供API功能,懶得搞,就在它原來的基礎上做了一下修改。: Y4 T0 m! Z6 Z& `# \7 F
2 |3 W" A2 j7 Z# x! K下面是個示例代碼,自己在他後台取的代碼後,可根據自己的情況適當修改,可以放在網頁任何位置。(一般都放在頁面最底部)- <!-- AddThis Smart Layers BEGIN -->
% r% k% v- K/ z- c% i; L' K A3 M2 P - <script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=這裡是你的addthis 的id號"></script>8 i/ N, H, b1 N' o. K* i& r
- <script type="text/javascript">
/ \6 ?* z* j4 C& z - addthis.layers({% S- ?$ Y* F( D7 r! R4 B0 p, x
- 'theme' : 'transparent', //透明。代碼條背靜還可以選擇light, gray, dark
! a- B( \7 T" R& w - 'share' : {
0 m+ f6 H. r r4 C H - 'position' : 'right', //代碼位置。可選的有left, right. o/ O2 M3 i+ G
- 'numPreferredServices' : 6, //分享按鈕個數。我選了6個,根據自己情況修改9 F) n$ m8 Q1 y( ^- x1 ?( v3 A6 K
- 'services' : 'facebook,twitter,google_plusone_share,pinterest_share,linkedin,more', //各類服務- V" I }* P( ^! a* E c
- } ,
; N- z, d/ ?, r) \ - 'follow' : {//社交賬號,下面的socialid賬戶按照你自己的情況來修改/ s- T ]4 T9 z2 }8 n
- 'services' : [
: H+ z# a0 p! k- n2 J - {'service': 'facebook', 'id': 'socialid'},
7 m' ?* K+ r" {7 V( M - {'service': 'twitter', 'id': 'socialid'},& w" G" k+ y( W
- {'service': 'google_follow', 'id': 'socialid'}2 M. N2 o# W x% ]1 g% B
- ]! D+ P8 ~; K- Q( Z. v" j+ C# Y2 ?1 \
- },
' q @, o0 B" O( J - 'recommended' : { //頁面底部推薦內容
, q& @. d8 N+ c* H, C9 ]0 L" D - 'title': 'Recommended for you:'
( p- H, @# g5 |4 d0 x" E5 Y, ~ - } $ m) _3 a0 k1 _' K
- 0 F6 F+ A% G3 x3 S8 C0 X% A) @) V9 G
- });
% G' |" _8 t7 [! ~ - </script>) B! b/ `1 |- O- [3 M% Q
- <!-- AddThis Smart Layers END -->
複製代碼
3 D" B. J$ F; @) y. E* h |