网站建设技巧

网站建设技巧

2006年起一直从事互联网行业,竭尽所能、尽心尽力为各行各业的客户提供服务

网站建设技巧 801次

自定义百度分享代码的链接

经常看到很多网站上面会有分享的按钮,但是每个网站的分享按钮做得又和官方不同,比如说就一张图片一个链接,这是怎么做的呢?


1.jpg


清华新闻的这个分享按钮是个图标,和百度分享默认的不一样,这个是怎么做的呢?


这个就是在百度分享专业开发版里面其实有提到,下面是网址:


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>

保持这样的结构就可以照样实现效果的。


相关文章

联系我们

24小时服务热线

150 0622 7297

  • 微信二维码
    昆山网站建设
  • 微信二维码
    昆山网站建设

江苏苏州昆山市周市镇翠微西路

免费获取您的互联网建设与营销方案

欢迎访问WCDSTUDIO 24小时咨询电话15306227297