Mixiチェックとの違いがはっきりしていないですが、先日発表された「mixiイイネ!ボタン」をこのブログにも設置してみました。
簡単ですが設置方法をメモしておきます。
※「mixiチェック」とはFacebookの「Like」ボタンのMixiバージョンのような感じです。
設置方法
デベロッパーの登録
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqIjldmEy1WFysSLfMhjx9EpaiH5fUsxNTRrJUD-WmoGejDluSyJ9vnHXWuDiG8NwERU8fh5GcO4rSt5PlOWeCjGlpQtsjmO92o6uCM612NCqncuon_15nX5OegI84QOrUkJJncWLGcn5s/s320/20100913_1.gif)
- デベロッパー画面にアクセスします。
※参考 デベロッパー登録(個人の方) - 必要な情報を入力し登録します。
サイトチェックキーの取得
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDi65NeuWvcP6lIGn4ky55bV2XqJal_HtkTmswocggzaPfGwMBaTKBs7LapGnmfAx5P0hpYF9ns_On-yRaLU9nfWnOIT8s2LOBhSyGpN0bh801k3TrcAlNw0Xdvo4_SbAponJIgg-5pOMA/s320/20100913_2.gif)
- mixi Developer Centerにログインします。
- 『mixi Plugin > 新規サービス追加』から、設置するサイトの情報を登録します。
- チェックキーを取得します。
タグの設置
<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'/>
- 取得した情報を元にタグを準備します。
- Bloggerの『デザイン > HTMLの編集』 からウィジェットのテンプレートを展開をチェックします。
- テンプレートの中から『<div class='post-header-line-1'>』を探します。
- <div class='post-header-line-1'>この中にタグを記述します</div>
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpK_qwOg9v7A89BXqacWyjFA9MbbmdcWIyHxR9wG1XyuP5WuPA13wdy9bUK87iAmULj9W6sBQwSXwjvWySBBajlfqEWV8wX0isOwEaoiA3Sniu4wjbve4ss3iJR67bvbtuVTAxQ0PPCOkh/s1600/20101209.gif)
以上で設置完了です。30分も掛からないで設置可能ですので、そんなに難しくはないと思います。
他にもボタンを変更したりすることも可能ですので、詳しい情報は『技術仕様』を確認してください。
0 件のコメント:
コメントを投稿