人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

RSSフィードをテキストで自分のwebページに貼り付ける方法を教えて下さい。

●質問者: kazuhiko11
●カテゴリ:ウェブ制作
✍キーワード:RSSフィード Web テキスト
○ 状態 :終了
└ 回答数 : 3/3件

▽最新の回答へ

1 ● master-3rd
●27ポイント

jsRSS++

http://www.daikoku-ya.org/blog/2005/12/29/

これはどうでしょうか?

ページ埋め込み型 RSS リーダで、配信されている RSS を読み込み JavaScript を使って自分のサイトの好きな所に貼り込む事が出来ます。

◎質問者からの返答

説明が足りないようでもうしわけありません。

RSSフィードを読み込むのですが、ソース上では読み込んだテキストが表示される方法が知りたかったです。


2 ● netskywallker
●27ポイント

あなたのWebページでフィードが提供されているという前提での話ですが。

チェックするには、サイトを表示してマウスを右クリック→「ソースの表示(V)」をクリック。

<head>と</head>の間に、下記のような記述があればOKです。

<link rel="alternate" type="application/atom+xml" title="Atom" href="<$MTBlogURL$>atom.xml" />

<link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="<$MTBlogURL$>index.xml" />


<$MTBlogURL$>は、http://hogehoge.com/ など、ご自分のサイトのURLです。MT(ムーバブルタイプ)の場合は、変更は不要です。

さて、フィードを表示したいファイル(index.htmlなど)をnotepadやterapad などのエディタで開いて、例えばサイドバー・トップの位置に、次の記述をコピー&ペーストしてください。

<div class="feed">

<a href="<$MTBlogURL$>atom.xml">ATOM</a> | <a href="<$MTBlogURL$>index.xml">RSS</a>

</div>

「 | 」は半角スペース+|+半角スペース、ですが、不必要なら削除してください。

そして、スタイルシートの、サイドバー部分のトップに、下の「.feed」以下の記述をコピペします。

スタイルシートは、ソースの表示で(<link rel="stylesheet" href="http://hogehoge.com/styles-site.css" type="text/css" />)などと指定してあります。(***.css)

以下の、スタイルシートの数値は実際の画面を見て、修正してください。

また、必要のない要素(ボーダーや背景色)は削除してかまいません。

リンクのアンダーラインを表示したければ、「text-decoration: none;」を削除します。

.feed {

margin: 10px 0;

padding: 0;

text-align: center;

font-size: 60%;

text-decoration: none;

border: 1px solid #c0c0c0;

background: #f0fff0;

}

◎質問者からの返答

説明が足りないようでもうしわけありません。

RSSフィードを読み込むのですが、ソース上では読み込んだテキストが表示される方法が知りたかったです。


3 ● netskywallker
●26ポイント

RSDが設定されているかどうか、というお話しのようですが、あなたのブログがどのようなタイプなのかが分かりません。MTなら標準で装備してある機能ですが、それがないブログだということでしょうか。

メタタグに< link rel="EditURI" type="application/rsd+xml" title="RSD" href="<$MTBlogURL$>rsd.xml" />

という記述があるでしょうか。RSD(rsd.xml)が設定されていないと、ソースに「rdf:Description」が記述されません。

独自にRSDを設置することも可能ですが、ブログのタイプによって異なってきますので、他の回答者の方が無駄骨にならないよう、もう少し詳しい情報をお伝え下さい。

次のサイトが参考になるかと思います。

http://blog.pasonatech.co.jp/nextblog/sugiura/2807.html

◎質問者からの返答

すいません、改めて質問し直します。

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