CTRL+D
收藏本站

网站添加浮动分享按钮(简洁好用的百度分享浮动代码添加方式)

在试验了数个分享代码之后,最后选择使用下面这个,因为这个方法很简洁,不占页面位置,也容易点到,用起来非常方便。感谢知更鸟提供这样的代码。

第一步,在你所用主题目录新建一个名称为:share.php的模板文件,将下面的代码复制到进去并保存:

<div id=“share”>

<div class=“share”>

        <div id="bdshare" class="bdshare_t bds_tools get-codes-bdshare">   
            <a class="bds_tsina"></a>   
            <a class="bds_tqq"></a>   
            <a class="bds_qzone"></a>   
            <a class="bds_renren"></a>

            <span class="bds_more"></span>   
        </div>   
        <div style="clear:both;"></div>   
    </div>   
</div>   
<script type="text/javascript" id="bdshare_js" data="type=tools&amp;uid=0" ></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>   
<style type="text/css">   
#share {   
    display:block;   
    width:35px;   
    margin-left:-506px;/* 修改左右位置 */   
    position:fixed;   
    left:50%;   
    top:420px;/* 修改上下位置 */   
    _margin-left:-506px;/* IE6修改左右位置 */   
    _position:absolute;   
    _margin-top:420px;/* IE6修改上下位置 */   
    _top:expression(eval(document.documentElement.scrollTop));   
    }   
.share {   
    background:#fff;   
    width:24px;   
    border: 1px solid #ccc;   
    border-radius:5px 0 0 5px;   
    }   
#bdshare_l {   
    border-radius: 5px;   
    }   
div #bdshare_l_c {   
    border: 1px solid #ccc;   
    border-radius: 5px;   
    }   
#bdshare h6, #bdshare_s h6,#bdshare p, #bdshare_s p {   
    display:none;   
    }   
</style>

第二步,将调用代码:

<?php include('share.php'); ?>

添加到主题页脚模板footer.php这句上面:

<?php wp_footer(); ?>

具体使用可针对不同主题的页面宽度,适当调整固定按钮的位置,代码中有注释。

转载请保留:楚狂人博客 » 网站添加浮动分享按钮(简洁好用的百度分享浮动代码添加方式)
领红包 赞(0)

评论 28

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
  1. #26

    百度样式可选 加上即可

    小旺财3年前 (2015-08-12)回复
  2. #25
    电缆桥架3年前 (2015-07-23)回复
  3. #24

    感谢分享啊

    养鹅怎么样3年前 (2015-07-22)回复
  4. #23

    好东西

    苗木种子3年前 (2015-07-19)回复
  5. #22

    学习了 谢谢

    大米3年前 (2015-07-10)回复
  6. #21

    不错的文章 顶一个

    COD试剂3年前 (2015-07-10)回复
  7. #20

    喜欢 继续多写好文

    东北黑木耳价格3年前 (2015-07-07)回复
  8. #19
    淘宝兼職3年前 (2015-07-07)回复
  9. #18

    溜达溜达 互相学习 互访下吧

    松露之家3年前 (2015-07-07)回复
  10. #17

    技术好文

    黑龙江大米4年前 (2015-06-29)回复
  11. #16
    seo4年前 (2015-06-18)回复
  12. #15
    seo4年前 (2015-06-17)回复
  13. #14

    模板文件

    花呗套现4年前 (2015-05-13)回复
  14. #13

    来过了呵呵

    咸宁婚纱摄影4年前 (2015-05-12)回复
  15. #12

    江南来过留个脚印

    武汉婚纱摄影4年前 (2015-05-04)回复
  16. #11

    支持一下博主

    车轮4年前 (2015-04-27)回复
  17. #10

    楼主是好人啊~

    深圳国旅官网4年前 (2015-03-03)回复
  18. #9

    的 收藏了

    草榴域名4年前 (2014-07-24)回复
  19. #8

    博客你好,有梦网推出,发笑话赚钱,请大家多多支持,欢迎来吐槽。详情见有梦网

    我已在此站月赚数千不夸张4年前 (2014-07-24)回复
  20. #7

    看看!

    悦听有声4年前 (2014-07-20)回复
  21. #6

    58说博客第一次通过博客联盟到访贵博客,希望贵博客发展越来越好,记得回访额!本博客招收友链中!内容相关可以合作!大家好才是真的好,58说博客欢迎您!

    58说(blog.58shuo.cn)4年前 (2014-07-18)回复
  22. #5

    效果不错,就用这个看看如何 哈哈

    seo论坛5年前 (2014-07-07)回复
  23. #4

    很有用这个

    新青年摄影5年前 (2014-07-07)回复
  24. #3

    小部件挺不错的 收藏了

    韩展博客5年前 (2014-07-05)回复
  25. #2

    刚才收到一个同学的短信: “哈哈,刚刚嘿咻完,女朋友她妈回来了!我现在拿着衣服躲在她的衣柜里,像演电影,好刺激…”看后,我默默的拨通了他的号码…… 就让电影朝更刺激的方向前进吧!

    鞋机5年前 (2014-07-04)回复
  26. #1

    不知道添加了之后,效果如何呢

    小桃泳衣旗舰店5年前 (2014-07-03)回复

支付宝搜索“5981405”或者扫码领红包

支付宝扫一扫领红包