初級用戶
最簡單的定義顯示在頁面上的小圖標的方法是使用bShare自定義工具生成嵌入代碼。
例如,如果您想要顯示人人、新浪微博、豆瓣,可以使用如下的代碼:
<a class="bshareDiv" href="http://www.deathrowspeaks.net/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.deathrowspeaks.net/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.deathrowspeaks.net/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.deathrowspeaks.net/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.deathrowspeaks.net/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>