今更のシェアボタン設置 blogger編 その３

こんにちは。
片山です。

みなさん如何お過ごしでしょうか。シェアしまくりですか？
さて前回無事にシェアボタンの設置が完了したのですが、

ガタガタガタガタガタガ ちなみに歯並びは綺麗です

嫌ですね。

• 無駄に幅を広くとっているボタンがある。
• 縦位置がずれているボタンがある。

これらはCSSをカスタマイズすることにより調整できるようなので調整しました。

ほらね

やったこと。CSSとして以下を追加。

iframe.twitter-share-button {
  width: 90px!important;
}
.sharebutton_plusone {
  width:65px !important;
  margin-left: 10px;
}
.pocket-btn iframe{
  width:100px;
  margin-left: 10px;
}
.fb_iframe_widget > span {
  vertical-align: baseline !important;
}
.sbtn{
  vertical-align:top;
  margin-top:10px;
}

sbtnクラスは前回部品を作った時の

<span class='goog-inline-block sbtn sharebutton_twitter'>

などで書いてある。