技術のタマゴTOPカスタマイズ複数ブログの最新記事一覧リストをまとめてサイトに設置する方法
2013年09月08日

複数ブログの最新記事一覧リストをまとめてサイトに設置する方法

【注意】Google Feed API が2015年12月2日に停止し、
この記事の方法では一覧が表示されなくなりました。

こちらの記事の方法で同様に表示することができるそうです。
ありがとうございます。

【jQuery】緊急案件:Google Feed API が廃止になっているので代替案を紹介します。・・・ONZE

【jQuery + PHP】クロスドメイン対応版:Google Feed API の代替案を紹介します。・・・ONZE

【追記】
12月6日現在、Google Feed API が復活して、下の記事の方法で
再び表示されるようになりました。

***

私の運営するココロデザイン総合サイトには、この『技術のタマゴ』の他にも
たくさんのブログがありまして、各ブログの最新記事一覧リストを
サイトに表示させる方法はないものかと、探してみました。

すると、Google Feed API を使うことで、複数ブログのRSSフィードを
まとめてサイトに表示させることができることが分かりました♪

いろいろな方がソースを提供して下さっているのですが、
一番私のやりたかったことの実現方法が、丸ごと書いてあったのが
こちら、indigonote さまの二つの記事です。

Google Feed APIを使って複数RSSフィードをまとめて昇降順に表示する
Google Feed APIを使って複数RSSフィードを表示する【カスタマイズ版】

複数ブログの記事一覧を日時順に並べ替えて、まとめて
並べる方法で、TOPページに最新記事総合リストをつけました。
複数のRSSフィードをまとめて降順に表示

ichiran_all.jpg

各ブログの最新記事をそれぞれ5記事ずつ表示する形で、
サイト一覧の下に、最新記事リストを付けました。
ページ内の複数の場所に設置する

ichiran_betsu.jpg

上の二つの記事は、記事だけ読んでいても、正直よく分からなくて、
JavaScriptソースをどこに貼るの???などと悩みがちなのですが、
『デモを確認する』ボタンから、サンプルページに跳べて、
じっさいに動いている状態が見られるし、
サンプルページのソースを表示させると、ちゃんとどの位置に、
どんな記述を書けばいいのか分かる仕組みになっています。

素晴らしいです!

基本的には、ソースをコピーして、RSSフィードのURL等を
ちょこっと書き換えて、該当箇所に貼り付けるだけで使えます。

複数ブログの最新記事をまとめて、お知らせ欄を作りたい方は
ぜひどうぞ♪便利ですよ!

タグ:RSS feed
posted by かこ at 00:02 | Comment(2) | TrackBack(0) | カスタマイズ
この記事へのコメント
ここの記事とは関係ないのだけれど
新しいブログにもファビコンつけたいなと
かこの前の記事を読んで、いろいろネットで探していたら

何のことはない
ライブドアはfavicon画像編集ってのがあったわ笑

でも、あの時いろいろ教えてもらったから
今度もやりたいとか思ったのよね

ありがとね[Em137]
Posted by りょうちゃん at 2013年09月11日 21:21
ライブドアって、ファビコン簡単設置機能がついてたんだー!

そういうのがなくても、わりと、どこのブログやサイトでも
簡単につけられるよ〜。
記事を探すときにはサイドバーの検索ボックスをつかってくださいな。
昔の記事読んでくれてありがとう♪

ファビコン設置
http://pc.cocorodesign.net/article/57921457.html

絵文字で簡単ファビコンを作ろう☆:ファンブログ
http://fb.cocorodesign.net/article/61628254.html

ファビコンがあると、何個もサイトがあっても、
その人のブログだってわかりやすくていいよね〜。
Posted by かこ at 2013年09月12日 12:53
コメントを書く
お名前: [必須入力]

メールアドレス:

ホームページアドレス:

コメント: [必須入力]

認証コード: [必須入力]


※画像の中の文字を半角で入力してください。
この記事へのトラックバックURL
http://blog.sakura.ne.jp/tb/74318518
※ブログオーナーが承認したトラックバックのみ表示されます。

この記事へのトラックバック