Dynamic Feed Control(Google AJAX Feed API)の仕組みについて

先日「Dynamic Feed Control(Google AJAX Feed API)のCSSカスタマイズ」ということでCSSを使ったカスタマイズの方法を紹介しました。今回CSSでのカスタマイズの際に知っておきたいDynamic Feed Controlの仕組みを紹介します。
そもそもDynamic Feed Controlって何?って方はこちらをご覧ください。 そんなDynamic Feed Controlの仕組みは以下のようになっています。
<div class="gfg-root">

  <div class="gfg-title">全体のタイトル</div>

  <div class="gfg-entry">

    <div class="gf-result">

      <div class="gf-title">内容を表示する記事のタイトル</div>

      <div class="gf-snippet">記事の内容</div>

    </div>

  </div>

  <div class="gfg-subtitle">フィードのタイトル</div>

  <div class="gfg-list">

    <div class="gfg-listentry gfg-listentry-odd">記事のタイトル</div>

    <div class="gfg-listentry">記事のタイトル</div>

    <div class="gfg-listentry gfg-listentry-odd">記事のタイトル</div>

    <div class="gfg-listentry">記事のタイトル</div>

      ~ 表示する記事の数だけ紫部分オレンジ部分を繰り返し ~

  </div>

   ~ 複数のフィードを表示する場合は赤文字から青文字までを繰り返し ~

</div>
デフォルトのCSSについてはこちらでご確認ください。 仕組みが分かっていると元のCSSを変更するのも簡単になるかと思います。仕組みについては特に難しくもないですが紫の部分はclassを2つ指定しています。2つ指定できることを始めて知りました。
フィードやTwitterで最新情報をチェック
follow us in feedly
この記事に付いているタグの最新記事一覧
loading...
コメント
GoogleAjaxFeedAPIを使って、
複数のブログを引っ張ってきたいと思っています。

addFeed(url,label)を使って複数のブログを1個所に表示することはできるのですが、それぞれの場所に、それぞれのブログを表示させるような事はできますでしょうか?

idで引っ張ってくるurlを制御したいと考えています。

もしおわかりでしたら教えてください。
どうぞ宜しくお願い致します。
【2010/06/22 15:13】 | Koga #- | [edit]









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

Recent Entry
Popular Entry
  • このエントリーをはてなブックマークに追加