自定义百度分享代码的链接
经常看到很多网站上面会有分享的按钮,但是每个网站的分享按钮做得又和官方不同,比如说就一张图片一个链接,这是怎么做的呢?
清华新闻的这个分享按钮是个图标,和百度分享默认的不一样,这个是怎么做的呢?
这个就是在百度分享专业开发版里面其实有提到,下面是网址:
http://share.baidu.com/code/advance
一上来就直接是完整的代码比较好理解。
<div class="bdsharebuttonbox" data-tag="share_1">
<a class="bds_mshare" data-cmd="mshare"></a>
<a class="bds_qzone" data-cmd="qzone" href="#"></a>
<a class="bds_tsina" data-cmd="tsina"></a>
<a class="bds_baidu" data-cmd="baidu"></a>
<a class="bds_renren" data-cmd="renren"></a>
<a class="bds_tqq" data-cmd="tqq"></a>
<a class="bds_more" data-cmd="more">更多</a>
<a class="bds_count" data-cmd="count"></a>
</div>
<script>
window._bd_share_config = {
common : {
bdText : '自定义分享内容',
bdDesc : '自定义分享摘要',
bdUrl : '自定义分享url地址',
bdPic : '自定义分享图片'
},
share : [{
"bdSize" : 16
}],
slide : [{
bdImg : 0,
bdPos : "right",
bdTop : 100
}],
image : [{
viewType : 'list',
viewPos : 'top',
viewColor : 'black',
viewSize : '16',
viewList : ['qzone','tsina','huaban','tqq','renren']
}],
selectShare : [{
"bdselectMiniList" : ['qzone','tqq','kaixin001','bdxc','tqf']
}]
}
with(document)0[(getElementsByTagName('head')[0]||body).appendChild(createElement('script')).src='http://bdimg.share.baidu.com/static/api/js/share.js?cdnversion='+~(-new Date()/36e5)];
</script>
其实想要那个链接,只需要这个更多的链接就可以了。
<div class="bdsharebuttonbox" data-tag="share_1">
<a class="bds_more" data-cmd="more">更多</a>
</div>
html部分这些是必须的,这个外包的样式和date-tag和里面的a样式和data-cmd,如果你的html结构不是这样。
<p class="bdsharebuttonbox" data-tag="share_1"><img src="你的图片路径" class="bds_more" data-cmd="more" /></p>
保持这样的结构就可以照样实现效果的。