F.Ko-Jiの「一秒後は未来」ではウェブやSEO、API、RSSといった技術的ネタから、ちょっとした豆知識や梅酒、エンタメ系まで様々な情報を不定期にお届けしています。

Yahoo! Pipesを使って3分でブログに桜を咲かせる方法 < RSS < F.Ko-Jiの「一秒後は未来」 < fkoji.com

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

スポンサード リンク

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!


コメントを投稿

(承認されるまでコメントは表示されません。)

RSS

English version

「Yahoo! Pipesを使って3分でブログに桜を咲かせる方法」を携帯で読む

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

トラックバック

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

このブログをRSSリーダーで簡単購読
Subscribe with livedoor Reader Add to Google My Yahoo!に追加 Subscribe with Fastladder Bloglinesで閲読登録 はてなRSSに追加 エキサイトリーダーに登録

タイトル:

URL:

リンク用HTMLタグ:

powered by Google Chart API

ケータイ会議4参加中
最近の注目記事
プロフィール
F.Ko-Ji
F.Ko-Ji (Koji Fukunaga)

ウェブエンジニアだけど技術の深いとこにはあまり興味がなくて、さくっとアイデアを形にするのが好きです。ブログには自分のアンテナにひっかかったものを色々書いてます。

詳しいプロフィールはこちら
Twitter
梅酒.in
powered by 梅酒.in
えもにゅ

↑ 気持ち記録サービス「えもにゅ」です

月別アーカイブ


<< July 2009
SuMoTuWeThFrSa
 1234
567891011
12131415161718
19202122232425
262728293031 
人気エントリー
TopHatenar
グリムス
毎日の歩行記録
携帯からのアクセスは
QRコード
http://mob.fkoji.com/