首先在首页引入js文件：

<script type="text/javascript"  charset="utf-8" src="http://static.bshare.cn/b/button.js#style=-1&uuid=&pophcol=2&lang=zh"></script>
<script type="text/javascript"  charset="utf-8" src="http://static.bshare.cn/b/bshareC0.js"></script>


参数详解： 

uuid    自己的UUID（Publisher UUID）。如果要追踪分享数据则必须提供此选项，在bShare后台添加网站即可得到UUID。
lang    语言，可以是简体中文 (zh), 英文 (en), 或繁體中文 (zh_TW)
pop 定义分享小窗口的弹出方式。可以是：
    -1: 不弹出小窗口
     0: 自动选择向上或者向下弹出小窗口
     1: 总是向下弹出小窗口
     2: 总是向上弹出小窗口
popbgc  弹出小窗口的顶部和底部的背景颜色，可以是CSS中color属性支持的任意值。
poptxtc 弹出小窗口的顶部和底部的文字颜色，可以是CSS中color属性支持的任意值。
mdiv    定义大分享窗口（即点更多后出现的弹窗）的显示方式。可以是：
    -1: 不弹出大分享窗口
     0: 自动弹出分享窗口
style   按钮式样，有以下几种情况：
    bShare预定义的式样，包括以下几种：0 (文字), 1 (默认), 2 (列式), 3 (浮动), 4 (浮动图片), 5 (三角), 
    10 (苗条型), 11 (胖犁型).
    不加载分享按钮。如果按钮是通过bShare客户端API自定义的，则可以将style设置为-1。
    自定义图片。如果想要使用自定义的图片作为按钮，则可以讲style设置为999.


HtML代码： 

<div class="bshare-custom" title="" url="" summary="" pic="" style="float: right;"></div>
可以放在任意位置。

标签说明：

1、class="bshare-custom"：用于识别该标签为分享标签。

2、title：绑定分享标题。

3、url：绑定分享链接。

4、summary：绑定分享摘要。

5、pic：绑定分享图片。


js代码 


//bShare分享  
var iBShare = {  
    //初始化  
    init: function() {  
        var $shareBox = $(".bshare-custom");  
        //加载分享工具  
        var tools = '<a title="分享到QQ空间" class="bshare-qzone"></a>';  
        tools += '<a title="分享到新浪微博" class="bshare-sinaminiblog"></a>';  
        tools += '<a title="分享到人人网" class="bshare-renren"></a>';   
        tools += '<a title="更多平台" class="bshare-more bshare-more-icon more-style-addthis"></a>';  
        $shareBox.append(tools);  
        //绑定分享事件  
        $shareBox.children("a").click(function() {  
            var parents = $(this).parent();  
            bShare.addEntry({  
                title: parents.attr("title"),  
                url: parents.attr("url"),  
                summary: parents.attr("summary"),  
                pic: parents.attr("pic")  
            });  
        });  
    }  
}

bShare分享插件的使用_javascript


更多查看：

​​点击打开链接​​