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>&nbsp;</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都提供封装好的对象供开发者使用.