addthis的Smart Layers自定義分享代碼

4 h( s3 M/ O7 `; O, d) `* Y
; X) v3 M4 d9 s$ U' o) f好久沒去addthis看了，今天去addthis網站看到他們推出了個一個新的分享代碼樣式：Smart Layers，可以放在頁側面，能自定義透明度，按鈕，比以前的分享按鈕提供了更多功能，如：集成了社交賬號，分享代碼，和精彩內容推薦功能，Smart Layers分享按鈕還支持手機和平板，視覺效果是好一些。

addthis share提供API功能，懶得搞，就在它原來的基礎上做了一下修改。

4 U; E; c" P2 a$ C# B! j下面是個示例代碼，自己在他後台取的代碼後，可根據自己的情況適當修改，可以放在網頁任何位置。（一般都放在頁面最底部）

1. <!-- AddThis Smart Layers BEGIN -->
   ' t- G6 n* W' j6 b, S' r) z) b; t" k0 W
2. <script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=這裡是你的addthis 的id號"></script>
   3 P& O2 G: Z$ m; `. G8 x" R
3. <script type="text/javascript">
   
4.   addthis.layers({
   
5.         'theme' : 'transparent',  //透明。代碼條背靜還可以選擇light, gray, dark
   $ D$ y0 ^% u& |) F$ m& {6 Q2 u
6.     'share' : {
   0 q' |% _( S) s4 G$ G
7.       'position' : 'right',                //代碼位置。可選的有left, right
   
8.       'numPreferredServices' : 6,        //分享按鈕個數。我選了6個，根據自己情況修改
   
9.       'services' : 'facebook,twitter,google_plusone_share,pinterest_share,linkedin,more',  //各類服務
   
10.     } ，
    
11.     'follow' : {//社交賬號，下面的socialid賬戶按照你自己的情況來修改
    + k2 r7 M0 X# b) K1 J
12.       'services' : [
    / k! g- N1 D  D/ j
13.         {'service': 'facebook', 'id': 'socialid'},
      F2 @6 X3 p6 I* Z! q- [3 b
14.         {'service': 'twitter', 'id': 'socialid'},
    ' K) @2 [5 u6 {7 p
15.         {'service': 'google_follow', 'id': 'socialid'}
    2 M3 a; s/ X8 h8 @/ r3 s7 Q
16.       ]
    
17.     },         
    / F& x% F. o0 n0 H
18.         'recommended' : {  //頁面底部推薦內容
    7 J: n4 Z0 U/ P1 }5 X
19.       'title': 'Recommended for you:'  
    
20.     }
    5 R) `' k2 |5 S- B6 L' x& U
21. 
    / I; l" P% G. o1 [
22.   });
    
23. </script>
    
24. <!-- AddThis Smart Layers END -->

複製代碼

精品站是很有用的.補充發個傳送門

1. https://www.addthis.com/get/smart-layers?frm=hp

複製代碼

可以用上面的代碼直接改,或者去生成一個自己的

這個很不錯，功能更強大了
( q+ C- ^6 N8 q8 y