Bloggerにmixiイイネ！ボタンを追加する方法

こんばんは、ソーシャルボタン好きのセイノです。

Mixiチェックとの違いがはっきりしていないですが、先日発表された「mixiイイネ！ボタン」をこのブログにも設置してみました。

簡単ですが設置方法をメモしておきます。

※「mixiチェック」とはFacebookの「Like」ボタンのMixiバージョンのような感じです。

設置方法

デベロッパーの登録

1. デベロッパー画面にアクセスします。
   ※参考　デベロッパー登録（個人の方）
2. 必要な情報を入力し登録します。

サイトチェックキーの取得

1. mixi Developer Centerにログインします。
2. 『mixi Plugin > 新規サービス追加』から、設置するサイトの情報を登録します。
3. チェックキーを取得します。

タグの設置

<iframe allowTransparency='true' expr:src='"http://plugins.mixi.jp//favorite.pl?href=" + data:post.url + "&service_key=取得したキー&show_faces=false"' frameborder='0' scrolling='no' style='overflow:hidden; border:0; width:140px; height:20px'/>

1. 取得した情報を元にタグを準備します。
2. Bloggerの『デザイン > HTMLの編集』 からウィジェットのテンプレートを展開をチェックします。
3. テンプレートの中から『<div class='post-header-line-1'>』を探します。
4. <div class='post-header-line-1'>この中にタグを記述します</div>

以上で設置完了です。30分も掛からないで設置可能ですので、そんなに難しくはないと思います。

他にもボタンを変更したりすることも可能ですので、詳しい情報は『技術仕様』を確認してください。