细心的读者可能会发现我
blog
右边的又新增了一个广告
,
将我们公司架构师的博客
(
一个可以让你受
益良多的博客
)
作为插件动态显示在广告条中
(
如下图
),
那么我是如何实现的呢
.
![](http://blog.51cto.com/attachment/201003/201003101268236715406.bmp?x-oss-process=image/resize,w_1400/format,webp)
源代码如下
<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">
</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都提供了注册地址
Map api注册地址是: http://code.google.com/intl/zh-CN/apis/maps/signup.html
注册完之后
我们看代码就会发现在这段代码种关键的是声明并构造feeds对象,这点和开发google map应用也是类似的,google都提供封装好的对象供开发者使用.
本文转自elbertchen 51CTO博客,原文链接:http://blog.51cto.com/linkyou/282664,如需转载请自行联系原作者