定制google reader的blog片段

Google Reader允许你给blog和blog文章加标签并和你的朋友分享它们。你获得一个feed，一个HMTL页面或者一个可以加到自己站点的代码片段。

如果你使用来自google reader的代码，代码片段将只能显示最近几条信息的标题和一个指向其信息源的链接。幸运的是，google
reader有一个回调参数，它允许你添加自己的javascript代码来完成超过默认特性的工作。

1.使某个标签公开化
去设置/标签， 点击标签右侧的波浪图标，这样你让它成为公开标签。

2.获得代码
点击“添加代码片段到站点”，选择“None（无）”色彩模式以及你想显示的信息条数，然后拷贝代码。

3.定制回调函数
你会注意到第二个脚本调用的url包含一个callback参数。你必须把一个有单一参数的javascript函数名赋值给它-该函数的唯一参数将是一个拥有更多域的google reader对象，但更重要的是“条目”，它是一个类似下面这样结构的数组：

"items": [
{
"title": "Blog title",
"published": 1173471960,
"updated": 1173481776,
"alternate": {
"href": "http://blogname.blogspot.com/2007/03/test.html",
"type": "text/html"
},
"contentSnippet": "The first words from the post...",
"author": "Dan Bush",
"origin": {
"title": "Dan's Blog",
"htmlUrl": "http://blogname.blogspot.com"
}
},
....
]



一个回调函数的简单例子是buildContent，假定你的页面里有一个div元素，它的id是“container”：

function buildContent (blog) {
if (!blog || !blog.items) return;
var container=document.getElementById("container");
var code="";
for (var i = 0; i < blog.items.length; i++) {
var item = blog.items[i];
code=code + "<a href='"+item.alternate.href+"'>"+ item.title+ "</a><div>"+ item.contentSnippet+"</div><br />";
}
container.innerHTML=code;
}


之后你要做的就是改变这个从google reader服务器获取的callback参数。

http://www.google.com/reader/public/javascript/
user/[id]/label/labelname?n=5&callback=buildContent

（译者注:该id是一串很长的数字，不是你的用户名id，你可以在google reader里的链接里找到这串数字）
使用类你可以很容易实现定制内容，因为你是在自己的站点里建立这些文字。为了只显示来自一个blog的文章，使用订阅该blog，然后为之选择一个独一无二的标签。

这里是一张非常简单的页面，它使用该代码了。另一个页面则来自Google Code。