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

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

image

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

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

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

image

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

できあがり!

image

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

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

  • >プロフィールバッジ作成機能は以前からありましたね。
    ご指摘感謝です
    http://www.facebook.com/badges...
    どうやって行くのかはいまだにわかりませぬ(@@;
    ちなみに、新しいUIを試していると、上記URLにアクセスしても、
    新しいほうへリダイレクトされてしまうようです

    >やはりうまく表示されないときがあります
    CSSの適用されてない新規HTMLを作成してこのバッジを張り
    そのページをiFrameで呼ぶというのも考えたんですけど…いけるかな?
    成功したらご報告しますね~
  • プロフィールバッジ作成機能は以前からありましたね。以前はとても分かりにくい場所にあったので、探し出すのに苦労しました。

    で、私のブログにもバッジを貼り付けているのですが、やはりうまく表示されないときがあります(Firefox)。私ももう一歩です。

    では。
blog comments powered by Disqus

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

My Friend Feed

http://friendfeed.com/daruyanagi

Google Analyticator

608
 Unique Visitors 
 (1 day) 
Powered By Google Analytics

Return to page top