前回のエントリーの少し補足の記事です。
Twitterボタンは公式サイトだと以下の種類しかありません。
でも↓のような上に数字、下にボタンのスタイルもよく見かけますよね。
これを実現するには以下のように生成されたコードのaタグの中に「data-count="vertical"」を追加すれば実現できます。
<a href="https://twitter.com/share"
class="twitter-share-button"
data-url="http://hi-rom.com"
data-text="hi-rom.com"
data-via="hi_rom_"
data-count="vertical"
data-lang="ja">
ツイート
</a>
Facebookボタンを取得するためのサイトは英語なので、ボックスタイプを設置する場合の例を簡単にまとめました。
Google+は「詳細オプション」にURL入力欄があるので注意が必要です。
以下はボックスタイプの例です。