« 神戸空港 | Main | Project Gutenberg »

RSSフィードをサイドバーに表示

RSSフィードをサイドバーに埋め込む方法:こんふぁぶログ を参考にさせていただき、RSSフィードをサイドバーに表示させてみました。

RSSの情報源として WIRED NEWS を使っています。

方法はRSSフィードをサイドバーに埋め込む方法:こんふぁぶログ そのまま Feed2JS を利用してJavascriptコードを生成し、そのJavascriptコードをBlogに埋め込んでいます。


手順としては次の通りです。


  1. まずRSS情報源を決めて、『RSSフィードのURL』を確認します。
  2. 次に Build a Feed You Can Cut 'n Paste のページに『RSSフィードのURL』を入力し、各種設定を行ないます。
    ポイントは、『RSSフィードのURL』として(feed://hotwired.goo.ne.jp/news/index.rdf)ではなく http://hotwired.goo.ne.jp/news/index.rdf などのように http://〜 で指定することと、『UTF-8 Character Encoding』をチェックしておくことです。
  3. 『RSSフィードのURL』入力欄の右下にある『Show n' Tell!』の『Preview Feed』をクリックして、どのように表示されるかを確認します。
  4. 表示に問題がなければ、『Preview Feed』の下にある『Generate JavaScript』をクリックして、JavaScriptのコードを取得します。
  5. 取得したJavaScriptのコードを自分のBlogに埋め込みます。


Feed Validator for Atom and RSS
いざ、RSSフィードの公開 : Hotwired
WebDevTips - Code Generators - RSS Headliner
RSS FeedをJavascriptでウェブページに表示
ブログパーツをさがせ : RSS表示
RSSソリューションシステム:SkyFEED
Blog Developer's Cookbook : RSS feed を JavaScript で HTML に埋め込む



|

« 神戸空港 | Main | Project Gutenberg »

Comments

Post a comment



(Not displayed with comment.)


Comments are moderated, and will not appear on this weblog until the author has approved them.



TrackBack

TrackBack URL for this entry:
http://app.cocolog-nifty.com/t/trackback/41942/9149248

Listed below are links to weblogs that reference RSSフィードをサイドバーに表示:

« 神戸空港 | Main | Project Gutenberg »