将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©

本文发表于水景一页。永久链接:<https://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加载位置 « 水景一页

时间过去太久,评论已关闭。
如果您有话要说,请到讨论区留言并给出此文章链接。
谢谢您的理解 :-)