图标式和文字式按钮可以自定义出现的图标,比如说对于以下图标式按钮的代码:
<!-- Baidu Button BEGIN -->
<div id="bdshare" class="bdshare_t bds_tools get-codes-bdshare">
<a class="bds_qzone"></a>
<a class="bds_tsina"></a>
<a class="bds_tqq"></a>
<a class="bds_renren"></a>
<span class="bds_more">更多</span>
</div>
<script type="text/javascript" id="bdshare_js" data="type=tools" ></script>
<script type="text/javascript" id="bdshell_js"></script>
<script type="text/javascript">
document.getElementById("bdshell_js").src = "http://bdimg.share.baidu.com/static/js/shell_v2.js?cdnversion=" + Math.ceil(new Date()/3600000);
</script>
<!-- Baidu Button END -->生成的百度分享按钮为:

上述代码中,我们只需要关注HTML代码部分。其中有4个<a>标签,它们的class名称的后缀分别为qzone、tsina、tqq与renren,分别代表QQ空间、新浪微博、腾讯微博和人人网。<a>标签的顺序决定了图标的顺序。如果我们想要增加一个分享到开心网的按钮,只需要在适当的位置插入一个<a class=”bds_kaixin001”></a>标签就可以了,如:
<!-- Baidu Button BEGIN -->
<div id="bdshare" class="bdshare_t bds_tools get-codes-bdshare">
<a class="bds_qzone"></a>
<a class="bds_kaixin001"></a>
<a class="bds_tsina"></a>
<a class="bds_tqq"></a>
<a class="bds_renren"></a>
//在这里加入新的a标签即可
<span class="bds_more">更多</span>
</div>
<script type="text/javascript" id="bdshare_js" data="type=tools" ></script>
<script type="text/javascript" id="bdshell_js"></script>
<script type="text/javascript">
document.getElementById("bdshell_js").src = "http://bdimg.share.baidu.com/static/js/shell_v2.js?cdnversion=" + Math.ceil(new Date()/3600000);
</script>
<!-- Baidu Button END -->生成的百度分享按钮就变成了:
