科汛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文件夹

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

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

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

 打开文章系统文件夹并找到文件内容页.html,将这个文件下载到当地呆板上,筹备植入代码。

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

2. 获取bShare分享东西代码:

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

按此在新窗口欣赏图片

  进入代码页面时,可以选择要不要注册。假如注册,才气利用数据统计成果;假如不注册,将只能利用分享按钮,可是无法统计您的分享数据。

按此在新窗口欣赏图片

  假如注册完成,或选择不需要数据统计,将会进入下一页,获代替码:

按此在新窗口欣赏图片

  本次典型中的代码如下(未注册环境下):

<a class="bshareDiv" href=http://down.chinaz.com/"http:/www.bshare.cn/share">分享按钮</a><script language="javascript" type="text/javascript" src="#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://down.chinaz.com/"http:/www.bshare.cn/share">分享按钮</a><script language="javascript" type="text/javascript" src="#uuid=&style=2&textcolor=#000&bgcolor=none&bp=renren,sinaminiblog,douban&ssc=false&text=分享"></script></div>

 如下图所示:

按此在新窗口欣赏图片

 注:假如用户对按钮位置不满足,都可以直接修改方框处代码中div元素的style属性可能通过自界说的class来完成。

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

  登录处事器,将刚生存完毕的内容页文件上传回之前的目次位置:/Template/文章系统/内容页.html

  打开网站页面即可看到添加后的结果:

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

 注:假如不想当地更新完后再上传,用户也可以直接在处事器上修改源文件后生存即可。

KesionCMS 下载:

KesionCMS v8.05 Build 20120619 GBK下载

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

界面预览

KesionCMS v8.05 Build 20120619 UTF-8下载

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

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/10533.html