今だけ2,940円→199円
新生活キャンペーンでkindle unlimited 読み放題が93%OFF!過去12ヶ月以内に無料体験を利用してない方が対象。→ 確認はこちらから 3/30まで

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

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

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

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

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

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

PR【期間限定!最大7.5%ポイント還元】87時間限定の大セール Amazon新生活セール開催中!当ブログ紹介アイテムが安くなってるかも?!セール対象外の商品でも期間中合計1万円以上のお買い物で最大7.5%ポイント還元されます!買いたいものはこの機会にまとめてどうぞ。3/30 23: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への登録はこちらからお願いします。