若鱼 发表于 2013-8-7 00:37:56

addthis的Smart Layers自定义分享代码

本帖最后由 若鱼 于 2013-8-7 00:51 编辑

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

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

下面是个示例代码,自己在他后台取的代码后,可根据自己的情况适当修改,可以放在网页任何位置。(一般都放在页面最底部)<!-- AddThis Smart Layers BEGIN -->
<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=这里是你的addthis 的id号"></script>
<script type="text/javascript">
addthis.layers({
      'theme' : 'transparent',//透明。代码条背静还可以选择light, gray, dark
    'share' : {
      'position' : 'right',                //代码位置。可选的有left, right
      'numPreferredServices' : 6,      //分享按钮个数。我选了6个,根据自己情况修改
      'services' : 'facebook,twitter,google_plusone_share,pinterest_share,linkedin,more',//各类服务
    } ,
    'follow' : {//社交账号,下面的socialid账户按照你自己的情况来修改
      'services' : [
      {'service': 'facebook', 'id': 'socialid'},
      {'service': 'twitter', 'id': 'socialid'},
      {'service': 'google_follow', 'id': 'socialid'}
      ]
    },         
      'recommended' : {//页面底部推荐内容
      'title': 'Recommended for you:'
    }

});
</script>
<!-- AddThis Smart Layers END -->

有鱼不换酒 发表于 2013-8-7 23:41:23

精品站是很有用的.补充发个传送门https://www.addthis.com/get/smart-layers?frm=hp可以用上面的代码直接改,或者去生成一个自己的

hoby 发表于 2013-8-15 05:50:20

这个很不错,功能更强大了
页: [1]
查看完整版本: addthis的Smart Layers自定义分享代码