技術のタマゴ

カスタマイズとPC豆知識、ブログについて考えること。

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

【注意】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 は停止しました。

***

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

すると、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等を
ちょこっと書き換えて、該当箇所に貼り付けるだけで使えます。

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

♪ 関連記事 ♪

使いやすいフリーのテンプレートサイト... 私は、ココロデザインというくくりで、複数のブログ、サイトを持っています。 今回、総合トップページをリニューアルすることにしました。 だって、今までのTOPページって、 あまりにも、手作り感が溢れてるっていうか、素人っぽいっていうか。 いや...
ファビコン設置 私の作っている、ココロデザインのサイト、各さくらのブログに ファビコンを設置してみました。 ファビコンとは、フェイバリット・アイコン。 ブラウザのアドレスバーや、タブに表示される小さなアイコンです。 まず、Fireworksで、ココロデ...
さくらのブログとSeesaaのカスタマイズ... 無料ブログの『Seesaa』、 そして、私がここで使っている、有料サービス、 さくらのレンタルサーバに付属している『さくらのブログ』は テンプレートが、とても似ています。 同じものもあります。 実は、中身は一緒です。 管理画面も、かなり似...
継ぎ目のない背景素材 サイトやブログの背景に使える、素敵な フリーの素材サイトを見つけたのでご紹介します♪ ◆N.K.P.S なんやかんやのパターン素材 さま 商用利用も、加工もOKという、なんて太っ腹な。 現在、掲載数は、サイズ・カラーバリエーション合わ...
ブログデザインを考える 現在私は、ココロデザイン総合サイト内で 複数のブログを運営しています。 最初は、それぞれ違うテンプレートではじめたんですが、 「すべて、かこさんが書いているんですか?」 という質問が相次いだため、一旦デザインを統一しました。 格好いい言...

コメント

  • ここの記事とは関係ないのだけれど
    新しいブログにもファビコンつけたいなと
    かこの前の記事を読んで、いろいろネットで探していたら

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

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

    ありがとね[Em137]

  • ライブドアって、ファビコン簡単設置機能がついてたんだー!

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

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

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

    ファビコンがあると、何個もサイトがあっても、
    その人のブログだってわかりやすくていいよね~。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です