初级用户
最简单的定义显示在页面上的小图标的方法是使用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>