2017/05/15：
下記リンク先がなくなっているのが確認できました。
代わりに後継みたいなのを見つけました
つ ソーシャルボタンが手軽に置ける「Social Buttons for Bootstrap」がすごい便利そう
これのことです。
(今回個人サイト作るときに使せてもらったやつです。)
自分的にメモしておくと
①social-buttons.cssをDLしてその辺(cssフォルダとか)におく
cssフォルダとかに置くといいと思います
②<link href="css/social-buttons.css" rel="stylesheet">とかく
これをかく
index.html
<link href="css/social-buttons.css" rel="stylesheet">
③http://www.bootstrapcdn.com/#fontawesome_tab のCSSもかく
htmlファイルに
index.html
<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css" rel="stylesheet">
とかく
④最後にボタンを書いてみる
Facebookのボタンなら
index.html
<button class="btn btn-facebook"><i class="fa fa-facebook"></i> | Connect with Facebook</button>
とかいてみる
するとこんな感じできれいなボタンができるのです↓
多くのソーシャルメディアに対応してるっぽいですが一部のサイトのボタンはなかったりするので注意(ask.fmとかなかった)