google open api 实践之（ajaxfeeds）

细心的读者可能会发现我blog右边的又新增了一个广告,将我们公司架构师的博客(一个可以让你受益良多的博客)作为插件动态显示在广告条中(如下图),那么我是如何实现的呢.



源代码如下
<div id="feed-control"><span style="padding-right: 4px; padding-left: 4px; font-size: 13px; padding-bottom: 4px; margin: 10px; color: #676767; padding-top: 4px">正在加载...</span> </div>
<!-- Google Ajax Api
--><script src="http://www.google.com/jsapi?key=ABQIAAAAOF4X3OTQ9a1IQUlQuOq1kRR4Z0h2Wj5bgzyc-6EzF76sDnUsuRRH4iWfq20AZrl6usDEIeLghl0VVw"
type="text/javascript"></script><!-- Dynamic Feed Control and Stylesheet --><script src="http://www.google.com/uds/solutions/dynamicfeed/gfdynamicfeedcontrol.js"
type="text/javascript"></script>
<p><style type="text/css">

@import url("http://www.google.com/uds/solutions/dynamicfeed/gfdynamicfeedcontrol.css");
</style></p>
<script type="text/javascript">

function LoadDynamicFeedControl() {
var feeds = [{title: '文初的博客', url: 'http://blog.csdn.net/cenwenchu79/Rss.aspx' }];
var options = {
numResults : 8,
displayTime : 2000,
fadeOutTime : 500,
scrollOnFadeOut : true,
pauseOnHover : true,
stacked : false,
horizontal : false,
title : '文初的博客'
}

new GFdynamicFeedControl(feeds, 'feed-control', options);
}
// Load the feeds API and set the onload callback.
google.load('feeds', '1');
google.setOnLoadCallback(LoadDynamicFeedControl);
</script>
操作步骤如下:首先根据你要挂靠blog的url地址到google的API注册中心,注册一个APIKEY,这个APIKEY是和你的url匹配的.google为每种类型的api都提供了注册地址
Feed的注册地址是: http://code.google.com/intl/zh-CN/apis/ajaxfeeds/signup.html
Map api注册地址是: http://code.google.com/intl/zh-CN/apis/maps/signup.html
注册完之后
我们看代码就会发现在这段代码种关键的是声明并构造feeds对象,这点和开发google map应用也是类似的,google都提供封装好的对象供开发者使用.