addthis的Smart Layers自定義分享代碼

* i/ h# h. U2 |$ z
% I/ k+ m* y( w- @- E+ `. B% M好久沒去addthis看了，今天去addthis網站看到他們推出了個一個新的分享代碼樣式：Smart Layers，可以放在頁側面，能自定義透明度，按鈕，比以前的分享按鈕提供了更多功能，如：集成了社交賬號，分享代碼，和精彩內容推薦功能，Smart Layers分享按鈕還支持手機和平板，視覺效果是好一些。

addthis share提供API功能，懶得搞，就在它原來的基礎上做了一下修改。
8 t" e+ H* a4 ^4 ]! `* J
2 P: n! t! z+ |; J1 ^0 T. _下面是個示例代碼，自己在他後台取的代碼後，可根據自己的情況適當修改，可以放在網頁任何位置。（一般都放在頁面最底部）

1. <!-- AddThis Smart Layers BEGIN -->
   
2. <script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=這裡是你的addthis 的id號"></script>
   & Y6 B! j4 e. G3 {, M5 V3 n% e& s
3. <script type="text/javascript">
   3 O* g7 v4 d# S9 `9 s6 N' k
4.   addthis.layers({
   
5.         'theme' : 'transparent',  //透明。代碼條背靜還可以選擇light, gray, dark
   
6.     'share' : {
   
7.       'position' : 'right',                //代碼位置。可選的有left, right
   ( E3 L2 E, y& X
8.       'numPreferredServices' : 6,        //分享按鈕個數。我選了6個，根據自己情況修改
   
9.       'services' : 'facebook,twitter,google_plusone_share,pinterest_share,linkedin,more',  //各類服務
   & |5 d  h6 B- g. j+ ]# ]! ~
10.     } ，
    
11.     'follow' : {//社交賬號，下面的socialid賬戶按照你自己的情況來修改
    
12.       'services' : [
    
13.         {'service': 'facebook', 'id': 'socialid'},
    " ?4 s: w4 \& ?8 l* N
14.         {'service': 'twitter', 'id': 'socialid'},
    ( ^- y" p  E2 i4 G% K
15.         {'service': 'google_follow', 'id': 'socialid'}
    ; ^6 Z$ f  _- R
16.       ]
    
17.     },         
    . U% p9 B* p. d, E8 A' R1 H
18.         'recommended' : {  //頁面底部推薦內容
    , _9 v7 O. y' ^
19.       'title': 'Recommended for you:'  
    
20.     }
    * k- ~1 u  D' R
21. 
    
22.   });
    
23. </script>
    0 f; V  d3 ~- E6 |
24. <!-- AddThis Smart Layers END -->

複製代碼

0 b+ U9 S2 K2 |9 H2 n

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

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

複製代碼

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

這個很不錯，功能更強大了