新版百度百科边栏固定的百度分享

访问百度百科时,看到侧边固定的百度分享,顺手巴拉下来,说不定哪天用上,分享一下。

bdshare-cmhello_com

在网页的 </body> 前面添加下面的代码(请修改 12 行的 uid 为自己的):

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<div id="bdshareside">
<div id="bdshare" class="bdshare_t bds_tools get-codes-bdshare">
<div class="shareLogo"></div>
<div class="shareIcon">
<a class="bds_qzone" title="分享到QQ空间" href="#"></a>
<a class="bds_tsina" title="分享到新浪微博" href="#"></a>
<a class="bds_tqq" title="分享到腾讯微博" href="#"></a>
</div>
<span class="bds_more"></span>
</div>
</div>
<script type="text/javascript" id="bdshare_js" data="type=tools&mini=1&uid=11321" ></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>

然后在css文件添加下面的代码:

1
2
3
4
5
#bdshareside{width:38px;height:140px;border:1px solid #e6e6e6;background-color:#eee;position:fixed;top:270px;right:0;z-index:1024;*position:absolute}
#bdshareside .shareIcon a{padding:0;margin:0;width:25px;height:25px;margin-left:9px;margin-bottom:2px;_margin-left:4px}
#bdshareside .shareLogo{width:38px;height:32px;background:transparent url(https://img.cmhello.com/2013/10/bdshare.png) -72px -24px no-repeat}
#bdshareside .bds_more{display:block;background:transparent url(https://img.cmhello.com/2013/10/bdshare.png) -16px 5px no-repeat!important;width:38px;height:25px;padding:0}
#bdshareside .bds_more:hover{background:transparent url(https://img.cmhello.com/2013/10/bdshare.png) -46px 5px no-repeat!important}

代码中用到的图片,请下载上传到自己的服务器(右键另存为),以防失效:

支付宝打赏支付宝打赏 微信打赏微信打赏

如果文章对你有帮助,欢迎点击上方按钮打赏作者

最后编辑于:2013/10/7作者: 胡倡萌

一个疯狂的 WordPress 爱好者,喜欢折腾 WordPress 主题,分享 WordPress 资源。如果你也喜欢 WordPress,欢迎和我一起交流!

19 条评论

发表评论

电子邮件地址不会被公开。 必填项已用*标注

arrow grin ! ? cool roll eek evil razz mrgreen smile oops lol mad twisted wink idea cry shock neutral sad ???

  1. 法士特资讯说道:
    18#

    百度分享代码~~

  2. 亲子网说道:
    17#

    马克下

  3. 番茄说道:
    16#

    我也在用百度分享。

  4. 黄江二手车说道:
    15#

    uid如何获取啊 :wink:

    • 胡倡萌说道:

      新版百度分享不需要UID了

  5. 爱时尚说道:
    14#

    超级有用,收藏了!!!

  6. Nirdonkey说道:
    13#

    :mrgreen: 百度经验的那个固定的百度分享也不错

  7. 神经大爆炸说道:
    12#

    一直在用百度分享..

  8. 麦田一根葱说道:
    11#

    不错马克之

  9. 大发说道:
    10#

    虽然使用这种社会化的东西可能会增加收录,但是我还是选择自己写的分享组件。。

  10. 才子城说道:
    9#

    其实,给自己的博客装上一个这个也不错,只是好像很少用来分享什么东西。

  11. 否子戈说道:
    8#

    Mark一下,以前想要这个效果来着

  12. Louis Han说道:
    7#

    看到很多人在用了啊

  13. 315g小说说道:
    6#

    感谢分享,最近一直看博主的博客

  14. 福州体检说道:
    5#

    :cool: 额,功能很多;分享到的地方也很多!为了自己博客的流量,可以有。

  15. seri说道:
    4#

    其实偶也看见了。呵呵,还好倡萌巴拉下来了。谢谢。 :idea:

  16. 我的名字叫麒说道:
    3#

    以前是加,现在是百度分享,感觉还不错

  17. 斌果说道:
    2#

    不错,百度自己的东西扩这了都不给其它用户使用

  18. 诸葛小觉说道:
    1#

    不怎么喜欢百度分享

扫一扫,用手机访问本站

扫一扫,用手机访问本站