ネットサービスの開発に役立ちそうな話題を中心にお届けします。
F.Ko-Jiの「一秒後は未来」 > RSS > Yahoo! Pipesを使って3分でブログに桜を咲かせる方法
2008年03月29日 15:55
1409日前に投稿

Yahoo! Pipesを使って3分でブログに桜を咲かせる方法

  • ... PV
  • このエントリーをはてなブックマークに追加

スポンサード リンク

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!

スポンサード リンク

Written by
Meity.jp - Twitterなかまでプライベートなオフ会を開催したいなら


トラックバック

このエントリーのトラックバックURL:

RSS

English version

前のエントリー: « コレステロールは低いほうが死亡率が高くなる?
次のエントリー: 少林少女も「体操の時間」でPR »

コピペにご利用ください。

タイトル:

URL:

リンク用HTMLタグ: