<p class="thumb"><img alt="動画・画像も表示できるRSS表示用ブログパーツ" src="http://web-marketing.zako.org/images/FeedWind.png" width="514" height="204" /></p><p>動画や画像のRSSを表示しようとすると「あれ？どれなら出来たっけ？」ってなること多いですよね？そんなときに助かりそうなのが今回のRSS表示ブログパーツです。</p><!--more--><h3 class="header-label">動画・画像も表示できるRSS表示用ブログパーツ「FeedWind」</h3><p>「<a href="http://feed.mikle.com/en/">FeedWind</a>」は、<strong>ブログパーツ上にRSS内の動画や画像も表示してくれる</strong>サービス。</p><p>動画再生はYouTubeに限られるようですが、ニコニコ動画やFlickrでも画像を表示してくれるようです。</p><dl class="head-line"><dt>YouTubeのRSSを読み込んだとき</dt>
<dd><script type="text/javascript">
<!--
rssmikle_url="http://youtube.com/rss/global/most_discussed_month.rss";
rssmikle_frame_width="170";
rssmikle_frame_height="570";
rssmikle_target="_blank";
rssmikle_font_size="12";
rssmikle_border="on";
rssmikle_css_url="";
rssmikle_title="on";
rssmikle_title_bgcolor="#9ACD32";
rssmikle_title_color="#FFFFFF";
rssmikle_title_bgimage="http://";
rssmikle_item_bgcolor="#FFFFFF";
rssmikle_item_bgimage="http://";
rssmikle_item_title_length="20";
rssmikle_item_title_color="#666666";
rssmikle_item_border_bottom="on";
rssmikle_item_description="off";
rssmikle_item_description_length="40";
rssmikle_item_description_color="#666666";
rssmikle_item_description_tag="off";
rssmikle_item_podcast="player";
//-->
</script>
<script type="text/javascript" src="http://feed.mikle.com/js/rssmikle.js"></script>
<div style="font-size:10px; text-align:right;">
<a href="http://feed.mikle.com/en/" target="_blank" style="color:#CCCCCC;">FeedWind</a>
</div></dd><dd>↑かなりコンパクトにYouTubeプレイヤーを表示してくれます。</dd>
<dt>ニコニコ動画を埋め込む</dt>
<dd><!-- start feedwind code -->
<script type="text/javascript">
<!--
rssmikle_url="http://www.nicovideo.jp/ranking/mylist/weekly/sport/ranking/mylist/weekly/sport?rss=2.0";
rssmikle_frame_width="500";
rssmikle_frame_height="570";
rssmikle_target="_blank";
rssmikle_font_size="12";
rssmikle_border="on";
rssmikle_css_url="";
rssmikle_title="on";
rssmikle_title_bgcolor="#9ACD32";
rssmikle_title_color="#FFFFFF";
rssmikle_title_bgimage="http://";
rssmikle_item_bgcolor="#FFFFFF";
rssmikle_item_bgimage="http://";
rssmikle_item_title_length="20";
rssmikle_item_title_color="#666666";
rssmikle_item_border_bottom="on";
rssmikle_item_description="on";
rssmikle_item_description_length="40";
rssmikle_item_description_color="#666666";
rssmikle_item_description_tag="on";
rssmikle_item_podcast="player";
//-->
</script>
<script type="text/javascript" src="http://feed.mikle.com/js/rssmikle.js"></script>
<div style="font-size:10px; text-align:right;">
<a href="http://feed.mikle.com/en/" target="_blank" style="color:#CCCCCC;">FeedWind</a>
<!--Please display the above link in your web page according to Terms of Service.-->
</div></dd>
<dd>↑画像を表示する場合、htmlの表示をONにするため、文章がかなり多く表示されますが、こんな感じに。</dd>
<dt>YouTubeの自分の動画を埋め込む</dt>
<dd><!-- start feedwind code -->
<script type="text/javascript">
<!--
rssmikle_url="http://www.youtube.com/profile_videos?user=sigeos15yahoo";
rssmikle_frame_width="500";
rssmikle_frame_height="595";
rssmikle_target="_blank";
rssmikle_font_size="12";
rssmikle_border="on";
rssmikle_css_url="";
rssmikle_title="on";
rssmikle_title_bgcolor="#FF69B4";
rssmikle_title_color="#FFFFFF";
rssmikle_title_bgimage="http://";
rssmikle_item_bgcolor="#FFFFFF";
rssmikle_item_bgimage="http://";
rssmikle_item_title_length="20";
rssmikle_item_title_color="#666666";
rssmikle_item_border_bottom="on";
rssmikle_item_description="on";
rssmikle_item_description_length="40";
rssmikle_item_description_color="#666666";
rssmikle_item_description_tag="on";
rssmikle_item_podcast="player";
//-->
</script>
<script type="text/javascript" src="http://feed.mikle.com/js/rssmikle.js"></script>
<div style="font-size:10px; text-align:right;">
<a href="http://feed.mikle.com/en/" target="_blank" style="color:#CCCCCC;">FeedWind</a>
<!--Please display the above link in your web page according to Terms of Service.-->
</div>
<!-- end feedwind code -->
</dd><dd>↑YouTubeの自分の動画RSSを表示させると、評価なども表示出来るようです。</dd><dt>ブログパーツの作成画面</dt><dd><a href="http://lh5.ggpht.com/_fRSz8mJZTZY/SaK-yB9OFYI/AAAAAAAATGc/Nqll82XsWQ4/s400/FeedWind-1.jpg"><img src="http://lh5.ggpht.com/_fRSz8mJZTZY/SaK-yB9OFYI/AAAAAAAATGc/Nqll82XsWQ4/s400/FeedWind-1.jpg" alt="" /></a></dd><dd>↑RSSのアドレスを貼り付けて、htmlの表示をするか否か、動画の場合にプレイヤーを出すか否かなどを設定し、右下に生成されるコードを取得します。</dd><dd>プレビューもリアルタイムなので、サイズを合わせやすいです。</dd>
</dl>
<p>興味のある方は<a href="http://feed.mikle.com/en/">FeedWind</a>へどうぞ。</p><p>見た目もシンプルだし、こういうブログパーツは何かと使えそうですよね。</p><p>Via：<a class="website-link" href="http://delicious.com/url/a753d9bed4a8c7412bf70a312f872a43" onclick="window.open('http://delicious.com/url/a753d9bed4a8c7412bf70a312f872a43'); return false;">Delicious</a></p>