google open api 实践之（ajaxfeeds） -

linkyou66

浏览: 234916 次
性别:
来自: 杭州

最近访客更多访客>>

wkq777

hejianhua66

dagf113225

amadis_chen

博主相关

博客

微博

相册

留言

关于我

文章分类

全部博客 (266)

社区版块

存档分类

google open api 实践之（ajaxfeeds）

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

 <img src="http://p.blog.csdn.net/images/p_blog_csdn_net/linkyou/EntryImages/20090226/Snap4.gif" alt="" width="236" height="282">
 源代码如下
 <div id="feed-control">正在加载...&nbsp;</div> 
<script src="http://www.google.com/jsapi?key=ABQIAAAAOF4X3OTQ9a1IQUlQuOq1kRR4Z0h2Wj5bgzyc-6EzF76sDnUsuRRH4iWfq20AZrl6usDEIeLghl0VVw" 
 type="text/javascript"></script><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://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注册地址是: <a href="http://code.google.com/intl/zh-CN/apis/maps/signup.html">http://code.google.com/intl/zh-CN/apis/maps/signup.html</a>
 注册完之后
 我们看代码就会发现在这段代码种关键的是声明并构造feeds对象,这点和开发google map应用也是类似的,google都提供封装好的对象供开发者使用.

分享到：