利用Google Feed API制作宝宝成长微博客
标题写的有些概念化了。其实,就是利用Google Feed API即时展示外源的Feed。这个功能完全依赖Google 的服务器,所以不用对您的网站进行太多的修改。只需要添加一段代码即可实现自动读取外源feed,并即时展示在您的网站或博客上。林林爸利用Google Feed API制作了林林成长微博客。演示在这里>>。下面说明下具体使用。
下面一个最简单的Feed调用代码:
<!– Google Ajax Api
–><script src=http://www.google.com/jsapi?key=申请到的key
type=”text/javascript”></script><!– Dynamic Feed Control and Stylesheet –><script src=”http://www.google.com/uds/solutions/dynamicfeed/gfdynamicfeedcontrol.js”
type=”text/javascript”></script>
<style type=”text/css”> @import url(“http://www.google.com/uds/solutions/dynamicfeed/gfdynamicfeedcontrol.css”);
</style>
<script type=”text/javascript”>
function LoadDynamicFeedControl() {
var feeds = [{title: '林林漫记', url: 'http://cnbabyup.com/category/liuyian/feed' }];
var options = {
numResults : 5,
displayTime : 2000,
fadeOutTime : 500,
scrollOnFadeOut : true,
pauseOnHover : true,
stacked : true,
horizontal : false,
}
new GFdynamicFeedControl(feeds, ‘feed-control’, options);
}
// Load the feeds API and set the onload callback.
google.load(‘feeds’, ’1′);
google.setOnLoadCallback(LoadDynamicFeedControl);
</script>
其中您需要修改以下几个参数:
1、要调用的Feed
将要调用的外源Feed地址写入到”var feeds”里头,
如果要调用多个Feed,中间用逗号分割。
2、参数说明
numResults : 10, (展示条目数)
displayTime : 3500, (单个项目展示时间)
fadeOutTime : 600, (渐变消失时间)
scrollOnFadeOut : true, (滚动消失,设置成false的话每个条目将以淡出的方式消失)
pauseOnHover : true, (设置成false的话鼠标经过某个条目不会显示摘要)
stacked : false, (设置成true的话将在同时展示多个feed,false则轮番展示)
horizontal : false, (设置成true的话将以一个一个条目地展示feed,而不是列表形式)
3、申请API Key
注意到上述代码中的“申请到的 Key“,要调用Feed API,你需要首先到这里申请API KEY,马上就能生成。让后用您的API Key覆盖“申请到的 Key“即可。
未尽事宜,详见这里>>
相关阅读: