hanuman6
6/28/2013 - 2:02 PM

ソーシャルボタン横並び

ソーシャルボタン横並び

.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&amp;send=false&amp;layout=button_count&amp;width=10&amp;show_faces=false&amp;font=arial&amp;colorscheme=light&amp;action=like&amp;height=21&amp;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 -->