现在的位置: 首页工作学习>正文
把Google Reader Shared Items显示在Blog中
发表于1739 天前 工作学习 暂无评论 ⁄ 被围观 195 views+

最近很喜欢用Google Reader读一些东西,用得时间久了,也就有了不少Starred Items和Shared Items,也就有了把Shared Items显示到Blog中来的想法。

到Settings -> Tags 中点开"add a clip to your site"这个链接,从这个页面中就可以自定义一些设置了,不过,可以设置的地方很少,有些地方需要自己改一下给出的脚本参数,甚至是自己写一个调用函数。

先用默认的设置项简单设置设置一下,把默认的Title删除,Color scheme选择None(他自带的风格太难看了,估计很少有人愿意在Blog中直接用),Items选择10,Show item sources取消选择,然后会看到下方给出了一段类似于下面的脚本:

<script type="text/javascript" src="http://www.google.com/reader/ui/publisher.js"></script>
<script type="text/javascript" src="http://www.google.com/reader/public/javascript/user/00668288399819349330/state/com.google/broadcast?n=10&callback=GRC_p(%7Bc%3A%22green%22%2Ct%3A%22%5Cu8F6F%5Cu4EF6%5Cu5154%20shared%20items%22%2Cs%3A%22false%22%7D)%3Bnew%20GRC"></script>

接下来有几个地方自己改一下效果会更好:

先说调用个数,默认提供的最多是最近的10条,如果觉得少的话,可以把第二个脚本中的“broadcast?n=10”中的n=10改成你喜欢的个数。

如果有时间,可以不要第一个脚本,自己写一个显示函数,譬如只显示标题,而来源/摘要等当鼠标指上去后以浮动DIV显示等。最后记得把“callback=GRC_p(%7Bc%3A%22-%22%2Ct%3A%22%22%2Cs%3A%22false%22%7D)%3Bnew%20GRC”中的回调函数名及参数改成与你写完的函数相对应的就可以了。

最后在把脚本放到自己的BLOG中后记得在CSS中增加“#readerpublishermodule0”、“#readerpublishermodule0 li”、“readerpublishermodule0 .f ”几个定义,我自己的定义如下:

#readerpublishermodule0{/*Google Reader Shered Items*/
    border:1px #B0BDC6 solid;
    border-top:none;
    text-align:left;
    padding-top: 5px;
}
#readerpublishermodule0 li{
    line-height:20px;
    padding-left:5px;
    width: 185px;
    white-space: nowrap;
    text-overflow:ellipsis;
    overflow: hidden;
}
#readerpublishermodule0 .f {/*Google Reader Shered Items (Read More…)*/
    text-align: right;
    padding-right: 5px;
    line-height: 20px;
}

完成这一步后就搞定了,上传改动后的几个文件,Blog中就会随时显示你最近共享的一些文章了。

给我留言

留言无头像?