カテゴリー: (X)HTM + CSS

投稿日:

Google AJAX News Bar ; ニュースをウェブページに表示

自分で指定したキーワードが含まれるニュースを自分のサイトに表示できます。
表示形式は

  1. 水平モード：記事タイトルをバーに順番に表示していく。
  2. 垂直モード：記事を垂直に表示。キーワード別に記事が表示される。

の２つから選ぶことができます。

利用方法

Google AJAX News Barにアクセスして、ウィザードに従ってコードを生成していきます。

  1. 表示形式を２つから選びます。
    • News Strip (vertical orientation)　　　（垂直モード：タイトルと記事を表示）
    • News Reel (horizontal orientation)　　（水平モード：タイトルをローテーション表示）
  2. 表示させたいニュースに関するキーワードを「,」（カンマ）で区切って入力します。
    デフォルトでは、「Apple, Google, Microsoft」となっています。
  3. News Barのタイトルを付けます。
    デフォルトでは、「In the news」となっています。
  4. ボタンを押すとプレビュー表示されます。
  5. 掲載するサイトのＵＲＩを入力します。
  6. 「Generate Code」ボタンを押すとコードが生成されます。

カスタマイズ

Google AJAX Search API – AJAX News BarにはGoogle AJAX News Barのカスタマイズ方法が載っています。

その中から便利なカスタマイズを少しだけ紹介します。

  • Number of Search Results：１つのキーワードに対しての記事の表示件数を選びます。
    true だと8件　falseだと４件の記事が表示されます。デフォルトでは、４件表示

    options = {
    largeResultSet : false
    };

    となっているので、falseをtrueと書き換えれば８件表示になります。

  • Result Style：vertical mode News Bars（垂直モード）で記事を表示するときにタイトルのみの表示か、記事まで表示させるかを選びます。
    デフォルトでは記事まで表示されるので、

    options = {
    resultStyle : GSnewsBar.RESULT_STYLE_COMPRESSED
    };

    のコードを追加すればタイトルのみ表示されるようになります。

  • Setting the Link Target：リンクを新しいウィンドウで開くように設定できます。
    options = {
    linkTarget : GSearch.LINK_TARGET_BLANK
    };

—

Copy from GoogleMania