如何自定义分享图标

图标式和文字式按钮可以自定义出现的图标，比如说对于以下图标式按钮的代码：

<!-- 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 -->

生成的百度分享按钮就变成了：