HOME > スポンサー広告 > title - 他のブログの更新情報をまとめるHOME > RSS > title - 他のブログの更新情報をまとめる


スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
[ --/--/-- --:-- ] スポンサー広告 | TB(-) | CM(-)

他のブログの更新情報をまとめる

2ちゃんねるまとめサイトなどによく見られる他のブログの更新情報をまとめる方法です。
アクセスアップが見込めると思います。

スポンサードリンク

Yahoo!ブックマークに登録 newsing it! この記事をクリップ! BuzzurlにブックマークBuzzurlにブックマーク このエントリーをはてなブックマークに追加

BlogRollとは

livedoor BlogRollとはRSSやAtomなどのフィードを登録し、記事の更新情報を自分のお気に入りサイトに掲載するサービスです。
ブログなどによくあるほかのサイトの更新状況をならべたりしてるのをよく見かけます。


今回はBlogRollを使います。
http://blogroll.livedoor.com/

FC2ブログ

そのまま貼り付けて使う

  1. <!--RSSの埋め込みコード-->
  2. <script type="text/javascript">
  3. <!--
  4. var blogroll_channel_id = 41129;
  5. // -->
  6. </script>
  7. <script type="text/javascript" charset="utf-8" src="http://blogroll.livedoor.net/js/blogroll.js"></script>
  8. <link rel="stylesheet" type="text/css" href="http://blogroll.livedoor.net/css/default2.css" _fcksavedurl="http://blogroll.livedoor.net/css/default2.css" _fcksavedurl="http://blogroll.livedoor.net/css/default2.css" _fcksavedurl="http://blogroll.livedoor.net/css/default2.css" _fcksavedurl="http://blogroll.livedoor.net/css/default2.css">
  9. <!--RSSの埋め込みコード-->

var blogroll_channel_id = 41129;は自分では取得した貼り付けコードに変更します。

取得したブログ全てを表示すると縦長になりすぎる場合があります。

プレビュー

汎用的なブロック要素を使う

貼り付けコード

  1. <DIV style="border-width : 1px;border-style : solid;border-color : black;width : 500px;height : 300px;overflow : auto;">
  2. <!--RSSの埋め込みコード-->
  3. <script type="text/javascript">
  4. <!--
  5. var blogroll_channel_id = 41129;
  6. // -->
  7. </script>
  8. <script type="text/javascript" charset="utf-8" src="http://blogroll.livedoor.net/js/blogroll.js"></script>
  9. <link rel="stylesheet" type="text/css" href="http://blogroll.livedoor.net/css/default2.css" _fcksavedurl="http://blogroll.livedoor.net/css/default2.css" _fcksavedurl="http://blogroll.livedoor.net/css/default2.css" _fcksavedurl="http://blogroll.livedoor.net/css/default2.css" _fcksavedurl="http://blogroll.livedoor.net/css/default2.css">
  10. <!--RSSの埋め込みコード-->
  11. </DIV>

width : 500px;height : 300px; それぞれ幅・高さ

var blogroll_channel_id = 41129;は自分では取得した貼り付けコードに変更します。

プレビュー

インラインフレームを使う

下記をrss.htmlでアップロード

  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
  2. <HTML>
  3. <HEAD>
  4. <META http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
  5. <META http-equiv="Content-Style-Type" content="text/css">
  6. <TITLE></TITLE>
  7. </HEAD>
  8. <BODY>
  9. <!--RSSの埋め込みコード-->
  10. <script type="text/javascript">
  11. <!--
  12. var blogroll_channel_id = 41129;
  13. // -->
  14. </script>
  15. <script type="text/javascript" charset="utf-8" src="http://blogroll.livedoor.net/js/blogroll.js"></script>
  16. <link rel="stylesheet" type="text/css" href="http://blogroll.livedoor.net/css/default2.css" _fcksavedurl="http://blogroll.livedoor.net/css/default2.css" _fcksavedurl="http://blogroll.livedoor.net/css/default2.css" _fcksavedurl="http://blogroll.livedoor.net/css/default2.css" _fcksavedurl="http://blogroll.livedoor.net/css/default2.css">
  17. <!--RSSの埋め込みコード-->
  18. <P>このRSSは「パソコンのある生活」が管理しています。<BR>
  19. ランキングは「http://computernlife.blog.fc2.com/」で置き換えをお願いいたします。 </P>
  20. </BODY>
  21. </HTML>

このRSSは 管理しています 置き換え~

アクセス解析や逆アクセスランキングの対策に上記のワードがよく使われています。
インラインフレームからのリンクはリファラーが、rss.htmになるための対策です。
ファイル置き場のURLから、ブログURLが判断しにくい場合などが原因です。

FC2ブログの場合



rss.htmlまでのアドレス
http://blog-imgs-45.fc2.com/c/o/m/computernlife/rss.htm

ブログのアドレス
http://computernlife.blog.fc2.com/

このRSSは が管理しています。置き換えの検索結果

貼り付けコード

  1. <IFRAME src="http://blog-imgs-45.fc2.com/c/o/m/computernlife/rss.html" scrolling="AUTO" frameborder="0" style="border-width : 1px;border-style : solid;border-color : black;width : 500px;height : 300px;"></IFRAME>

width : 500px;height : 300px; それぞれ幅・高さ

var blogroll_channel_id = 41129;は自分では取得した貼り付けコードに変更します。

プレビュー


スポンサードリンク

loading...
自分だけのアバターで友達をつくろう!【MILU(ミル)】
人気ブログランキングへ
Yahoo!ブックマークに登録 newsing it! この記事をクリップ! BuzzurlにブックマークBuzzurlにブックマーク このエントリーをはてなブックマークに追加
[ 2012/04/14 13:57 ] RSS | TB(0) | CM(0)

コメントの投稿













管理者にだけ表示を許可する

トラックバック:

この記事のトラックバック URL
http://computernlife.blog.fc2.com/tb.php/55-71b5b4ab





上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。