科汛CMS如何安装bShare分享按钮

　　昨日，科汛官方发布了Kesioncms v8.0测试版，自KesionCMS v7.06版本以后，KesionCMS都以插件形式集成了bshare分享按钮，但在KesionCMS v7.06版本之前是没有集成bshare分享按钮的，需要自己手动安装。下面就针对KesionCMS v7.05版本，演示一下如何给KesionCMS添加bShare分享按钮。

KesionCMS安装bShare分享按钮步骤：(KesionCMS v7.05)

1. 下载文件内容页文件到本地

　登录服务器，打开网站根目录，找到Template文件夹

　打开Template文件夹并进入文章系统文件夹

　打开文章系统文件夹并找到文件内容页.html，将这个文件下载到本地机器上，准备植入代码。

2. 获取bShare分享工具代码：

　　登录bShare网站，在bShare的首页，可以看到很多不同样式的按钮。点击方框处，选取你想要的按钮样式，点击“获取bShare按钮”按钮，会带你到获取代码的页面。

　　进入代码页面时，可以选择要不要注册。如果注册，才能使用数据统计功能；如果不注册，将只能使用分享按钮，但是无法统计您的分享数据。

　　如果注册完成，或选择不需要数据统计，将会进入下一页，获取代码：

　　本次范例中的代码如下（未注册情况下）：

<a class="bshareDiv" href="http://www.bshare.cn/share">分享按钮</a><script language="javascript" type="text/javascript" src="http://www.bshare.cn/buttonLite.js#uuid=&style=999&img=http://static.bshare.cn/images/buttons/box-shareTo.gif&w=147&h=21"></script>

　　bShare有两种按钮可供使用：bShare & bShare Plus，bShare是只用跳转到平台的模式分享，bShare Plus则是用户使用Open ID connect停留在您网站分享。都支援图片、一键通等功能，只是分享的界面不同。

　注：如果用户未来需要个性化定义自己的按钮样式，平台数或者需要数据分析服务，需要先注册成bShare站长用户，在“站长后台”生成站点后获取含有publisherUUID的新JS代码并替换原有JS，下图方框处标示的就是publisherUUID。将下图的代码贴到原代码script块的src处替换即可。

3. 将代码植入文件：

　分别打开刚才下载到本地的文件，找到<div class="mood">，用户可以通过搜索“mood”快速定位到该行。在该行上方添加一个div元素用于定位。代码为：

<div style="margin-left:20px;">bShare代码</div>

　在该段代码中“bShare代码”处用刚才获取的bShare代码替换。最终替换后的代码为：

<div style="margin-left:20px;"><a class="bshareDiv" href="http://www.bshare.cn/share">分享按钮</a><script language="javascript" type="text/javascript" src="http://www.bshare.cn/button.js#uuid=&style=2&textcolor=#000&bgcolor=none&bp=renren,sinaminiblog,douban&ssc=false&text=分享"></script></div>

　如下图所示：

　注：如果用户对按钮位置不满意，都可以直接修改方框处代码中div元素的style属性或者通过自定义的class来完成。

4. 更新网站内容页文件：

　　登录服务器，将刚保存完毕的内容页文件上传回之前的目录位置：/Template/文章系统/内容页.html

　　打开网站页面即可看到添加后的效果：

　注：如果不想本地更新完后再上传，用户也可以直接在服务器上修改源文件后保存即可。