シェアボタンの設置方法まとめ【Twitter】【Facebook】【はてなブックマーク】

目的

Twitter, Facebook, はてなブックマークのソーシャルシェアボタンを設置する
あくまでも 2014年11月23日 現在の情報です

こうなる

share_button

Twitter のシェアボタン設置方法

公式ページのリンク

Twitter Buttons | About

Facebook のシェアボタン設置方法

公式ページのリンク

Facebook Like Button

Facebook のボタンだけ高さが合わなかった

margin-top: -4px;

この CSS をあてることで横並びした時の高さは揃った

はてなブックマーク のシェアボタン設置方法

公式ページのリンク

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

まとめ

「複数のシェアボタンをリスト化する」という意味で html では ul, li タグを利用した
単なる手抜きメモになった。。。
んまよく使うリンク集ということで!