WEBサイト開発日記vol.3「intブログのミックスRSSをサイドバーに表示させる。」: plugint-T

int blogs

すべて表示閉じる
generated by レビュー・ポスター

« 自殺したアイドルの一周忌を描いた「キサラギ」を見に行ってきました。 | メイン | MovabletypeにFlickrの画像を表示させる方法 »

2007年07月30日

WEBサイト開発日記vol.3「intブログのミックスRSSをサイドバーに表示させる。」

各intブログのRSSを取得してまとめてブログに表示させる仕組みをずっと実装したいなと考えていて、いくつか方法を模索していましたが、今回は簡単に設置が可能な点とデザインもある程度カスタマイズできると言う事から「レビュー・ポスター」を利用する方法を選択しました。

他にも海外サイトのサービスやプラグインを使ったサービスもありましたが手軽さを重視しました。

詳しくは以下

RSSのミックスには、「はてなRSSリーダー」を使いました。グループを新規に作成して各ブログのフィードを登録。そしてそのグループのフィードをレビューポスターに登録という形で、三つのブログの最新記事を表示しています。

現在はPlug-intとは？の項目の所に概要付きで設置してあります。自分のページ主体で全員が動くため周りが見えづらいですが、これで少しでもメンバー間の動向が上手くつかめたらなと思います。デザインは各自いじってもらえばなと思っています。ソースコードは以下に貼付けておきますので、各自反映させてください。

万が一にもいないと思いますが、intの動向が気になると言う方はソースを貼っておきますのでご自身のブログやサイトに設置してみてください。

<table cellpadding="0" cellspacing="0" border="0" id="reviewposter_table" style="width:160px;">
<tr><th id="reviewposter_title" style=" background:url(.gif) no-repeat;
color: #000;text-align:center;height: 28px;">int blogs</th></tr>

<tr><td id="reviewposter_itembox" style="text-align:left;padding:2px 4px;">

<ul id="reviewposter_itemlist" style="list-style:disc;
margin:0 0 2px 16px;padding:0;">
</ul>

</td></tr>
<tr><td style="padding:0 2px 0 0;text-align: right;">
<a href="#" onclick="javascript:reviewposter_showitems(this);
return false;" id="reviewposter_expand">
<img src="http://reviewposter.com/img/openicon.gif"
width="16" height="16" border="0"
align="absmiddle" hspace="2" alt="▼">すべて表示</a>

<a href="#" onclick="javascript:reviewposter_hideitems(this);return false;
" id="reviewposter_collapse" style="display:none">
<img src="http://reviewposter.com/img/closeicon.gif"
width="16" height="16" border="0"
align="absmiddle" hspace="2" alt="▲">閉じる</a>
</td></tr>

<tr><td style="text-align:right;font-size:9px;">generated by
<a href="http://reviewposter.com/" target="_blank">レビュー・ポスター</a>
</td></tr>
</table>

<script type="text/javascript"
charset="utf-8" src="http://reviewposter.com/reviewposter.js">
</script>
<script type="text/javascript"
charset="utf-8"
src="http://reviewposter.com/reviewsjs.php?
u=http%3A%2F%2Fr.hatena.ne.jp%2Fplug-int%2Fplug-int
%2Frss&s=5&d=1&z=160&l=10&t=int+blogs">
</script>