分享仿异次元百度分享工具条

作者: NickYang 分类: Wordpress,技术文章 发布时间: 2012-10-20 18:07

仿异次元百度分享工具条

现在做网站一个社会化分享工具还是很有必要的,百度在不久前提供了百度分享功能,据说这个功能会让百度更加青睐你的网站。百度提供的分享工具条样式比较单一而且不是太好看,看到异次元的百度分享工具条非常好看,于是仿了一个近似的,先分享出来给大家用。

作者:eliteYang
博客地址:http://www.cppfans.org    C++爱好者博客是一个以程序开发、IT资讯为主的个人博客,旨在与各位网友交流开发经验,分享知识。
发布时间:2012/10/20
使用声明:请尊重原创者,允许转载和修改,但需要保留链接,谢谢合作,祝大家使用愉快,如有疑问,请至 C++爱好者博客(www.cppfans.org) 交流讨论。本工具条旨在学习CSS和JS开发,并无意抄袭或剽窃异次元博客风格,如过异次元发出禁止使用声明,请大家不要再使用了。

 

使用说明:

1.将baidu_share_tool_bar文件夹里的所有文件上传到你的wordpress当前主题的目录下
2.在文章页面single.php适当的地方引用share.php即可,代码<?php include(“share.php”); ?>
3.从百度分享http://share.baidu.com获取分享和喜欢按钮的代码,代码里有你自己的id,修改share.php中注释处的uid为你自己的
4.需安装WP-PostViews插件,用来显示访问次数,一般都会安装的

—————————————华丽的分割线—————————————

版本记录:

2012/10/24 Version 0.5

1.修改围观次数错误的问题(感谢icedream同学的提醒)

0.5版本下载地址:yunfile网盘 | 百度网盘 | 千军万马网盘 | Box网盘

 

2012/10/20 Version 0.4
1.修改上一篇和下一篇逻辑反了的问题

0.4版本下载地址:yunfile网盘 | 百度网盘 | 千军万马网盘 | Box网盘

 

