今のところ使えるシェアボタンの作り方（2014年12月8日現在）

share.html

<!-- デザインを自分で作る場合。CSSで好きにデザインしたらいい。 -->
<!-- ただし tw/fb のシェア画面が PC でも全画面で開く。ダサい。 -->
<ul>
  <li class="twitter"><a href="http://twitter.com/share?text=SAMPLE_TEXT&amp;lang=ja&amp;url=http%3A%2F%2Fexample.com%2F" target="_blank">Tweet</a></li>
  <li class="facebook"><a href="https://www.facebook.com/sharer/sharer.php?u=http%3A%2F%2Fexample.com%2F" target="_blank">Facebook</a></li>
  <li class="line"><a href="http://line.naver.jp/R/msg/text/?SAMPLE_TEXT%20http://example.com/">LINEで送る</a></li>
</ul>


<!-- 標準のデザインを使う場合。カウント表示はなしだよ。 -->
<ul>
  <li class="facebook"><iframe src="//www.facebook.com/plugins/like.php?href=http%3A%2F%2Fexample.com%2F&amp;send=false&amp;layout=button&amp;width=69&amp;show_faces=false&amp;share=false&amp;font&amp;colorscheme=light&amp;action=like&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow: hidden; width:69px; height:21px;" allowtransparency="true" class="fb-like"></iframe></li>
  <li class="twitter"><a href="https://twitter.com/share" class="twitter-share-button" data-url="http://example.com" data-text="SAMPLE TEXT" data-count="none" data-hashtags="example">Tweet</a></li>
  <li class="line"><a href="http://line.naver.jp/R/msg/text/?SAMPLE TEXT%20http://example.com/"><img src="images/linebutton_88x20.png" width="88" height="20" alt="LINEで送る"></a></li>
</ul>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>