百度分享按钮简洁添加法
测试版本X2.5：1，终于有时间来添加这个东西了，按照论坛上一些朋友的做法，一般是把原带的腾讯分享删除，用百度的替代。但是，本人在修改中发现，百度分享代码，仅仅按钮式类型的代码能正常显示，其他类型（浮窗未测试）不能正常显示，好像是样式无法读取。
2，而我个人是喜欢图标式的代码的，因为可以自定义。无奈，只好在按钮式下功夫了。以下修改法，有几个优点：
a,不删除原文件任何代码。使对后期升级的影响减到尽量小。
b,保留腾讯原有分享，并且不重复。个人还是比较喜欢原带的，经测试，原带的分享不像其他的有时候读取不到图片等。
c,简洁。
添加方法：
1，准备。
a,去http://share.baidu.com/ 获取百度分享代码。
b,如果你要分享显示来源网站，则去相应网站申请APPKEY，如腾讯微博平台 http://open.t.qq.com/和新浪微博平台http://open.weibo.com/ 。申请有点麻烦。 （此项非必须）
c,在百度分享代码获取页面左下角，打开“展开自定义选项”，在里面填上申请到的APPKEY。（不选择显示来源网站，跳过此点）
2，修改。下面，以本人情况举例。要修改的文件：template/default/forum/viewthread_node.htm （自定义风格如果有这页面则修改风格里的对应文件）
搜索 <!--{hook/viewthread_share_method}--> 这行代码后面添加：
<!-- Baidu Button BEGIN -->
<div id="bdshare" class="bdshare_b" style="line-height: 12px;">
<img src="http://bdimg.share.baidu.com/static/images/type-button-1.jpg?cdnversion=20120831" />
<a class="shareCount"></a>
</div>
<script type="text/javascript" id="bdshare_js" data="type=button&uid=553193" ></script>
<script type="text/javascript" id="bdshell_js"></script>
<script type="text/javascript">
document.getElementById("bdshell_js").src = "http://bdimg.share.baidu.com/static/js/shell_v2.js?cdnversion=" + Math.ceil(new Date()/3600000);
</script>
<!-- Baidu Button END -->
以上代码是百度的“按钮式”类型代码，其他类型本人测试错位。这个代码它其实只调用了一个图片（红色）显示在页面，默认图片是这样的：
因为，我们要保留原带的分享，所以这个图片请自行修改，这里提供二个参考：
把自定义图片上传到自己网站任何目录，并更新图片路径（红色代码）。
3，完成。下面给出我的设置：
<!-- Baidu 分享Button BEGIN -->
<div id="bdshare" class="bdshare_b" style="line-height: 12px;">
<img src="http://www.xlkf.cn/lmxy/baidushare.jpg?cdnversion=20120831" />
</div>
<script type="text/javascript" id="bdshare_js" data="type=button&uid=553193" ></script>
<script type="text/javascript" id="bdshell_js"></script>
<script type="text/javascript">
var bds_config={"snsKey":{'tsina':'679850998','tqq':'801325938'}}
document.getElementById("bdshell_js").src = "http://bdimg.share.baidu.com/static/js/shell_v2.js?cdnversion=" + Math.ceil(new Date()/3600000);
</script>
<!-- Baidu 分享Button END -->
附：
<div class="tshare cl">
<strong>{lang viewthread_share_to}:</strong> ///// “分享到：”
<!--{hook/viewthread_share_method}-->/////原带腾讯分享
</div>
据说删除原来的分享可能会导致纵横搜索的相关贴子不显示、QQ登陆不正常、QQ空间不互通等问题 最近更新 ，插在<!--{if $post['invisible'] == 0}-->后面：<!-- Baidu 分享Button BEGIN -->
<div class="bdsharebuttonbox">
<!--{eval $i =0}-->
<!--{loop $post $att}-->
<!--{if $i < 5}-->
<!--{eval
$threadattachmenturl[] = 'http://www.xlkf.cn/data/attachment/forum/'.$att['attachment'];
}-->
<!--{/if}-->
<!--{eval $i++}-->
<!--{/loop}-->
<a href="#" class="bds_more" data-cmd="more"></a>
<a title="分享到新浪微博" href="#" class="bds_tsina" data-cmd="tsina"></a>
<a title="分享到QQ空间" href="#" class="bds_qzone" data-cmd="qzone"></a>
<a title="分享到百度贴吧" href="#" class="bds_tieba" data-cmd="tieba"></a>
<a title="分享到腾讯微博" href="#" class="bds_tqq" data-cmd="tqq"></a>
<a title="分享到QQ好友或群" href="#" class="bds_sqq" data-cmd="sqq"></a>
<a title="分享到微信" href="#" class="bds_weixin" data-cmd="weixin"></a>
</div>
<script>window._bd_share_config={"common":{"bdSnsKey":{"tsina":"679850998","tqq":"801398702"},"bdText":"","bdMini":"2","bdMiniList":false,"bdPic":"{echo implode('||',$threadattachmenturl)}","bdStyle":"1","bdSize":"16"},"share":{}};with(document)0[(getElementsByTagName('head')||body).appendChild(createElement('script')).src='http://bdimg.share.baidu.com/static/api/js/share.js?v=89860593.js?cdnversion='+~(-new Date()/36e5)];</script>
<!-- Baidu 分享Button END -->
页:
[1]