« 貧乏同心御用帳 | トップページ | 柳生十兵衛七番勝負 »

2005.04.01

サイドバーにgooブログ検索の結果を

 このブログは俺のチラシの裏だ! …というわけで、備忘録代わりに今日のカスタマイズについて書いておきます。

 あちこちのブログをフラフラしていたら、gooブログ検索の結果を、サイドバーに表示しているところがありました。
 なるほど、ブログやサイトじゃなく検索結果をリアルタイムで見れるわけね、面白い! と思って真似しようと思ったのですが、やり方がよくわからない。
 あちこち探した結果、ようやくそれらしいことができるようになりました。それが左サイドバーの「[伝奇]でgooブログ検索」というやつ。

以下、(ココログでの)設置の仕方を順番に書くと、


1.RSSの取得
 gooブログ検索で[伝奇]という単語で検索。
すると、「・このキーワードの最新の検索結果をRSSリーダーでチェックしよう!使い方はこちら。」という表示の右脇に小さく「XML」という表示があるので、「右クリック→ショートカットのコピー」します。

2.JavaScriptの作成
 Callbee Feedの、RSS出力・編集に行き、「RSS URL」の欄に、1.のRSSを貼り付け。
 ここでは、表示する記事数や日付の有無なども選択できるので好きに選びます(ちなみに、記事内容を表示しない時には「記事内容の表示文字数」に「n」と入力すればよいようです)。
 プレビューボタンを押すと、完成イメージが見れるのでチェックした後、出力ボタンを押すと、JavaScriptが表示されるのでこれをコピペ。

3.サイドバーへの設置
 ここからはいつものJavaScript設置と同じ。
 ココログの「マイリスト」でリンクタイプのリストを新規作成
→「設定」の「メモの表示」で「テキスト表示」を選択
→「項目の追加」でメモ欄に、2.のJavaScriptを貼り付け
→「デザインの編集」で、このマイリストを好きな場所に表示

4.デザインの編集
 設置するだけならば3.まででOKですが、素のままだとシンプルすぎる…ので、2.のCallbee Feedで、CSS選択・編集に行きます。
 ここは2.のJavaScriptに反映可能なCSSのテンプレートがあらかじめ用意されているので、好きなのを選びます(うちのブログではここの「マルーン」を使っていますが、うちのブログのサイドバーに置くのにいいような形に修正を加えてます)
 で、3.で貼り付けたJavaScriptの下に続けて、以下のようにソースを貼り付ければCSSが反映されます。

<style type="text/css">
<!--

<<この部分にソースを貼り付け>>

-->
</style>

 以上、何とかそれなりの形のものが設置できました。
 まあ、ド素人が勉強しいしいやったものなので間違いや無駄もありそうですし、たぶんもっと効率の良いやり方もあるのでしょうが、まずはこんなところでチラシの裏終了。

 よろしければお願いします

|

« 貧乏同心御用帳 | トップページ | 柳生十兵衛七番勝負 »

コメント

コメントを書く



(ウェブ上には掲載しません)




トラックバック


この記事へのトラックバック一覧です: サイドバーにgooブログ検索の結果を:

« 貧乏同心御用帳 | トップページ | 柳生十兵衛七番勝負 »