百度分享按钮简洁添加法

蓝忧无泪

测试版本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}-->后面：

1. <!-- Baidu 分享Button BEGIN -->
   
2. 
   
3. <div class="bdsharebuttonbox">
   
4. <!--{eval $i =0}-->
   
5. <!--{loop $post[attachments] $att}-->
   
6. <!--{if $i < 5}-->
   
7.     <!--{eval
   
8.     $threadattachmenturl[] = 'http://www.xlkf.cn/data/attachment/forum/'.$att['attachment'];
   
9.     }-->
   
10. <!--{/if}-->
    
11. <!--{eval $i++}-->
    
12. <!--{/loop}-->
    
13. <a href="#" class="bds_more" data-cmd="more"></a>
    
14. <a title="分享到新浪微博" href="#" class="bds_tsina" data-cmd="tsina"></a>
    
15. <a title="分享到QQ空间" href="#" class="bds_qzone" data-cmd="qzone"></a>
    
16. <a title="分享到百度贴吧" href="#" class="bds_tieba" data-cmd="tieba"></a>
    
17. <a title="分享到腾讯微博" href="#" class="bds_tqq" data-cmd="tqq"></a>
    
18. <a title="分享到QQ好友或群" href="#" class="bds_sqq" data-cmd="sqq"></a>
    
19. <a title="分享到微信" href="#" class="bds_weixin" data-cmd="weixin"></a>
    
20. </div>
    
21. <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')[0]||body).appendChild(createElement('script')).src='http://bdimg.share.baidu.com/static/api/js/share.js?v=89860593.js?cdnversion='+~(-new Date()/36e5)];</script>
    
22. 
    
23. 
    
24. <!-- Baidu 分享Button END -->

复制代码