言归正传,我写了一个类似 Google Reader 的分享阅读剪辑(Shared Item Clips)风格的豆瓣广播 widget,可以放在 blog 的侧边栏。使用的方法很简单,只需要将下面这段代码插入到你的 blog 模板中。(wyt:如果不知道怎么操作的话,可以参考豆瓣秀指南。)
<script type="text/javascript" src="http://luliban.com/scripts/miniblog.js?username=wyt&maxresults=16&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、Opera 和 Safari 用户对不住了。如果有任何的建议或意见,欢迎留言 :-)



8 评论:
很帅的widget呀,想做一个可以发布“我说”的小东西,可怎么也做不成。强烈的希望能够得到yuntao的指点。:)
@Rlog-TimeMachine
发布我说要用到OAuth授权部分的API,可以看一下豆瓣的文档
http://www.douban.com/service/apidoc/auth
能否設定寬度?
@cow,
宽度是自适应的,目前不能手动设定
能不能让标题的“XXX的广播”和末尾的“XXX的豆瓣主页”可选是否显示出来
顺便请教,您侧边栏的“我的博客列表”是怎么实现的?
@asiapan,那是Blogger自带的gadget
@cow, @asiapan,
谢谢你们的建议,已增加手动设置宽度,隐藏标题和隐藏主页链接的功能
http://blog.luliban.com/2008/09/widget.html
发表评论
欢迎留言