细心的读者可能会发现我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
type="text/javascript"></script>
<p><style type="text/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都提供了注册地址
注册完之后
我们看代码就会发现在这段代码种关键的是声明并构造feeds对象,这点和开发google map应用也是类似的,google都提供封装好的对象供开发者使用.
本文转自elbertchen 51CTO博客,原文链接:http://blog.51cto.com/linkyou/282664,如需转载请自行联系原作者