幅の取り方とかがCSSだけで行うのも難しくて微妙にずれてたりしました。それと読み込みにもそれなりに時間がかかります。自分で作ってみましたというよくある話。Links作り方それぞれのサービスのAPIを使ってカウント数を取ってきます。class="twitterCount"></span></p></a></li>みたいに書いておけばspanの要素の部分にカウント数を入れてくれます。2015/12/17ツイート数の取得は現在上のAPIが廃止されこの方法では取れません。下に書いたcount.jsoon等を使うと取得することが出来ます。Awesomeとかで飾ってあげればOK。後はこのリンクの背景とかを適当に飾ってあげます。}}で、こんな感じになります。通常のソーシャルボタンを取ってきてそこから数を抜き出します。}};$.ajax(socialData);こんな感じ。ボタンを取得しに行くので残念ながらこの場合は余計に時間がかかってしまいます。そちらを使う手もあります。いうのを使って一気に取るのもありかも。公式でも変更される事はあるし、沢山同じようなサービスがあるので別に使っても良いかな、と。後は速度との兼ね合い。そんな感じで作ってみたテストページが下のもの。(それなりにカウント数があるものと0のものの例として。やってることはソースを見てください。自作版の方が圧倒的にスムーズに表示されてると思います。等を加えたのが下のもの。(more)こちらはStumbleUponとDeliciousのカウント数の取得が自作板で上手く行ってません。(一定時間に何回、とか制限がかかってる感じ?)。Tumblrは数を取ってません。後、Pinterestの公式版の方で数付きの表示の仕方が分からなかったので数抜きで。$.ajax(socialData);}こんな感じで。グローバルな変数をクラス名で作って処理しています3。src="{{root_url}}/javascripts/shareCustom.js"></script>{%endif%}...こんな感じで呼びます。trueといった感じに設定しておくことにします。同じ所にsharing_custom.htmlというファイルを以下のように作ります。フラッグを_config.ymlの中で指定して行います。アルファベット以外を-にするという変換を行っています。上のJavaScriptの中では更に-を消して変数名として使っています。それだとダメなのでsharing_custom.htmlの中に一緒にいれておきました。%}こんな感じでsharing.htmlとsharing_custom.htmlを選べる様にしておきます。share_officialで判断できる様に囲っておきます。)この辺りはOctograyというテーマにも入れておいたのでそちらも参考にしてください。