您可以在页面内放置多个<a>...</a>作为占位符,然后嵌入JS代码,则每个占位符的位置都会有分享按钮出现。每个按钮都会是相同的式样,不过我们目前还不支持一个页面中添加不同预定义式样的多个按钮。不过,您可以参考自定义小图标页面来定义自己的分享小图标,这些小图标也可以和bShare预定义按钮同时放置在一个页面中。
如果您想为每个按钮指定不同分享内容,可以使用bShare.addEntry(),使用方法可见上面关于"指定分享内容"的问题。要注意的是 addEntry()调用和bShare按钮是一一对应的,就是说第N个按钮分享的就是第N个addEntry()调用指定的内容。如果按钮没有对应的 addEntry()调用,则分享的就是当前页面的相关内容。
下面是一个示例,在博客首页每个文章的摘要下方置入bShare按钮,然后在最后调用bShare.addEntry()来指定每个按钮的分享内容。代码使用了jQuery。
如果您修改了分享按钮图片,或者是自定义了分享图标,您也许还会想和bShare提供的一些式样一样,显示有多少用户分享了当前的页面,以吸引更多的用户分享。
要使用自定义的方式显示分享计数,首先确保您的嵌入JS代码中的sc参数为true,然后在页面上想要分享计数出现的地方加入一个class包含BSHARE_COUNT的span元素即可。当bShare获取到分享计数时,会把此数字写入到这个元素中,覆盖原来的所有内容。当然,您也可以有多个这样的span元素,那就会显示多个分享计数。您也可以使用CSS来设置这些分享计数显示方式。
通常情况下,你只需要把所有的JS嵌入代码放到页面上指定的位置即可,但有时候您可能会想把JavaScript代码放在页面的底部,这时您可以把代码中的<a>...</a>部分作为占位符放在按钮的位置,把<script>部分放在页面底端即可。注意这种方式只对静态按钮有效果的。
例如,在您想要分享按钮出现的位置,加入<a class="bshareDiv" href="http://www.bshare.me/share">分享按钮</a>置。
然后在页面底部加上您自定义代码的<script>部分就可以了。