2008年8月4日

有备无患:Google Reader 风的豆瓣广播 widget

最近,豆瓣连续发布了几个重要的 API 更新,包括了备受期待的友邻广播相关的接口。特别是广播的 API,自从用豆瓣广播取代了 Twitter 当作吐口水的工具之后,我一直期待广播也有像 TwitterFox 一样的客户端,有个 widget 可以在 blog 上显示最近的状态,而这些都是要以广播的 API 为基础的。

言归正传,我写了一个类似 Google Reader 的分享阅读剪辑(Shared Item Clips)风格的豆瓣广播 widget,可以放在 blog 的侧边栏。使用的方法很简单,只需要将下面这段代码插入到你的 blog 模板中。(wyt:如果不知道怎么操作的话,可以参考豆瓣秀指南。)

<script type="text/javascript" src="http://luliban.com/scripts/miniblog.js?username=wyt&amp;maxresults=16&amp;style=blue"></script>

注意上面代码中粗体的部分,首先我们要将``wyt``换成自己的用户名;``maxresults``为 widget 显示的广播条数(最大值为50,默认为10,可以省略);``style``表示 widget 的配色,和 Google Reader 分享阅读的配色基本一致,包括:black、blue、gray、green、khaki、pink、slate 和 none。默认为 green,如果输入的 style 不在上述配色中,则返回 none。none 为不带任何 style 的原始 HTML,适合希望自定义广播风格的 blogger。

最终效果如下图。想看看实物 demo 的话,可以点击这里。要说明的是,看得到漂亮的圆角效果的只有 Firefox 用户(wyt:这也是 Google Reader 的风格之一,:p),IE、OperaSafari 用户对不住了。如果有任何的建议或意见,欢迎留言 :-)

8 评论:

Rlog-TimeMachine 说...

很帅的widget呀,想做一个可以发布“我说”的小东西,可怎么也做不成。强烈的希望能够得到yuntao的指点。:)

wyt 说...

@Rlog-TimeMachine
发布我说要用到OAuth授权部分的API,可以看一下豆瓣的文档
http://www.douban.com/service/apidoc/auth

cow 说...

能否設定寬度?

wyt 说...

@cow,
宽度是自适应的,目前不能手动设定

asiapan 说...

能不能让标题的“XXX的广播”和末尾的“XXX的豆瓣主页”可选是否显示出来

asiapan 说...

顺便请教,您侧边栏的“我的博客列表”是怎么实现的?

wyt 说...

@asiapan,那是Blogger自带的gadget

wyt 说...

@cow, @asiapan,
谢谢你们的建议,已增加手动设置宽度,隐藏标题和隐藏主页链接的功能
http://blog.luliban.com/2008/09/widget.html

发表评论

欢迎留言

订阅我的博客

搜索我的博客

正在加载...

我的豆瓣广播

分享阅读

豆瓣秀

休斯敦火箭

我的文章归档

版权申明