<p class="thumb"><img src="http://web-marketing.zako.org/wp-content/uploads/2009/08/BloggyBits.jpg" alt="複数のRSSをタブごとに表示できるブログパーツ「BloggyBits」" title="複数のRSSをタブごとに表示できるブログパーツ「BloggyBits」" width="514" height="204" class="alignnone size-full wp-image-8077" /></p><p><strong>複数サービスのRSSをひとつのブログパーツにカッコ良く表示させたい。</strong>そう考えている人も少なくないはず。</p><p>そんな人にオススメできそうなのが、TwitterやFlickr、ブログなどのRSSをブログサイドバーに表示するのに最適な、このブログパーツです。</p><!--more--><h3 class="header-label">複数のRSSをタブごとに表示できるブログパーツ「BloggyBits」</h3><p>「<a class="web-site-link" href="http://bloggybits.com/" onclick="window.open('http://bloggybits.com/'); return false;">BloggyBits</a>」は、<strong>複数サービスのRSSをまとめてタブで分けて表示できる、デザインがクールなブログパーツ。</strong></p><p>ブログやサイトのRSSにも対応しており、好みの情報をブログのサイドバーへ表示するのに最適なサービスです。</p><h4 class="tips">対応しているサービス</h4><ul><li>Twitter</li><li>Flickr</li><li>Delicious</li><li>RSS配信しているブログやサイト</li><li>Digg</li><li>Stumbleupon</li></ul><h4 class="tips">サンプル ブログパーツ</h4><object width="250" height="360"> <param name="allowScriptAccess" value="sameDomain" /> <param name="allowFullScreen" value="false" /> <param name="movie" value="http://bloggybits.com/widget.swf" /> <param name="wmode" value="transparent" /> <param name="quality" value="high" /> <param name="FlashVars" value="wid=243"> <embed src="http://bloggybits.com/widget.swf" FlashVars="wid=243" wmode="transparent" quality="high" width="250" height="360" allowScriptAccess="sameDomain" allowFullScreen="false" type="application/x-shockwave-flash" /> </object><p>↑こちらが私の利用サービスを表示させているもの。サービスアイコンがタブになっています。タブのネーミングは日本語にも対応。</p><p>興味のある方は<a class="web-site-link" href="http://bloggybits.com/" onclick="window.open('http://bloggybits.com/'); return false;">BloggyBits</a>へどうぞ。</p><h4 class="tips">作成手順</h4><ol><li><a class="web-site-link" href="http://bloggybits.com/" onclick="window.open('http://bloggybits.com/'); return false;">BloggyBits</a>のページを開き、「Choose」欄でRSSを読み込むサービスの設定を行います。<br /><img src="http://lh4.ggpht.com/_fRSz8mJZTZY/SnxIl4HcViI/AAAAAAAAZnI/b5YkEwUA48w/s400/BloggyBits1.jpg" /></li><li>次に「Configure」欄で並び順を指定（ドラッグで移動）し、メールアドレスを入力、そして「Generate!」ボタンを押します。<br /><img src="http://lh5.ggpht.com/_fRSz8mJZTZY/SnxImbIvvzI/AAAAAAAAZnM/Y8xms0FhSLs/s400/BloggyBits2.jpg" /></li><li>するとタグが発行されるので、表示させたい場所へ貼り付けて完了です。<br /><img src="http://lh5.ggpht.com/_fRSz8mJZTZY/SnxIm8iZM_I/AAAAAAAAZnQ/p3uwo1ob4OM/s400/BloggyBits3.jpg" /></li></ol><p>欲を言えば、複数のブログを表示させることが出来れば良かったですね。それでもデザインが気に入ったので◎</p><p>Via：<a class="website-link" href="http://delicious.com/" onclick="window.open('http://delicious.com/'); return false;">delicious</a></p>