光のカナダ留学blog

30歳で会社を退職。現在カナダ留学中です。

他ブログの最新記事を自分のページに自動表示!相互RSSの設置方法

スポンサーリンク

今回は先日紹介しましたlivedoor相互RSSについて、設置方法を載せておきたいと思います。RSSを使うことで登録したブログやウェブサイトの最新記事を自動で表示することができるようになります。

完成のイメージは下記のような感じです。

手順1:livedoorアカウント作成

①RSSパーツにはライブドアさんの相互RSSというツールを使わせて頂きました。使用にはライブドアのアカウントを作成する必要があります。アカウント作成には、まず下記URLをクリックします。

livedoor 相互RSS

②ページを開いたら左上のログインをクリックします。

③新規登録をクリックします。

④下記のフォームに必要事項を入力し、一番下のユーザー情報を登録をクリックします。

⑤上記で入力したメールアドレスに認証メールが届くので、中に書かれているアドレスをクリックします。これで登録は完了です。

認証メール

手順2:相互RSSの設置

①登録したlivedoorIDとパスワードでログインします。ログインページは先程と同様、下記ページから進んで下さい。

livedoor 相互RSS

②ログインすると最初にチャンネル名を聞かれるので、好きな名前を付けます。管理用の名前なので何でも構いません(例:光のカナダ留学blog)。後から変更も可能です。

③チャンネルを作成したら次の様な画面が現れます(*下記は私の画面です)。チャンネル一覧から作成したチャンネル名をクリックします。

④下記のようなチャンネル管理画面が現れます。フィードタブを選択し、フィード追加の欄に登録したいブログのRSSフィード(*)を入力して追加するをクリックします。

*RSSフィードの調べ方

RSSフィードは次のページで調べることができます。
RSSフィード取得・検出ツール - RSSリスティング

1)登録したいブログのURLを入力して自動検出スタートをクリック。

RSSリスティングサイト

2)「フィードの自動検出に成功しました。」と表示され下にRSSフィードのアドレスが表示されるのでコピーします。そして、これを④のフィード追加に貼り付けます。

⑤追加するをクリックすると次のような画面が現れます。登録したいブログのタイトルとフィードURLが表示されていることを確認したら、決定するをクリックします。

⑥「フィードを追加しました。」と出て、ブログの登録が完了します。

⑦チャンネル管理画面に戻ると、登録されているフィード一覧に新しく登録したブログが表示されています。

⑧以上まででRSS表示が可能になります。表示の設定はチャンネルタブから行います。右側のプレビューで実際の表示を確認しながら変更可能です。詳しい項目は下記を参考にして下さい。

チャンネル設定画面

基本設定

  • チャンネル名:現在のチャンネル名です。
  • 記事表示件数:登録したブログのうち、いくつ記事を表示したいか半角数字で指定します。0の場合は登録した全てのブログ記事が表示されます。
  • 広告表示:livedoor広告をテキスト(リストの一番上に表示)か画像(リストの一番下に表示)かで選択します。広告は消すことができません。
  • カテゴリ別表示:ブログカテゴリ毎に表示するかを指定します。(⑨参照)
  • アダルトフラグ:アダルトサイトを利用する場合はONにします。

デザイン設定

  • タイトル文字数の指定:表示される記事タイトルの文字数です。
  • アイコン:記事の横にアイコンを表示するかを指定します。ブログ毎に個別のアイコンを作ることも可能です。(⑨参照)
  • ファビコン:ファビコンを表示するかを指定します。例えばアメーバブログだと下記のようなマークが表示されます。

    アメーバファビコン

  • 表示形式:記事名またはサイト名だけ、もしくはサイト名/記事名、記事名/サイト名の4つから選択できます。
  • NEWマーク:新着記事にNEWマークを付けるかを指定します。
  • NEWマークの表示時間:NEWマークが表示される時間を指定します。
  • 更新月日:更新月日を表示するかを指定します。
  • 更新時刻:更新時刻を表示するかを指定します。

ソーシャルブックマーク

  • はてなブックマーク:はてブを表示するかを指定します。

⑨各ブログ毎にカテゴリを設定したり、配信記事数を個別設定することもできます(配信頻度の高いブログは表示記事を2つにする等)。変更するにはフィードタブ→登録されているフィード一覧より、設定をクリックします。

  • フィードのタイトル:RSSに表示されるブログタイトル(ブログ名)を好きに変えることができます。
  • カテゴリ:ブログカテゴリを設定できます。ブログカテゴリはチャンネルタブ→カテゴリの設定から追加できます。
  • 配信記事数:いくつ新着記事を表示したいかを設定します(例:2と設定すると、そのブログの記事が新しいものから2つ表示されます。)
  • アイコンの設定:そのブログのアイコンを設定できます。アイコンはデフォルトのもののほか、アイコンタブからオリジナルのものも追加できます。

 ⑩最後にコードの貼付けです。貼付けコードタブをクリックするとコードが表示されるので、通常版コードをコピーして自分の表示させたい場所(htmlコード上なら何処でも大丈夫です)に貼付けます。

コード貼付けが完了すると、登録したブログの最新記事が自分のページに表示されている筈です。あとは同じ要領でいくつでもブログを登録していくことができます。

まとめ

今回はlivedoor相互RSSの設置方法を紹介しました。リンクの代わりに置いたりできてとても便利なツールなので皆さんも是非試してみて下さい。