CQ-CSER

计算机爱好者

[转]博客底部工具栏 Wibiya 使用介绍

Posted on | 十一月 20, 2009 | No Comments

最近很多 PLMM 来问：Showfom 小帅锅，你的博客底部的工具栏很帅很可爱耶，怎么弄的？每次我都得回答一下，是 Wibiya.com ，自己申请去，得，那么多人来问我，只好亲手写个教程了。

PS：内有彩蛋，内有惊喜！Showfom 小帅锅已经和 Wibiya 官方沟通过，在本站留言并且申请 Wibiya工具栏 的朋友，只要留下你们的 email，我会亲自联系 Wibiya，让你们尽快得到 Invitation Code！只有10个名额，抓紧时间哦。

（已经和官方联系并且全部发送完毕，谢谢你们的支持，我爱你们（女生）@_@！）

 

言归正传，我就介绍 Wibiya 工具栏的申请和使用方法，模特是偶老姐Heidi的博客，全程高清无码直播申请以及放置代码的方法。

一、申请篇 – 注册以及邀请码的获得

Wibiya 的申请很简单，登陆 Wibiya.com ，点击 Get It Now ，在右侧的框框填写自己的 Full Name，Email 和 Site URL（博客地址），如图：

Wibiya 申请

填写完毕，点击 Request an Invite。

申请完毕，Wibiya 会给你发送一个确认邮件，提示会在近期发送给你 Invitation Code （邀请码），早期的时候，十多分钟就可以得到，但是后来申请的人越来越多，一般三天（72小时）之内就可以得到，得不到邀请码但是很想得到的童鞋看本文最后部分。

二、使用 Wibiya 以及注意事项

1、收到邀请码并且登陆填写站点信息

收到 Wibiya 的 Invitation Code 邮件后，邮件里会给你一个邀请码，如图：

Wibiya Invitation Code 邮件

点击邮箱里的链接，或者直接复制邀请码到 Get It Now 的页面左边部分，如图：

Wibiya 注册

点 Login ，按照要求填写站点信息，如图：

Wibiya 注册

（注意， Wibiya 提供了 20种 语言，包括我们可爱的简体中文，可以根据需要自己选择）

2、选择你喜欢的主题

填写完毕，点击 Next ，出现 Select A Theme 页面，选择你喜欢的工具栏风格，本文模特H姐喜欢的是第二行的Apple Gray，所以我就选择这个，如题：

Wibiya 选择主题

（注意，可以选择是否显示网站的 favicon，假如网站默认有 favicon，就会显示默认的，假如没有，可以自己上传一个小图标jpg, png 或 gif 格式，不超过30KB）

3、选择你喜欢的应用

填写完毕，点击 Next ，进入 Select Your Apps 页面，选择需要的应用，如图：

Wibiya 选择应用

简单介绍一下：

Website Search  -  网站搜索，选择以后，访客可以利用底部的工具栏搜索你的博客内容，提供本地搜索和Google搜索两种方案，很方便，推荐选择。
Translation  -  网页翻译，利用 Google Translation 翻译当前页面，以前不支持中文，我提醒 Wibiya 以后，已经支持中文网页的翻译，这个看自己是否需要。
Post Navigator  -  在工具栏里显示最新文章（Latest Post）、随机文章（Random Post）等，推荐选择。
Subscribe to RSS Feed  -  订阅 Rss Feed 提示，推荐选择。
Photo Gallery  -  展示 Flickr 相册，看个人情况。
Website Community (FB Connect)  -  Facebook 的 Community，不是英文站没啥必要。
Sharing tools  -  增加分享当前页面（Share）的选项，推荐选择。
Web Notifier (Live Alerts)  -  第一次访问网站时会弹出的更新通知，看个人情况。
Twitter Dashboard  -  展示你的 Twitter 以及发送这个分享这个页面到 Twitter，推荐选择。
Games (powered by HeyZap)  -  小游戏应用，看个人情况。

按照自己的情况选择并且会让你填写相关信息，小提示：Feed 地址尽量用 FeedBurner 烧录或者填写原始地址；Twitter 不要设置为 Protected Updates （保护自己的消息），否则无法使用。

 

4、获得 Wibiya 的插件或代码

最后，进入真正的 Get It Now 界面，如图：

Wibiya 取得插件或者代码

Wibiya 提供了多个博客平台的插件或者代码，假如你是 WordPress 博客并且主题的 footer.php 里有 wp_foot 函数，那么可以直接用 WordPress 的插件，个人推荐直接使用代码（选择 Install on websites and other blog platforms. 然后查看右边）直接获取 JS 代码，放到主题的 footer.php 文件的 </body> 之前即可，我们来看效果吧：

Heidi 的 Wibiya Toolbar

http://lostheidi.com/

http://zou.lu/

http://sivan.in/blog/

http://fishyoyo.com/

http://www.xiaxiaoyang.com/

以上几个国内的博客都装上了 Wibiya 工具栏，欢迎围观。

5、注意事项以及彩蛋十枚

Tips 1 ： Wibiya 的工具栏，默认会覆盖你的博客底部最后一行，所以我不推荐使用 Wibiya 提供的 WordPress 插件，而是自己加代码最合适，在 JS 代码前面加一行 <br />

Tips 2： 有人说会拖慢速度，使用后发现，只要不选择过多的应用，速度完全在忍受范围内，而且加载的 JS 和 图片 都是通过 Wibiya 的 CDN 服务器， 加载的 jQuery 效果使用 Google 提供的 jQuery 地址，但是并不能在博客中使用该 jQuery ，也就是说，不要指望你的博客不加载 jQuery 而使用 jQuery 效果。

Tips 3： Wibiya 在 2B 的 IE 6 下没效果 ， IE 7/8 ，Firefox 3.0+/3.5+ 下完美测试无误。

PS：如果你确实喜欢这个工具栏，但是苦于得不到邀请码的童鞋，留言处写上你的 Email （必须告诉我申请的时候填写的 Email ），我会负责联系 Wibiya 官方，尽快帮你们得到梦寐以求的邀请码（48小时内，只有10个名额哦~）

别怀疑，我和 Wibiya 官方保持联系的哦，所以，抓紧时间。

Wibiya 给我的悄悄话哦

（留言过并且说明自己注册的朋友，我已经把你们的 Email 提交给了 Wibiya ，请耐心等待两天吧）

相关文章:

  1. How to: Display any rss feed on your WordPress blog【Z】
  2. 啊~Asaph, Setting up your own FFFFound
  3. 10 tips to make more money fromWP
  4. 各大站点美化引用插件
  5. meta name 优化
Category: IT, WEB

评论|Comments

留言|Leave a Reply





  • Archives

  • SUNSHINE

    • About

    本博客采用创作共用版权协议,要求署名、非商业用途和保持一致. 转载本博客内容也遵循“署名-非商业用途-保持一致”的创作共用协议.

    订阅

    Search

    Admin