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 -->
精品站是很有用的.补充发个传送门https://www.addthis.com/get/smart-layers?frm=hp可以用上面的代码直接改,或者去生成一个自己的
这个很不错,功能更强大了
页:
[1]