addthis的Smart Layers自定義分享代碼

; G( C4 ?3 O7 B- e' ?2 p
% V9 p6 y9 r5 O9 R: R+ `- `! w  B4 P好久沒去addthis看了，今天去addthis網站看到他們推出了個一個新的分享代碼樣式：Smart Layers，可以放在頁側面，能自定義透明度，按鈕，比以前的分享按鈕提供了更多功能，如：集成了社交賬號，分享代碼，和精彩內容推薦功能，Smart Layers分享按鈕還支持手機和平板，視覺效果是好一些。

addthis share提供API功能，懶得搞，就在它原來的基礎上做了一下修改。
! c7 C7 d+ e. q+ c# ^# `5 _
4 j' m" P! |2 X+ c下面是個示例代碼，自己在他後台取的代碼後，可根據自己的情況適當修改，可以放在網頁任何位置。（一般都放在頁面最底部）

1. <!-- AddThis Smart Layers BEGIN -->
   
2. <script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=這裡是你的addthis 的id號"></script>
   , E8 T8 @  j1 R3 z* I) N  u& w( n/ a
3. <script type="text/javascript">
   3 d3 F! @8 [4 s8 N+ \0 |1 `
4.   addthis.layers({
   6 y: c8 K, P5 P( L; t4 A" T
5.         'theme' : 'transparent',  //透明。代碼條背靜還可以選擇light, gray, dark
   8 S6 }9 A; x5 n8 W( a. {' A
6.     'share' : {
   ' M1 p2 ~* P4 F+ H) }" E) p
7.       'position' : 'right',                //代碼位置。可選的有left, right
   
8.       'numPreferredServices' : 6,        //分享按鈕個數。我選了6個，根據自己情況修改
     g% n/ F( y& V6 |6 G" D0 R
9.       'services' : 'facebook,twitter,google_plusone_share,pinterest_share,linkedin,more',  //各類服務
   2 O, \1 q/ v; G; P
10.     } ，
    
11.     'follow' : {//社交賬號，下面的socialid賬戶按照你自己的情況來修改
    
12.       'services' : [
    
13.         {'service': 'facebook', 'id': 'socialid'},
    
14.         {'service': 'twitter', 'id': 'socialid'},
    
15.         {'service': 'google_follow', 'id': 'socialid'}
    , r$ @, P2 q9 [3 p# ^+ L+ y
16.       ]
    
17.     },         
    ; f* y5 o' I; j
18.         'recommended' : {  //頁面底部推薦內容
    ( `: t- l) b) |) x: B" V3 b
19.       'title': 'Recommended for you:'  
    ) D# Y: F$ H- I# M
20.     }
    - p! _4 }& D7 H5 K# K7 t8 n
21. 
    
22.   });
    - W" _1 P7 f  i+ Y/ s& C' n* _
23. </script>
    
24. <!-- AddThis Smart Layers END -->

複製代碼

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

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

複製代碼

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

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