聴き放題 4か月無料!
1億曲以上が聴き放題のAmazon Music Unlimitedが期間限定で通常1か月無料→3か月無料に!1/11まで

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

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

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

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

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

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

PR【ポイント最大44倍】楽天スーパーSALE開催中! ショップ買いまわりと各ショップ個別設定&SPUでポイント最大44倍!12/4 20:00〜12/11 01:59まで
スポンサーリンク

タグの生成は下記ページから。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のブログ記事内に埋め込んで再構築すれば完了です。

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

スポンサーリンク

この記事をシェアする

記事についてのご感想・ご質問、受付中!

分かりやすい記事になるように努めてますが、「こういうことを知りたかった」「ここについてもうちょっと詳しく教えて」など、当記事について質問や知りたいことがあれば以下のツイートボタンからお気軽にお送りください。自動的に記事URLが入りますのでそのまま質問内容を最上部に記入してください。できるだけ早く返信させていただきます(質問が多い場合はお時間をいただくことがあります)。

ご質問は無料。質問はもちろん、「役に立った!」「面白かった!」など、お褒めの言葉だともっとうれしいです!

記事を少しでもより良いものにするためにご協力をお願いいたします。

このブログ「スーログ」を購読する

この記事が気に入ったら
「いいね!」しよう。
最新記事をお届けします。

● 最新記事をRSSで配信中です。feedlyへの登録はこちらから。

twitterでの情報発信、YouTubeで動画レビューも公開してます。チャンネル登録もよろしく!