はてなダイアリーにFlickrの写真を表示する
はてなダイアリーにブログパーツを貼り付けることができるようになったので、Flickrの写真を表示してみた。
これまではてなダイアリーでは、セキュリティ上の理由からscriptタグやobjectタグを使用することが禁止されていたので、たとえばこんな方法でFlickrの画像を表示することはできなかった。
ところが、2007/8/14から「はてなが許可したサービスに限定して」利用できるようになった。現時点で許可されているのは以下の4つ:
- Yahoo!ニュース - トピックスブログパーツ
- Yahoo!天気情報 - ブログパーツ
- Google AdSense
- Google Gadgets
ここに、Google ガジェットが含まれているのがポイント。たいていのブログパーツはちょっと加工することで、Google ガジェット化することができるため、事実上
貼り付け手順
手順はとても簡単。
- Flickr Photosのページを表示し、[自分用のウェブページに追加]ボタンをクリック
- ガジェットの設定画面で、ユーザ名や、表示件数、サイズなどを指定する。[プレビューの切替]ボタンをクリックすることで実際の表示イメージを確認できる。
- 設定が終わったら、[コードを取得]ボタンを押して、表示されたスクリプトをはてなに貼り付けるだけ。
たとえば、このブログで使用しているのは以下のソース:
<script src="http://gmodules.com/ig/ifr?url=http://chinsonyeh.googlepages.com/ flickr_google.xml&up_count=4&up_user_method=username& up_display=latest&up_size=s&up_title=Flickr%20Photos&up_interval=no& up_tags=&up_username=jun-ichi.&synd=open&w=190&h=210& title=&border=%23ffffff%7C3px%2C1px+solid+%23999999&output=js"></script>
これを貼り付けるとこのように表示される:
これまで、Google ガジェットについてはあまり知らなかったのだが、もとになるコンテンツがあれば、XMLを書くだけで簡単にガジェットが作れるようだ。以下は参考になりそうな情報源。