Zooomrの写真をブログに表示しよう：FriendFeed編

どうもご無沙汰してます。
今までブログが重すぎたので、デザインを変えたついでにだいぶ軽量化を図ってみました。

ミニ四駆を軽量化するのに、シャーシの裏に半田ごてで穴を開けようとしたら、ドロドロに溶けてしまった青春の一ページを思い出しながらブログを書かせて頂きます。


今回ご紹介する、FriendFeedを使ってZooomrの写真をブログに表示する方法は、かなり利用されてる方も多く、設定も簡単でオススメです！


まずご覧下さい。



このように、Zooomrにアップロードした写真は、
「published a photo on Zooomr」
お気に入りに追加した写真は、
「favorited a photo on Zooomr」
と表示されます。


幅は表示する場所に合わせて自動で調整され、高さは１・5・10の表示個数から選べます。

ちなみに投稿した写真すべてが上下順番に表示されるのではなく、同じ時間に投稿、もしくはお気に入りに追加した写真は横に連なって表示されるので、幅が狭い場所に設置すると写真がはみ出す事がありますが、そういう仕様ですのでご了承下さい。
その代り、写真の下のCommentをクリックするとFriendFeedのページに移りますので、そちらで全部表示されます。


さっそくやってみましょう。

最初に、FriendFeedでアカウントを作ってください。

アカウントが出来ましたら、まずZooomrのfeedをFriendFeedに登録します。


トップページにあるImport siteをクリック！




この画面でSee all 49 services »をクリック！




Zooomrが出て来たのでマークをクリック！




ユーザネームを登録したら、Import Zooomrをクリック！




これでFriendFeedにZooomrが登録出来ました。
後はブログに張り付けるだけです。やってみましょう！


Embed in a web pageをクリック！




すると何種類かパーツの種類があるのですが、Feed Widgetを選んでください。




するとこういった設定ページ移ります。




FeedでMy feedを選択
ServiceでZooomrを選択
Entriesで1・5・10の中から選択し高さを決める




次にShowの項目ですが、
Logoでロゴを表示するか選択



Comments and Likesで、写真の下にFriendFeed上でのコメントを表示するか選択。（Zooomr上で書いたコメントではありません）
また、どちらを選んでもFriendFeed上でコメントする為のリンクは表示されます。




Subscribe linkでFriendFeedのマイページへのリンクを表示するか選択




冒頭で表示したタイプは、Entriesが5で、Subscribe linkだけチェックを付けました。
あと、デフォルトで幅は自動で変わるのですが、More optionsでがっちり幅を指定する事も出来ます。


後はHTMLが自動生成されるのでブログに張り付けるだけです。




細かく書いたので手順がいっぱいあるのではと思われるかも知れませんが、実際にはカップラーメンに入れるお湯が沸騰するまでには完成するかと思います。

非常に簡単ですので興味がありましたら是非！


今日の一曲