ソーシャルボタン横並び
.social {
width: 210px;
height: 30px;
left: 35px;
@include clearfix;
div {
float: left;
line-height:1;
margin-right: 5px;
}
.twbtn {
margin-left: 0px;
}
.gpbtn {
margin-left: -5px;
}
}
<div class="social">
<div class="twbtn">
<a href="https://twitter.com/share" class="twitter-share-button" data-via="hanuman6" data-lang="ja" data-count="none">ツイート</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
</div>
<div class="fbbtn"><iframe src="//www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.tomoyuki-soul.com&send=false&layout=button_count&width=10&show_faces=false&font=arial&colorscheme=light&action=like&height=21&appId=461262417219059" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:73px; height:21px;" allowTransparency="true"></iframe></div>
<div class="gpbtn">
<!-- Place this tag where you want the +1 button to render. -->
<div class="g-plusone" data-size="tall" data-annotation="none" data-width="120"></div>
<!-- Place this tag after the last +1 button tag. -->
<script type="text/javascript">
window.___gcfg = {lang: 'ja'};
(function() {
var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
po.src = 'https://apis.google.com/js/plusone.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
})();
</script>
</div>
</div>
<!-- /.social -->