新しい「はてブボタン」がリリースされたそうなので、当ブログに設置してみました。

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

「はてなブックマークボタン」のコード取得


はてブボタンのコードを取得するには下記サイトで、ボタンを設置したいサイトのURLとサイト名を入力し、ボタンタイプを選ぶだけです。

56)

■ボタンの種類
  • スタンダード
    (B!+ブックマーク数を表示)
  • バーティカル
    (大きめのサイズでB!+ブックマーク数を表示)
  • シンプル
    B!のみ(ブックマーク数は表示されません)

ちなみに僕は当ブログのはてブ数が少なくて貧相に見えるので「シンプル」のボタンを選択しました。

コードは下記のようになります。



ライブドアブログへの設置方法


「ブログ設定」→「デザイン」→「デザインカスタマイズ」→「トップページ」、「個別記事ページ」、「カテゴリアーカイブ」、「月別アーカイブ」のHTMLファイル中の各該当箇所を変更します。

僕はブログタイトルの右に「はてブボタン」を設置したかったので、下記のように変更しました。

■変更前


■変更後


以上です。