Hatena::ブログ(Diary)

Vesperism

2009-12-13

はてなダイアリーでXbox Liveのゲーマーカードを表示させる方法

| 03:11 |

ブログサイドバー、プロフィール欄にXbox Liveのゲーマーカードを表示させるようにしました。

ゲーマーカードの表示方法

ゲーマーカードの表示方法は少なくとも4通りあります。

Xbox.com

Xbox.com | My Xbox - ゲーマーカードの表示

ゲーマーカードをiframeで表示します。

デザインはシンプル。

f:id:toyoh:20091213185434p:image

Xbox Friends

Xbox Friends -エックスボックスフレンズ-/ログイン

ゲーマーカードをobject、あるいはJavaScriptで表示します。

まずXbox Friendsアカウントを作り、TOPページ中の管理メニュー内にあるブログパーツからソースコードをコピーします。はてなダイアリーではJavaScriptを使えないので、objectのソースコードを使用します。

Xbox.comの情報に加えて、過去90日間のスコアの変動グラフを表示するスコアチャートXbox Friendsの設定するオリジナルメダルなるものが表示されます。が、どうやら更新がうまくいっていない例があるようです。以下の自分のものも、最近プレイしたタイトル一覧の情報が古くなっています。

f:id:toyoh:20091213185435p:image:]

ちなみに色を変えたり、小さく表示したりできます。

f:id:toyoh:20091213213413p:image

f:id:toyoh:20091213213414p:image

設置の仕方は以下のページを参照すると良いでしょう。

日記のサイドバーなどにブログパーツを設置する - はてなダイアリーのヘルプ

Googleガジェット

ウェブページ用 Google ガジェット

現状ではわざわざGoogleガジェットから引っ張ってくる必要性はないと思います。ただ、便利なものがそのうち公開されるかもしれません。

f:id:toyoh:20091213213415p:image

MyGamerCard.net

Your Xbox 360 GamerCard In MySpace, Forums, and More! -- MyGamerCard.net

ゲーマーカードをembed、あるいはpng画像で表示します。

はてなダイアリーではembedタグを使えないので、png画像を使用します。20種類近くのテンプレートが用意してあります。

このブログでは

このブログではXbox.comからiframeで表示させています。Xbox Liveで見かけたら、どうぞお手柔らかに…。

リンク元
Connection: close