2012/10/20 Version 0.3
1.修改前一页后一页导航条代码,使之功能正确(非常感谢icedream的帮忙,其博客地址为:http://tesfans.org/)
2.修改百度喜欢样式表like.css的like按钮图标使用JS获取,并分为使用JS获取版本和不使用JS获取版本(like.css和like_donot_use_js.css,如果你嫌JS加载慢的话,可以修改like_donot_use_js.css为like.css)
3.整理滚动后自动置顶代码为一个单独的JS(share_roll.js)
4.修改share.css和like.css为按需加载,在share.php顶部加载

0.3版本下载地址:yunfile网盘 | 百度网盘 | 千军万马网盘 | Box网盘

 

2012/10/14 Version 0.2
1.修改前一页后一页导航代码(还有错误),title标签没有做

 

2012/10/13 Version 0.1
1.增加share.php代码
2.增加百度分享样式表share.css代码
3.增加百度喜欢样式表like.css代码

 

FAQ:
1.我的博客文章页面较宽,如果修改百度分享工具条的宽度?
答:修改share.css中share_toolbar的widch属性为与你博客文章页面宽度符合的值

2.我的博客主题下没有js文件夹怎么办?
答:修改share.php最后一行代码中js文件的路径

3.为什么我博客里百度分享和喜欢的数量和我在百度分享后台看到的数据不一致?
答:请检查share.php中的uid是不是自己的id,如果不是请修改了。如果还不一致,请联系百度分享的工作人员解决

4.为什么我的工具条没有图片显示出来呢?
答:请查看您的博客当前主题image文件下share.gif图片是否正确

5.请问是否支持wordpress之外的其他建站系统?
答:需要修改里面WP提供的函数为你的建站系统的函数,其他不需要改动。

更多使用问题和交流请留言说明。

效果可以参考本博客任意文章上的分享条

—————————————华丽的分割线—————————————

统一解压密码:www.cppfans.org

—————————————华丽的分割线—————————————

最新说明:

刚去看了异次元的工具条,又增加了g+分享,不过我的博客宽度不够,所以就不增加了,如有需要增加的,可以找我修改代码。

如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!

84条评论
  • Pingback: WordPress添加仿异次元百度分享工具条 | 维基百科
  • 无节操妹子版可爱颂

    2014 年 5 月 21 日 21:01

    哈哈,确实是个好东西哈~

    潜水 Chrome浏览器 Windows 7
  • 微福利

    2013 年 12 月 12 日 01:43

    为什么我那里显示 的是 ???,您帮我看看

    潜水 Chrome浏览器 Windows 7 x64 Edition
    1. eliteYang

      2013 年 12 月 12 日 09:49

      你好,请问哪里显示?,我看都是正确的啊

      神话 Chrome浏览器 Windows 7 x64 Edition
  • 虾虾吧

    2013 年 9 月 2 日 12:31

    你好,非常感谢你的分享,能分享一份带G+ 的吗? 十分感谢。

    其它浏览器 其它操作系统
    1. eliteYang

      2013 年 9 月 2 日 21:48

      G+的代码,你可以获取到之后参考其他的JS代码,抱歉暂时没时间弄了

      神话 其它浏览器 其它操作系统
  • Pingback: WordPress添加仿异次元百度分享工具条 | wordpress教程
  • good!!!很喜欢,感谢博主分享出来。

    潜水 其它浏览器 其它操作系统
  • lanfangzi

    2013 年 6 月 6 日 07:42

    360浏览器会出现围观次数和哪个眼睛图标分开的情况

    潜水 其它浏览器 其它操作系统
    1. eliteYang

      2013 年 6 月 6 日 23:47

      试下新版本,1.0版本,本博客搜索“百度工具条”即可

      神话 其它浏览器 其它操作系统
  • Pingback: WordPress添加仿异次元百度分享工具条 | 造梦师
  • guest

    2013 年 3 月 13 日 19:11

    好像不兼容IE6

    潜水 其它浏览器 其它操作系统
    1. eliteYang

      2013 年 3 月 13 日 19:47

      试试最新版本,1.0的,见网站右侧顶上公告链接。

      神话 其它浏览器 其它操作系统
  • Pingback: WordPress添加仿异次元百度分享工具条 | WordPress大学
  • javis

    2013 年 1 月 24 日 20:39

    小站用了,谢啦

    潜水 Chrome浏览器 Windows 7
    1. eliteYang

      2013 年 1 月 24 日 20:41

      不客气,欢迎使用。

      神话 火狐浏览器 Windows 7
      1. javis

        2013 年 1 月 24 日 21:25

        有个问题,这篇文章里的格式是用的短代码吗?比如FAQ那里。还有个建议#share_toolbar_wrapper {…. padding-top: 8px;}这里改为0px更美观

        潜水 Chrome浏览器 Windows 7
        1. eliteYang

          2013 年 1 月 24 日 22:32

          FAQ哪里用的是blockquote,不过我没弄好,有了上面的引号,下面的引号用JS没弄出来,就先放着了。对于工具条CSS的修改依个人喜好自行改动吧,我现在是没时间改了。

          神话 火狐浏览器 Windows 7
  • yoco

    2013 年 1 月 17 日 02:03

    我需要G+按钮不要开心网

    潜水 搜狗浏览器 Windows 7
    1. eliteYang

      2013 年 1 月 17 日 09:51

      你可以把G+的js放进代码里,相信你可以自己搞定的。

      神话 Safari浏览器 Mac OS X
  • 张飞日记

    2013 年 1 月 14 日 10:56

    能不能采用JS调用啊!

    潜水 Chrome浏览器 Windows XP
    1. eliteYang

      2013 年 1 月 14 日 10:58

      可以啊,自己改下就可以了。

      神话 Safari浏览器 Mac OS X
      1. 张飞日记

        2013 年 1 月 14 日 11:01

        以前看到IPC只是然后找到js文件没有成功!

        潜水 Internet Explorer 11 Windows XP
  • 爱软E

    2013 年 1 月 12 日 15:34

    Warning: include(share.php) [function.include]: failed to open stream: No such file or directory in /var/www/wp-content/themes/cnews/partials/content-single.php on line 256

    Warning: include() [function.include]: Failed opening ‘share.php’ for inclusion (include_path=’.:/usr/share/php:/usr/share/pear’) in /var/www/wp-content/themes/cnews/partials/content-single.php on line 256
    路径怎么搞啊

    话唠 火狐浏览器 Windows 8 x64 Edition
    1. 爱软E

      2013 年 1 月 12 日 16:14

      已经搞定鸟

      话唠 火狐浏览器 Windows 8 x64 Edition
      1. eliteYang

        2013 年 1 月 12 日 19:21

        好的,祝您使用愉快。

        神话 火狐浏览器 Windows 7
  • 爱软E

    2013 年 1 月 12 日 14:43

    我正需要这个呢

    话唠 火狐浏览器 Windows 8 x64 Edition
    1. eliteYang

      2013 年 1 月 12 日 15:32

      感谢使用。

      神话 火狐浏览器 Windows 7
      1. 爱软E

        2013 年 1 月 12 日 20:54

        已添加谷歌+就错位了

        话唠 火狐浏览器 Windows 8 x64 Edition
        1. eliteYang

          2013 年 1 月 12 日 21:33

          自己研究下代码吧。

          神话 火狐浏览器 Windows 7

发表评论

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