ブログパーツ型★RSSリーダー

　

moondokotaさんから拝借しました。

（※画像はクリックで拡大します）

たとえば、こんなふうに

ブログのサイドバーに
お気に入りブログや、自分のセカンドブログなどの
新着情報を表示することができます。
もちろん、クリックで直接記事ページに飛べます。

設置はかなーり簡単です。

（１）こちらのページにアクセスします。
　　「RSS FeedをJavascriptでウェブページに表示」
http://www.moondakota.com/archives/2004/09/23/rss_javascript.html

（２）文字コードUTF-8、EUC-JP、Shift_JISを選びますが、
　　あとで簡単に変えられるので、
　　自分のブログで採用されている文字コードがわからない場合には、
　　とりあえずいずれかを選んで（UTF-8からでも）
　　設定画面に入ってしまいましょう。

　　ちなみにココログの場合はUTF-8です。

（３）すると、こんな画面が出てきます。

　　ここに取得したいRSSフィードのURLを入力し、
　　以下の設定について選びます。

• 文字コード
  UTF-8、EUC-JP、Shift_JISを選びますが、プレビューしてみて文字化けしていたら、別の文字コードを試してみればいいでしょう。


• サイト情報の表示
  RSSフィードを取得するブログ（WEBサイト）のタイトルと概要の表示の仕方を選びます。
  ブログのタイトルのみの表示にするか、概要を表示するか、両方非表示にするか選べます。


• 表示する記事の数
  新着情報を何件表示するかを選びます。


• 表示する記事の文字数
  記事のタイトルを何文字表示するかを決定します。
  全文、あるいは指定した文字数分表示させることができます。


• 記事の概要の表示、及び文字数
  記事本文の概要の表示方法を選択します。
  表示するのかしないのか、表示する場合には何文字程度表示するのか、選ぶことができます。


• 投稿日の表示
  更新された日時の表示・非表示を選びます。


• リンクの別ウィンドウ表示
  ウィンドウを新しく開くかどうかです。

（４）設定を選んだらプレビューをしてみましょう。

　　ページ最下部の「プレビュー」ボタンをクリック。

　　すると、

　　こんなふうにプレビューが表示されます。
　　プレビューを見ながら、設定を調整しましょう。

（５）設定の調整ができたら、
　　「コードを取得」ボタンをクリックします。

　　表示されたコードを、
　　ブログのサイドバーなど、任意の場所にコピー＆ペーストすれば
　　完成です！＾＾

　　なお、枠線、文字のサイズ、スタイルなどのビジュアルは、
　　CSS（スタイルシート）で、自分好みにカスタマイズすることができます。

わたしは、1番上の画像のように、ブログのサイドバーに、自分の姉妹ブログの更新情報を表示させるのに使ったり、

また、WEBサイトのトップページに、すべてのブログの更新情報を表示するのに使っています。

ぜひ、OkawauchiMari.netトップページに行って、
チェックしてみてくださいね！
（下のほうに表示しているブログほど、ぢつは更新頻度が高かったりします＾＾；）

＃moondokotaさん、ありがとうございました！

＊ 大川内 麻里のサイト　OkawauhiMari.net ＊
＊ http://okawauchimari.net/ ＊