将Buzz输出整合进网页:Google Buzz Widget

Google Buzz Widget是一个jQuery插件,专为Google的社交网络服务Google Buzz开发。你可以用这个小工具将你的Buzz消息整合到网页的任意位置。

可能还有人还不知道Google Buzz?它是Google发布的一项社交网络服务,类似Twitter、新浪微博等。基于Google个人资料(Google Profiles),整合于Gmail之中。使用Google Buzz,不只是能够发布及时状态信息,还能够共享更新、照片和视频,还能够就某些感兴趣的话题开始对话交流,等等等等。在Google Buzz于2010年2月9日发布。发布后不到2天就有数千万用户关注,并创建了超过900万文章和评论。可以看看我的profile(其实这就是Buzz的显示页面)。

使用Google Buzz Widget将Buzz整合到网页中,这就比仅仅显示Twitter消息要好多了。你在Google Reader(Google阅读器)中阅读订阅文章的时候,随时都可以分享给大家。而这个分享也可以通过Buzz与Reader的连接来实现同步发布到Buzz,成为你的一条“微博”。将我前面的Buzz与我的Reader分享(嗯,在国内访问可能不是太稳定)比较一下你就能看出来,Buzz还能连接很多地方(比如个人博客)的内容,成为你个人的信息中心——难怪Google要将它显示在Profile页面了。

当然,如果你使用的是WordPress建立站点的话,你也可以使用WordPress插件Google Buzz ER将Buzz整合进你的网站。我还没有试过,使用方法很简单。当然你也可以看看这篇英文文章的介绍。如果你使用的不是WordPress,或者你不想装那么多插件的话,就可以使用下面的jQuery工具插件了。先看看我使用这个jQuery工具创建的Buzz页面吧,只是CSS样式有点儿囧,回头有空了再弄弄吧。使用方法请参考“Google Buzz Widget使用方法”。

Google Buzz Widget插件特色:

  • 两种方式显示buzz:带过渡效果的工具栏形式或者固定的列表形式。
  • 多个过渡效果选项:透明度、高度、字体大小。
  • buzz的某些部分,如链接、日期,拥有可供自定义的CSS类。
  • 显示/隐藏buzz的某些部分,如日期、来源。
  • 使用典型的JS调用或者自动加载的 DIV 元素(CSS类“google-buzz”)。
  • 默认情况下,该小工具显示buzz的摘要模式。该模式比较适合于小块固定的显示单元。你也可以选择显示buzz的完整内容。

这里有2个示例,可以看看效果:示例1 示例2©

本文发表于水景一页。永久链接:<http://cnzhx.net/blog/integrate-your-buzz-stream-into-your-webpage-google-buzz-widget/>。转载请保留此信息及相应链接。

2 条关于 “将Buzz输出整合进网页:Google Buzz Widget” 的评论

  1. 引用通告: Goolge Buzz Widget使用方法 « 不存在的空间

  2. 引用通告: 优化WordPress中JavaScript加载位置 « 水景一页

雁过留声,人过留名

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

特别提示:与当前文章主题无关的讨论相关但需要较多讨论求助信息请发布到水景一页讨论区的相应版块,谢谢您的理解与合作!请参考本站互助指南
您可以在评论中使用如下的 HTML 标记来辅助表达: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>