kaywang 发表于 2019-1-27 07:50:48

google open api 实践之(ajaxfeeds)

   细心的读者可能会发现我blog右边的又新增了一个广告,将我们公司架构师的博客(一个可以让你受益良多的博客)作为插件动态显示在广告条中(如下图),那么我是如何实现的呢.
http://blog.运维网.com/attachment/201003/201003101268236715406.bmp
源代码如下
         正在加载... 



    @import url("http://www.google.com/uds/solutions/dynamicfeed/gfdynamicfeedcontrol.css");
   


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);

         操作步骤如下:首先根据你要挂靠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都提供封装好的对象供开发者使用.





页: [1]
查看完整版本: google open api 实践之(ajaxfeeds)