Bloggerにmixiチェックボタンを設置する方法

先日発表された「mixiチェック」をこのブログにも設置してみました。

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

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

設置方法

デベロッパーの登録

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

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

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

タグの設置

<a href="http://mixi.jp/share.pl" class="mixi-check-button" data-key="発行されたキー" expr:data-url="data:post.url">Check</a>
<script type="text/javascript" src="http://static.mixi.jp/js/share.js"></script>

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

スクリーンショット

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

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