RSSによるニュース配信をブログに表示できる「Callbee Feed」のサービス。

同じようにRSSフィードをブログに表示させるサービスは「RSSリスティング」が有名。
どちらも使い勝手がいいです。
「Callbee Feed」も初級者にも簡単に設定できます。
デザインのカスタマイズもCSSの知識があれば可能。
また、標準でCSSテンプレートも約10種類用意してあって、簡単に設定できます。

サンプルは「ブログパーツをさがせ」さんのサイドバーに設置してあるブログパーツ紹介サイトや関連ニュースの新着のRSSフィードを拝借(失礼!)

Pipes: BlogParts Feed はてなブックマーク数

デザインのカスタマイズに参考したのは、リスト装飾のサンプルが豊富なこちらのサイト。

Listamatic: Eric Meyer's Strengthening the links はてなブックマーク数

英語圏だけど、サンプルのCSSコードとチュートリアルもあって便利!



RSSフィード【Callbee Feed/コールビーフィード】ブログや情報配信サイトにオススメ!

登録:不要
メニューの「RSS出力・編集」または「CSS選択・編集」から。
任意のRSSフィードを入力。
>プレビュー、または出力を押すとコードが表示されます。
デザインを変更したい場合は「CSS選択・編集」 ページでCSSテンプレートを選択するか自分でCSS編集で。





Powered by RSSリスティング


んたんにブログにRSSニュースを表示することができる「RSSリスティング」のブログパーツ。

作成ページでは、表示したいサイトやブログのRSSフィードがわからなくても、URLからRSSフィードURIを自動検出してくれるありがたい設定が初級者もOK。

CSSがわかれば、カラーのカスタムデザインも柔軟にできるし、表示件数・タイトル表示・RSS更新時刻表示・リストボックスのカラーであれば、チェックしていくだけでデザインも作れます。(生成されたCSSタグをスタイルシートにペーストしなければならないけど)

サンプルは「蠍【サソリ】の空間」のRSSフィードを入力。
カラーデザインのカスタマイズは、スタイルシートコードの作成ページでは作らずに、手入力でカスタマイズしてみました。
参考サイトはこちら。いろんなリストの装飾サンプルがのってます。

css.maxdesign.com.au - CSS resources and tutorials for web designers and web developers はてなブックマーク数
Listutorial: Step by step CSS list tutorial はてなブックマーク数



ロールオーバーにするとちょっといいかも。

こんなリンクバナーも作れます。

蠍【サソリ】の空間

RSSリスティング - 最新ニュース(RSS)をホームページ貼り付ける

登録:不要。
メインメニュー「ブログやホームページに貼るHTMLコードを発行する」から。
>RSSフィードを入力。(RSSフィードがわからない場合は、メニューの”あなたのブログ更新情報を表示するブログパーツを作る”から、ブログURLを入力して、自動検出できます)
>各設定を選択。
>カラーデザインを変えたい場合は、「スタイルシートを設定する」へ。
>生成されたコードを貼り付けて、設置完了。
(デザイン変更時はスタイルシートも)





Powered By FC2ブログ

Category