About Template

共有テンプレート一覧はこちら

OK

  • カスタマイズ
  • 素材の入れ替え

NG

  • 素材及びテンプレートの再配布
  • 著作権表記及びリンクの削除、改変
  • アダルト・違法・宗教関連のサイトでの使用
  • fc2ブログ利用規約の禁止行為に該当するサイトでの使用

詳細は「テンプレートの利用について」をご覧ください。



複数の外部RSSをサイトに表示させる

複数の外部サイトからRSSフィードを取得し、日付順に一覧表示する方法 with はてブ数

基本的に、コードを貼り付けるだけなので簡単です。
スクリプトの中にhtml表示される部分(下部)を見つけて、自分のサイト用に手直しするといい感じです。

まず表示される全体の大きさが700pxと大きいので、

<div style="height:300px; width:700px; overflow:auto;" id="feed">Loading...</div>


の赤字部分のサイズを変更します。(引用コード内の<>は全角。)

それと、コード内に

useDate = m + "月" + d + "日";


と書かれているすぐ下の

useFeed += '<div style="float:left;width:120px;">'+ m + "/" + d + "(" + h + ':' + mn + ')' + '</div><div style="float: left;width:400px;height:18px;overflow:hidden;"><a href="' + entry.link + '" target="_blank" title="' + entry.title + '【' + entry.blogName + '】">' + entry.title + '</a> <img src="http://b.hatena.ne.jp/entry/image/large/' + entry.link + '"></div><div style="float:right;width:150px;height:18px;overflow:hidden;">' + entry.blogName + '</div><br><hr size="1" />';


(引用コード内の<>は全角。)
ここの中の「width:400px;」などの数字も、適宜変更しないと記事名とサイト名がずれて表示されてしまいます。

こういったサービスでは「あやぽんRSS」「feedSket」などがありますが、広告が表示されたり、自分でリデザインしにくかったりします。
fc2ブログでも可能かどうかはわかりませんが・・・。
そのうち試してみようかな。



Profile

Neriko

Author:Neriko
遊ぶべ!道南探検隊

本サイトは「遊ぶべ!道南探検隊」

はこだて・こどもずかん

→ もっと詳しく

最新記事のRSS

Entry+Comment

Tag+Search


Sponsor

Calendar

01 | 2017/03 | 03
- - - 1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31 -

Link

QRcode

QR

Mailform

Name:
Email:
Title:
Message: