Amazon.co.jpロゴ

F.Ko-Jiの「一秒後は未来」モバイル

Yahoo! Pipesを使って3分でブログに桜を咲かせる方法 [2008-03-29 15:55:52]

Yahoo! Pipesからリリースされた「バッジ機能」を使うと、簡単にFlickrにある写真をスライドショーにしてブログに貼付けることができます。(JavaScriptを利用できるブログのみ。)

画像(pipes-flickr-slideshow.gif)

↑ 実際はこれがスライドショーっぽく動きます。

自分でPipesをつくるのが面倒な方は、「Pipes: Flickr - 桜」からすでに作成済みのものがあるので、これを利用することもできます。

画像(pipes-sakura-badge-1.gif)

Pipes: Flickr - 桜 のページにある「Get as a Badge」をクリックします。

画像(pipes-sakura-badge-2.gif)

↑ 「Customize the size, type and settings of your Badge」をクリックします。

画像(pipes-sakura-badge-3.gif)

↑ 「What kind of badge would you like?」のプルダウンメニューで「Image」を選択して、下の「Next」をクリックします。

画像(pipes-sakura-badge-5.gif)

↑ 通常のブログの場合は「Embed」をクリックして表示されるコードをブログに貼付けてください。これで完了です。(3分もかからないかな。)

このパーツは、BloggerやiGoogleなどにも貼付けることができます。

実際にこのブログのサイドバーにウィジェットを貼付けています。Pipesのウィジェットはページのローディングが完了した時点で実行されます。(なので表示されるまでちょっと時間がかかるかもしれません。)

なお、Pipesで「桜」以外のキーワードにしたい場合は自分で作成する必要がありますが、Flickrモジュールを使うだけなので簡単です。

また、キーワードをユーザに入力させる「Text Input」モジュールを利用しても、ウィジェットで取得できる値はデフォルトの設定値になるようなので注意してください。

» Pipes Blog » Blog Archive » Introducing - Pipe Badges!


Pipes関連の書籍

[洋]【送料無料】Indian Pipes[洋書]

前の記事
次の記事

トップページ

[PR]美味しい梅酒が見つかるサイト

携帯アクセス解析