WP Social Bookmarking Light プラグインを使えば簡単に設置できそうですが、あえて手作業で設置してみるシリーズ第三弾。
設置公式ページ
設置コード
次のタグを body 終了タグの直前に貼り付けます。
<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/<?php the_permalink() ?>" class="hatena-bookmark-button" data-hatena-bookmark-title="<?php the_title(); ?> | <?php bloginfo('name'); ?>" 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>
設置コードは WordPress 用ですが、色々と変えれば、他でも使えると思います。
以上です。