大学生必見!確定申告でアルバイト代の税金を取り戻す方法

[み]Twitterのボックス型のツイートボタンを作成する方法

Twitterのボタンが新しくなって久しくなるようですが、今になって変更に気がついたみはら(@masashi_385)です。どこが変更になったかというと、ボタン群がだいぶかわっています。そして、ツイート数が上に吹き出してるやつ(ボックス型?)がなくなっています。このボックス型のツイートボタンは、縦にSNSボタンを並べるときには重宝しますので、なくなってしまってとっても困っていらっしゃる方は多いんではないでしょうか?

そんなこまっているみなさんのために、ボックス型のツイートボタンを設置する方法を紹介します。

ボックス型のツイートボタンを設置する方法

まずは、Twitter / Twitterボタンでコードを取得します。

こんなコードかと思います。
[cc lang=”html”]

[/cc] このコードを少し弄って次のように変えます。
[cc lang=”html”]

[/cc] そうです。data-count=”vertical” を追加しただけです。そうすると、こんな風に表示されます。

このままだと、「ツイート」の右側がなんとなく空いているカンジがしますね。ですので、CSSで少し調整します。
[cc lang=”CSS”] iframe.twitter-share-button {
width: 65px!important;
}
[/cc] これでキレイなボックス型のボタンができあがりました。



ということで、ボックス型のツイートボタンのつくり方でした。参考になりましたら、このボタンでツイートしてください:)

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

モバイルバージョンを終了