addthis的Smart Layers自定义分享代码

若鱼

好久没去addthis看了，今天去addthis网站看到他们推出了个一个新的分享代码样式：Smart Layers，可以放在页侧面，能自定义透明度，按钮，比以前的分享按钮提供了更多功能，如：集成了社交账号，分享代码，和精彩内容推荐功能，Smart Layers分享按钮还支持手机和平板，视觉效果是好一些。

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

下面是个示例代码，自己在他后台取的代码后，可根据自己的情况适当修改，可以放在网页任何位置。（一般都放在页面最底部）

1. <!-- AddThis Smart Layers BEGIN -->
   
2. <script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=这里是你的addthis 的id号"></script>
   
3. <script type="text/javascript">
   
4.   addthis.layers({
   
5.         'theme' : 'transparent',  //透明。代码条背静还可以选择light, gray, dark
   
6.     'share' : {
   
7.       'position' : 'right',                //代码位置。可选的有left, right
   
8.       'numPreferredServices' : 6,        //分享按钮个数。我选了6个，根据自己情况修改
   
9.       'services' : 'facebook,twitter,google_plusone_share,pinterest_share,linkedin,more',  //各类服务
   
10.     } ，
    
11.     'follow' : {//社交账号，下面的socialid账户按照你自己的情况来修改
    
12.       'services' : [
    
13.         {'service': 'facebook', 'id': 'socialid'},
    
14.         {'service': 'twitter', 'id': 'socialid'},
    
15.         {'service': 'google_follow', 'id': 'socialid'}
    
16.       ]
    
17.     },         
    
18.         'recommended' : {  //页面底部推荐内容
    
19.       'title': 'Recommended for you:'  
    
20.     }
    
21. 
    
22.   });
    
23. </script>
    
24. <!-- AddThis Smart Layers END -->

复制代码

有鱼不换酒

精品站是很有用的.补充发个传送门

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

复制代码

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

hoby

这个很不错，功能更强大了