新「はてなブックマークボタン」をMovable Typeに設置する方法

日本のソーシャルブックマークで一番使われている「はてなブックマーク」。

そのはてなブックマークにて、デザインが一新された新しい「はてなブックマークボタン」がリリースされました。おまけにApple TVプレゼントのキャンペーンも開催されてます。

新「はてなブックマークボタン」をリリースしました。 - はてなブックマーク日記 - 機能変更、お知らせなど 新「はてなブックマークボタン」をリリースしました。  - はてなブックマーク日記 - 機能変更、お知らせなど

今回リリースした新しい「はてなブックマークボタン」では、これらの機能を一つにまとめ、さらに設置されたページから移動せずに他のユーザーのコメントを確認したり、はてなブックマークへ追加したりできるようにしました。
なかなか便利に機能アップしたようですね。

当ブログはMTで運営していますので、MTでの「新はてなブックマークボタン」の掲載方法をご紹介。

スポンサーリンク

タグの生成は下記ページから。Apple TVプレゼントキャンペーンへの応募も、下記ページをはてなブックマークに追加するだけです。

使いやすくなりました! はてなブックマークボタン 使いやすくなりました! はてなブックマークボタン


新はてなブックマークボタンの掲載方法ーページ情報入力

▲ページ情報を入力します。


新はてなブックマークボタンの掲載方法ータイプ選択

▲好きなタイプを選択します。


新はてなブックマークボタンの掲載方法ーコードを取得

▲コードが出力されるのでコピーする。


ただ、上記内容だと個別ページのアドレスではないので、下記の赤文字部分を書き換えます。

■変更前

<a href="http://b.hatena.ne.jp/entry/http://blog.skeg.jp" class="hatena-bookmark-button" data-hatena-bookmark-title="ブログタイトル" data-hatena-bookmark-layout="standard" title="このエントリーをはてなブックマークに追加"><img src="http://b.st-hatena.com/images/entry-button/button-only.gif" alt="このエントリーをはてなブックマークに追加" width="20" height="20" style="border: none;" /></a><script type="text/javascript" src="http://b.st-hatena.com/js/bookmark_button.js" charset="utf-8" async="async"></script>

■変更後

<a href="http://b.hatena.ne.jp/entry/<$MTEntryPermalink$>" class="hatena-bookmark-button" data-hatena-bookmark-title="<$MTEntryTitle$>" data-hatena-bookmark-layout="standard" title="このエントリーをはてなブックマークに追加"><img src="http://b.st-hatena.com/images/entry-button/button-only.gif" alt="このエントリーをはてなブックマークに追加" width="20" height="20" style="border: none;" /></a><script type="text/javascript" src="http://b.st-hatena.com/js/bookmark_button.js" charset="utf-8" async="async"></script>

上記ソースをMTのブログ記事内に埋め込んで再構築すれば完了です。

すでに設置されているブックマーク追加ボタンやはてなブックマークカウンターのデザインについては、変更されることはなく、これまで通り利用できるようです。

スポンサーリンク

この記事をシェアする

  • このエントリーをはてなブックマークに追加

よく読まれている関連記事はこちら

このブログ「SKEG*log(スケッグログ)」を購読する

この記事が気に入ったら
「いいね!」しよう。
最新記事をお届けします。
● 最新記事をRSSで配信中です。feedlyへの登録はこちらからお願いします。