API他いくつかのAPIサービスを数年以内に廃止することを決定しました。近い将来Google社が同サービスを停止するとプラグインを利用できなくなります。Googleニュースを表示するウィジェットです。入力したキーワードでニュース検索を行い、ヒットした内容を表示します。これはjQueryのプラグインとして動作します。Sidebar.cssまずは前準備このプラグインはjQueryの最新バージョン1.4以上を必要とします。APIから利用できるので、いろいろな手間を省く意味でもこちらの利用をお勧めします。今回はスクリプト側で呼び出す形にしてみます。LoaderはAPIキーがなくても動作します。APIを合わせて呼び出します。NewsSearchのJavaScriptファイルをscriptタグに記述します。NewsSearchのCSSファイルをインクルードします。APIを利用する方が手軽です。次のURLのjqueryui/の後にバージョンの数値、themes/の後にテーマ名を入れるだけです。画像フォルダの用意はいりません。注:プラグインの呼び出しメソッドを変更しました(2011/2/7)。testGoogleNewsSearch⇒googleNewsSearch。現在のは修正後ファイルなのでご注意ください。上記の準備ができたら、body要素の終了タグ直線などに次のような短いスクリプトを書きます。});jQueryオブジェクトの代わりにショートカットの$を使用できます。ID名がnews_boxという要素内に結果を最大4件まで表示します。最初の一件目はサムネイル画像があれば本文の一部とともにそれを表示します。オプションとして、最後の引数にハッシュを渡すことができます。sizeプロパティは同時に表示するニュース件数を指定します。baseFontSizeはウィジェットの基準となるフォントサイズを指定します。初期値は12pxです。defaultKeywordsは配列形式です。デフォルトで検索ワードに入れておきたい単語を配列にして入れます。始めから"ドラえもん"、"AKB48"、"マツコ・デラックス"が登録されているので、この部分は自由に好きな単語に変えてください。});ウィジェットを埋め込む箇所に記述するタグは次のようになります。ID属性名はスクリプトのjQueryオブジェクトに渡すものと必ず同じにしてください。0.1ベータ版最初バージョン。IEのレイアウト崩れに非常に手を焼いた。※このプラグインはまだ開発中のベータ版です。不具合等ありましたら、ブログコメントやメール等でお知らせください。