スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

Google AJAX Feed API - Dynamic Feed ControlでRSSを表示

 Google AJAX Feed APIで紹介されているDynamic Feed Controlを使ってRSSフィードを表示してみます。以前「Google AJAX Feed APIでフィードをダイナミックに表示」で紹介したもと仕組みは同じです。
Loading...

 まずは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>
フィードやTwitterで最新情報をチェック
follow us in feedly
この記事に付いているタグの最新記事一覧
loading...
コメント
はじめまして、feed control すごいですね。
でもちょっときになることが、表示される日付が1ヶ月ずれているようです。
googleサイトのサンプルもずれていました。
googleのバグでしょうか?
【2009/01/06 15:51】 | ノブ #- | [edit]
初めまして。色々と参考にさせて頂きました。
それで質問なのですが、このページの最後にあるタブと
複数フィードが組み合わさっているものは、どうやって作っているのでしょうか?
グーグルAPIと何かを組み合わせたものでしょうか?
こんな感じのを作りたいのですが、気が向きましたら参考だけ
教えて頂けましたら幸いでございます。
【2011/09/21 13:06】 | あらぽん #- | [edit]
あらぼんさん
はじめまして。

「この記事に付いているタグの最新記事一覧」見たい感じですよね?

Google AJAX Feed API について書かれた記事を以下のページで
まとめていますので、ぜひご覧ください。
http://weboook.blog22.fc2.com/blog-entry-173.html

あらぽんさんが仰るものもあるかと思います。
【2011/09/21 18:17】 | 管理人 #E2ywrYdA | [edit]
すばやいご返信誠にありがとうございます!!!
さっそく参考にさせて頂きます!!
【2011/09/21 19:11】 | あらぽん #- | [edit]
ちょうどタイミングよくお答えできました。
参考になれば幸いです。
【2011/09/21 22:20】 | 管理人 #E2ywrYdA | [edit]









※コメントはご意見ご感想や間違いのご指摘等にしていただけますようお願いいたします。コメントを確認する時間がなく、技術的なご質問をいただいても答えできません。申し訳ございませんがご理解のほどお願いいたします。

Recent Entry
Popular Entry
  • このエントリーをはてなブックマークに追加
  • このエントリーをはてなブックマークに追加
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。