google api ajaxfeeds
Posted on | 二月 10, 2010 | No Comments
逛了某人的博客，发现了这个，试了下。demo：
http://cq-cser.cn/test/googlefeed.html
http://cq-cser.cn/test/googlefeed1.html
操作步骤如下:首先根据你要挂靠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
具体代码如下：
<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”>
@import url(“http://www.google.com/uds/solutions/dynamicfeed/gfdynamicfeedcontrol.css“);
</style></p>
<script type=”text/javascript”>
function LoadDynamicFeedControl() {
var feeds = [{title: 'CQ-CSER', url: 'http://secinn.appspot.com/planet/feed?site=cn' },{title: 'CQ-CSER', url: 'http://secinn.appspot.com/planet/feed?site=cn' }];
var options = {
numResults : 8,
displayTime : 2000,
fadeOutTime : 500,
scrollOnFadeOut : true,
pauseOnHover : true,
stacked : false,
horizontal : false,
title : ‘CQ-CSER’
}
new GFdynamicFeedControl(feeds, ‘feed-control’, options);
}
// Load the feeds API and set the onload callback.
google.load(‘feeds’, ’1′);
google.setOnLoadCallback(LoadDynamicFeedControl);
</script>
把中间那个api=什么换成你的api，谷歌给的例子太简单了
var feeds = [{title: 'CQ-CSER', url: 'http://secinn.appspot.com/planet/feed?site=cn' },{title: 'CQ-CSER', url: 'http://secinn.appspot.com/planet/feed?site=cn' }];
feeds中每多一个{title: ‘CQ-CSER’, url: ‘http://secinn.appspot.com/planet/feed?site=cn’ }多一个xx，自己修改地址，title吧
下面这种也不错：
<html>
<head> <script type=“text/javascript” src=“http://www.google.com/jsapi?key=”YOUR-KEY“></script>
<script type=“text/javascript”>.load(“feeds”, “1″);function initialize() {
var feedControl = new google.feeds.FeedControl();
feedControl.addFeed(“http://www.digg.com/rss/index.xml”, “Digg”);
feedControl.addFeed(“http://feeds.feedburner.com/Techcrunch”, “TechCrunch”);
feedControl.draw(document.getElementById(“feedControl”));
}
google.setOnLoadCallback(initialize);</script>
</head><body>
<div id=“feedControl”>Loading</div>
</body>
</html>
相关文章:
- Google Font Directory-Google Font API
- 浅读”google-seo-report-card”:感想
- 在C++中嵌入JavaScript——Google V8 JavaScript Engine使用体验
- Google Wave从入门到进阶
- 防 御CSRF的第四种方法
评论|Comments
留言|Leave a Reply
Archives
- 2012年一月 (1)
- 2011年十二月 (1)
- 2011年十一月 (4)
- 2011年十月 (3)
- 2011年九月 (2)
- 2011年八月 (1)
- 2011年七月 (1)
- 2011年五月 (1)
- 2011年三月 (3)
- 2011年二月 (2)
- 2011年一月 (6)
- 2010年十一月 (2)
- 2010年十月 (10)
- 2010年九月 (7)
- 2010年八月 (4)
- 2010年七月 (11)
- 2010年六月 (14)
- 2010年五月 (14)
- 2010年四月 (20)
- 2010年三月 (61)
- 2010年二月 (71)
- 2010年一月 (59)
- 2009年十二月 (78)
- 2009年十一月 (61)
链接表
SUNSHINE
About
