如果您还没有UUID,可以去注册并创建网站,得到对应的UUID以便开始追踪数据。如果您不需要追踪数据,也可以将UUID设置为空。

初级用户

最简单的定义显示在页面上的小图标的方法是使用bShare自定义工具生成嵌入代码。

例如,如果您想要显示人人、新浪微博、豆瓣,可以使用如下的代码:

<a class="bshareDiv" href="http://www.bshare.cn/share">分享按钮</a>
<script type="text/javascript" charset="utf-8" src="http://static.bshare.cn/b/buttonLite.js#uuid=<你的UUID>&style=2&textcolor=#000&bgcolor=none&
bp=renren,sinaminiblog,qqxiaoyou&ssc=false&sn=false&text=分享"></script>
这段代码会生成  

只需要把您要的平台的代码加入到上面红色的部分,并用英文逗号“,”分隔就可以了!

如果您想要显示分享计数,将代码中的"ssc=false"改为"ssc=true"即可。

范例:  

如果您想同时显示平台的名字,将代码中的"sn=false"改为"sn=true"即可。

范例:  
高级用户

如果您了解一些基本HTML,您也可以很容易的创建自己的分享到链接。下面有一些范例:

自定义小图标
<div class="bshare-custom">
   <a title="分享到" href="http://www.bshare.cn/share" id="bshare-shareto" class="bshare-more">分享到:</a>

   <a title="分享到腾讯朋友" class="bshare-qqxiaoyou">腾讯朋友</a>
   <a title="分享到新浪微博" class="bshare-sinaminiblog">新浪微博</a>
   <a title="分享到人人网" class="bshare-renren">人人网</a>
   <a title="分享到开心网" class="bshare-kaixin001">开心网</a>
   <a title="分享到豆瓣" class="bshare-douban">豆瓣</a>
   <!-- 在这里添加更多平台 -->

   <a title="更多平台" id="bshare-more-icon" class="bshare-more">更多...</a>
</div>
<script type="text/javascript" charset="utf-8" src="http://static.bshare.cn/b/buttonLite.js#uuid=<你的UUID>&style=-1"></script>
<script type="text/javascript" charset="utf-8" src="http://static.bshare.cn/b/bshareC1.js"></script>
这段代码会生成:  
自定义中图标

如果您了解一些基本HTML,您也可以很容易的创建自己的分享到链接。下面是一个范例:

<div class="bshare-custom">
   <a title="分享到" href="http://www.bshare.cn/share" id="bshare-shareto" class="bshare-more"></a>

   <a title="分享到腾讯朋友" class="bshare-qqxiaoyou"></a>
   <a title="分享到新浪微博" class="bshare-sinaminiblog"></a>
   <a title="分享到人人网" class="bshare-renren"></a>
   <a title="分享到开心网" class="bshare-kaixin001"></a>
   <a title="分享到豆瓣" class="bshare-douban"></a>
   <!-- 在这里添加更多平台 -->

   <a title="更多平台" id="bshare-more-icon" class="bshare-more"></a>
</div>
<script type="text/javascript" charset="utf-8" src="http://static.bshare.cn/b/buttonLite.js#uuid=<你的UUID>&style=-1"></script>
<script type="text/javascript" charset="utf-8" src="http://static.bshare.cn/b/bshareC2.js"></script>
这段代码会生成:  
自定义大图标

如果您了解一些基本HTML,您也可以很容易的创建自己的分享到链接。下面是一个范例:

<div class="bshare-custom">
   <a title="分享到" href="http://www.bshare.cn/share" id="bshare-shareto" class="bshare-more"></a>

   <a title="分享到腾讯朋友" class="bshare-qqxiaoyou"></a>
   <a title="分享到新浪微博" class="bshare-sinaminiblog"></a>
   <a title="分享到人人网" class="bshare-renren"></a>
   <a title="分享到开心网" class="bshare-kaixin001"></a>
   <a title="分享到豆瓣" class="bshare-douban"></a>
   <!-- 在这里添加更多平台 -->

   <a title="更多平台" id="bshare-more-icon" class="bshare-more"></a>
</div>
<script type="text/javascript" charset="utf-8" src="http://static.bshare.cn/b/buttonLite.js#uuid=<你的UUID>&style=-1"></script>
<script type="text/javascript" charset="utf-8" src="http://static.bshare.cn/b/bshareC2P.js"></script>
这段代码会生成:  
自定义超大图标

如果您了解一些基本HTML,您也可以很容易的创建自己的分享到链接。下面是一个范例:

<div class="bshare-custom">
   <a title="分享到" href="http://www.bshare.cn/share" id="bshare-shareto" class="bshare-more"></a>

   <a title="分享到腾讯朋友" class="bshare-qqxiaoyou"></a>
   <a title="分享到新浪微博" class="bshare-sinaminiblog"></a>
   <a title="分享到人人网" class="bshare-renren"></a>
   <a title="分享到开心网" class="bshare-kaixin001"></a>
   <a title="分享到豆瓣" class="bshare-douban"></a>
   <!-- 在这里添加更多平台 -->

   <a title="更多平台" id="bshare-more-icon" class="bshare-more"></a>
</div>
<script type="text/javascript" charset="utf-8" src="http://static.bshare.cn/b/buttonLite.js#uuid=<你的UUID>&style=-1"></script>
<script type="text/javascript" charset="utf-8" src="http://static.bshare.cn/b/bshareC3.js"></script>
这段代码会生成:  
添加更多的平台

您可以任意的添加更多的平台,只需要新增一行代码并修改其title属性和显示文本,并用平台代码替换红色部分。

例如, 如果您想要添加一个分享到QQ空间 的小图标,只需要加入如下一行代码:

   <a title="分享到QQ空间" class="bshare-qzone">QQ空间</a>
添加分享次数
<span class="BSHARE_COUNT bshare-share-count">--</span>
注册
安装bShare
分享按钮自定义
站长设置
bShare API
分享平台代码参考
分享优化功能设置
常见问题
沪ICP备09026724号
© 2009-2017 擘纳(上海)信息科技有限公司。版权所有。
a buzzinate company