03
14
Google AJAX Feed API - Dynamic Feed ControlでRSSを表示
2008-03-14Loading...
まずはAPI keyを取得しましょう。
⇒ Sign up for the Google AJAX Feed API
<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 ="http://weboook.blog22.fc2.com/?xml"; var options = { /* 表示する記事数 */ numResults : 10, /* 記事を表示する時間 */ 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>
