G Mania

Loading


小型風力発電機
「風レンズ風車」
のウィンドレンズ






LINEで送る

サービス

Google AJAX blog Bar

機能紹介

ブログ検索結果を自分のサイトに表示できます。
表示形式は

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

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

例として水平モードを表示します。

Loading...

利用方法

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

  1. ①表示形式を2つから選びます。

    • Blog Strip (vertical orientation)   (垂直モード:タイトルと記事を表示)
    •    

    • Blog Reel (horizontal orientation)  (水平モード:タイトルをローテーション表示)
  2. ②表示させたいニュースに関するキーワードを「,」(カンマ)で区切って入力します。
    デフォルトでは、「Apple, Google, Microsoft」となっています。
  3. ③Blog Barのタイトルを付けます。
    デフォルトでは、「The blogsphere」となっています。
  4. ④ボタンを押すとプレビュー表示されます。
  5. ⑤掲載するサイトのURIを入力します。
  6. ⑥「Generate Code」ボタンを押すとコードが生成されます。
  7. 生成されたコードをニュースを表示させたい場所に貼り付けます。

これで完成です。

カスタマイズ

Google AJAX Search API – AJAX News BarのGoogle AJAX News Barのカスタマイズ方法を参考に、Blog Barをカスタマイズできます。

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

  • Number of Search Results:1つのキーワードに対しての記事の表示件数を選びます。
    true だと8件 falseだと4件の記事が表示されます。

    デフォルトでは、4件表示

    options = {
      largeResultSet : false
    };

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

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

    options = {
      resultStyle : GSnewsBar.RESULT_STYLE_COMPRESSED
    };

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

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

このサイトのトップページには、カスタマイズした垂直モードを表示しています。参考にしてください。