addthis的Smart Layers自定義分享代碼

# R3 z7 O4 A) @" T  y" `好久沒去addthis看了，今天去addthis網站看到他們推出了個一個新的分享代碼樣式：Smart Layers，可以放在頁側面，能自定義透明度，按鈕，比以前的分享按鈕提供了更多功能，如：集成了社交賬號，分享代碼，和精彩內容推薦功能，Smart Layers分享按鈕還支持手機和平板，視覺效果是好一些。
; D& h4 ?* v0 G9 z
! j% Q5 z# q% ^4 [; Uaddthis share提供API功能，懶得搞，就在它原來的基礎上做了一下修改。

下面是個示例代碼，自己在他後台取的代碼後，可根據自己的情況適當修改，可以放在網頁任何位置。（一般都放在頁面最底部）

1. <!-- AddThis Smart Layers BEGIN -->
   4 N* c6 W# \/ {
2. <script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=這裡是你的addthis 的id號"></script>
   
3. <script type="text/javascript">
   4 o8 ~/ @* C# I# e& H! k
4.   addthis.layers({
   ) _. {- h$ o6 D: E
5.         'theme' : 'transparent',  //透明。代碼條背靜還可以選擇light, gray, dark
   # j' r; E9 ]8 ~4 U; K
6.     'share' : {
   0 C. H) I9 Q8 [, Z8 t1 F
7.       'position' : 'right',                //代碼位置。可選的有left, right
   - Y. e; @% q( F( }
8.       'numPreferredServices' : 6,        //分享按鈕個數。我選了6個，根據自己情況修改
   
9.       'services' : 'facebook,twitter,google_plusone_share,pinterest_share,linkedin,more',  //各類服務
   # f% L# I! c; a$ Y
10.     } ，
    
11.     'follow' : {//社交賬號，下面的socialid賬戶按照你自己的情況來修改
    0 l6 p& h/ l! X" d# |4 h
12.       'services' : [
    
13.         {'service': 'facebook', 'id': 'socialid'},
    
14.         {'service': 'twitter', 'id': 'socialid'},
    
15.         {'service': 'google_follow', 'id': 'socialid'}
    ! V( U( {# p1 n9 j9 }) x" Z
16.       ]
    
17.     },         
    
18.         'recommended' : {  //頁面底部推薦內容
    5 v* q& T- m; i& q4 \& C( e3 p5 K
19.       'title': 'Recommended for you:'  
    
20.     }
    ) e/ s9 |' U% m6 D* F
21. 
    ) a. G/ a- Q  M1 X, F
22.   });
    
23. </script>
    
24. <!-- AddThis Smart Layers END -->

複製代碼

+ S6 h3 o, c0 J

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

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

複製代碼

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

這個很不錯，功能更強大了
# v3 u0 t! }4 X- @