Home > Review > Facebook でプロフィールバッジを作る – 失敗編

Facebook でプロフィールバッジを作る – 失敗編

最近、http://www.new.facebook.com/ でFacebookの新しいUIのテストが行われているんですが、これがなかなかいい感じ。
ガラッと変わっていて戸惑うこともあるんですけど、おおむね必要な情報が見やすく閲覧できていいと思います。

ただ、横スクロールバーを出さないためには、ウィンドウサイズを1000px以上取らないといけないのが難か。僕は構わないけど、支障のある環境もありそう。

それはともかく、なんかプロフィールバッジを作る機能を発見したので、早速作ってみたんですよ。もしかしたら前からもあったかも。
http://www.new.facebook.com/badges.php

画像タイプとJavascriptタイプが選べますが、現時点では画像タイプだと文字化けするので、Javascriptタイプを選びましょう。
デフォルトでは、画像と名前、所属ネットワークしか表示されてませんが、好みで追加情報を設定できます。僕はホームページと近況アップデートを付け加えてみました。

できあがり！

あとはブログページにコードを張り付けるだけです。

どうでしょ？あらら、CSSによっては表示が崩れるっぽいですね…あと一歩！