2010年9月13日

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

このエントリーをブックマークに追加 このエントリーを含むはてなブックマーク Clip to Evernote
先日発表された「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分も掛からないで設置可能ですので、そんなに難しくはないと思います。

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

0 件のコメント:

コメントを投稿