宝宝健康成长网首页刘易桉宝宝健康成长 林林微博 育儿护理知识 宝宝网址导航
当前位置: 首页 >> 宝宝建站 >> 利用Google Feed API制作宝宝成长微博客

利用Google Feed API制作宝宝成长微博客

标题写的有些概念化了。其实,就是利用Google Feed API即时展示外源的Feed。这个功能完全依赖Google 的服务器,所以不用对您的网站进行太多的修改。只需要添加一段代码即可实现自动读取外源feed,并即时展示在您的网站或博客上。林林爸利用Google Feed API制作了林林成长微博客。演示在这里>>。下面说明下具体使用。

下面一个最简单的Feed调用代码:

<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>&nbsp;</div>
<!– Google Ajax Api
–><script src=http://www.google.com/jsapi?key=申请到的key
type=”text/javascript”></script><!– Dynamic Feed Control and Stylesheet –><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://cnbabyup.com/category/liuyian/feed' }];
var options = {
numResults : 5,
displayTime : 2000,
fadeOutTime : 500,
scrollOnFadeOut : true,
pauseOnHover : true,
stacked : true,
horizontal : false,
}

new GFdynamicFeedControl(feeds, ‘feed-control’, options);
}
// Load the feeds API and set the onload callback.
google.load(‘feeds’, ’1′);
google.setOnLoadCallback(LoadDynamicFeedControl);
</script>

其中您需要修改以下几个参数:

1、要调用的Feed
将要调用的外源Feed地址写入到”var feeds”里头,

var feeds = [{title: '林林漫记', url: 'http://cnbabyup.com/category/liuyian/feed' }];

如果要调用多个Feed,中间用逗号分割。

var feeds = [{title: '转基因科普', url: 'http://biotechgo.net/blog/category/gm-science/feed/' },{title: '方舟子的BLOG', url: 'http://blog.sina.com.cn/rss/1195403385.xml' },{title: '曾庆平的博客', url: 'http://www.sciencenet.cn/blog/userRSS.aspx?field=281238' },{title: '饶毅的博客', url: 'http://www.sciencenet.cn/blog/userRSS.aspx?field=2237' },{title: '科学松鼠会 » 生物', url: 'http://songshuhui.net/archives/category/major/biology/feed' } ];

2、参数说明

numResults : 10, (展示条目数)
displayTime : 3500, (单个项目展示时间)
fadeOutTime : 600, (渐变消失时间)
scrollOnFadeOut : true, (滚动消失,设置成false的话每个条目将以淡出的方式消失)
pauseOnHover : true, (设置成false的话鼠标经过某个条目不会显示摘要)
stacked : false, (设置成true的话将在同时展示多个feed,false则轮番展示)
horizontal : false, (设置成true的话将以一个一个条目地展示feed,而不是列表形式)

3、申请API Key

注意到上述代码中的“申请到的 Key“,要调用Feed API,你需要首先到这里申请API KEY,马上就能生成。让后用您的API Key覆盖“申请到的 Key“即可。

未尽事宜,详见这里>>

发表评论

^留言没头像?教你设置头像!
我的应用 Follow@cnbabyup 宝宝问答>  0-1岁  1-3岁  3-6岁 手气不错