最新消息:

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

Wordpress NickYang 46553浏览 85评论

仿异次元百度分享工具条

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

作者: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+分享,不过我的博客宽度不够,所以就不增加了,如有需要增加的,可以找我修改代码。

转载请注明:C++爱好者博客 » 分享仿异次元百度分享工具条

发表我的评论
取消评论

表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

网友最新评论 (85)

  1. 哈哈,确实是个好东西哈~
  2. 为什么我那里显示 的是 ???,您帮我看看
    微福利6年前 (2013-12-12)回复
    • 你好,请问哪里显示?,我看都是正确的啊
      eliteYang6年前 (2013-12-12)回复
  3. 你好,非常感谢你的分享,能分享一份带G+ 的吗? 十分感谢。
    虾虾吧6年前 (2013-09-02)回复
    • G+的代码,你可以获取到之后参考其他的JS代码,抱歉暂时没时间弄了
      eliteYang6年前 (2013-09-02)回复
  4. good!!!很喜欢,感谢博主分享出来。
  5. 360浏览器会出现围观次数和哪个眼睛图标分开的情况
    lanfangzi6年前 (2013-06-06)回复
    • 试下新版本,1.0版本,本博客搜索“百度工具条”即可
      eliteYang6年前 (2013-06-06)回复
  6. 好像不兼容IE6
    guest6年前 (2013-03-13)回复
    • 试试最新版本,1.0的,见网站右侧顶上公告链接。
      eliteYang6年前 (2013-03-13)回复
  7. 小站用了,谢啦
    javis6年前 (2013-01-24)回复
    • 不客气,欢迎使用。
      eliteYang6年前 (2013-01-24)回复
      • 有个问题,这篇文章里的格式是用的短代码吗?比如FAQ那里。还有个建议#share_toolbar_wrapper {.... padding-top: 8px;}这里改为0px更美观
        javis6年前 (2013-01-24)回复
        • FAQ哪里用的是blockquote,不过我没弄好,有了上面的引号,下面的引号用JS没弄出来,就先放着了。对于工具条CSS的修改依个人喜好自行改动吧,我现在是没时间改了。
          eliteYang6年前 (2013-01-24)回复
  8. 我需要G+按钮不要开心网
    yoco6年前 (2013-01-17)回复
    • 你可以把G+的js放进代码里,相信你可以自己搞定的。
      eliteYang6年前 (2013-01-17)回复
  9. 能不能采用JS调用啊!
    张飞日记6年前 (2013-01-14)回复
    • 可以啊,自己改下就可以了。
      eliteYang6年前 (2013-01-14)回复
      • 以前看到IPC只是然后找到js文件没有成功!
        张飞日记6年前 (2013-01-14)回复
  10. 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 256Warning: 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 路径怎么搞啊
    爱软E6年前 (2013-01-12)回复
  11. 我正需要这个呢
    爱软E6年前 (2013-01-12)回复