１分でブログに設置完了！リニューアルした新「はてブボタン」に変更する簡単な方法[コピペ用サンプルコードあり]

はてなブックマークボタン、通称「はてブボタン」が新しくなりました。

メチャクチャ簡単に変更できたので、方法をご紹介します。

実は旧コードと８文字しか違いません。

これまでボックス型の「はてブボタン」を導入していたブロガーの皆さん。

実はこのボックス型のコードと、今回新しくなったコードはたったの８文字しか違いません。具体的にどこが違うかと言いますと・・・

verticalがvertical-balloonになっただけ

です。つまり、-balloonという文字を加えるだけで下のような新ボタンが活用できるのです。

あまりに簡単で驚きました。

これまで「はてブボタン」を使ったことがない人へ

これまで導入したことのない方もご安心ください。

公式サイトで丁寧に導入手段が書かれています。

公式：はてなブックマークボタンの作成・設置について

公式サイトを見るのも手間だと言う方は以下のコードをそのまま導入くださいませ。

もし同じページに２つ以上ボタンを設置するなら、Javascriptを２回書くことがないよう気をつけてください。Javascriptが重複するとボタンがうまく表示されないことがあります。

新「はてブボタン」のメリット

最後に、新「はてブボタン」がこれまでのボックス型ボタンよりも優れていると思った３つのポイントをご紹介しましょう。

■TwitterやFacebookボタンとデザインが似ていて統一性が出る
■ボタンの幅が広くなり、押しやすい
■数字をクリックすると、はてブページに移動できる

ボタンの横幅が長くなって少々使い難く感じる方もいると思いますが、気にならない方はぜひ導入をおススメします！

今回のカギ

今回のカギは、

■簡単に導入できる新「はてブボタン」をすぐ導入しよう！

です。

このブログを見て、５分以内に設置することもできるはずです。

まだ導入されていない方はこの機会にぜひ！

@3_wa