03
15
Dynamic Feed Controlで複数のRSSを表示
2008-03-15Loading...
基本的な構造は前回と同じで、変更点は赤で表示しています。表示するRSSフィードの数は自由に変更できます。
<script src="http://www.google.com/jsapi/?key=取得したAPI key"
type="text/javascript"></script>
<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");
#feedControl {
margin-top : 20px;
margin-left: auto;
margin-right: auto;
width : 440px;
font-size: 16px;
color: #9CADD0;
}
</style>
<script type="text/javascript">
function load() {
var feed = [
{title:'JavScript',
url:'http://weboook.blog22.fc2.com/?xml&category=2'},
{title:'Google API',
url:'http://weboook.blog22.fc2.com/?xml&category=1'},
{title:'カスタマイズ',
url:'http://weboook.blog22.fc2.com/?xml&category=7'}];
var options = {
numResults : 3,
stacked : true,
title: "レッツFC2ブログ！",
displayTime : 5000,
fadeOutTime : 500,
linkTarget : google.feeds.LINK_TARGET_BLANK
}
new GFdynamicFeedControl(feed, "feedControl", options);
}
google.load("feeds", "1");
google.setOnLoadCallback(load);
</script>
<div id="feedControl">Loading...</div>
