百度分享按钮简洁添加法

测试版本X2.5：

效果图请看后面。如果你程序已经升到X3.0，这个修改应该也用得上的。



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>

感谢楼主分享

还是不知道怎么用啊！

感谢楼主分享

我还是太年轻了 发表于 2013-4-29 10:05
还是不知道怎么用啊！

很简单，去百度复制分享代码，添加到贴内对应位置。可以不用去管那个来源显示什么APPKEY的就没那么复杂了。

我是删除官方的分享到然后放上百度的