※2019/01/15更新

FacebookのLikeボタンを表示させるHTMLタグを先の記事で紹介しましたが、どうも1つだけポツンとあるのは寂しいので、ほかのソーシャルメディア用ボタンもまとめて表示させるHTMLタグを貼り付けて負います。

ブログなどのテンプレートに仕込んでおくのが一番楽で良いかと思います。

<p>
<!-- ここからTwitter -->
<a href="https://twitter.com/share" class="twitter-share-button" data-count="none" data-via="localnavi" data-lang="ja">Tweet</a><script type="text/javascript" src="https://platform.twitter.com/widgets.js" async></script>
<!-- ここからFacebook -->
<script language="javascript" type="text/javascript" async>document.write("<iframe src=\"https://www.facebook.com/v2.0/plugins/like.php?href=",location.href,"&layout=button_count&show_faces=false&width=100&action=like&font=arial&colorscheme=light&height=21\" scrolling=\"no\" frameborder=\"0\" style=\"border:none; overflow:hidden; width:100px; height:21px;\" allowTransparency=\"true\"></iframe>");</script>
<!-- ここから はてなブックマーク -->
<script language="javascript" type="text/javascript" async>document.write("<a href=\"http://b.hatena.ne.jp/entry/",location.href,"\" class=\"hatena-bookmark-button\" data-hatena-bookmark-title=\"", document.title ,"\" data-hatena-bookmark-layout=\"standard\" title=\"このページをはてなブックマークに追加\"><img src=\"http://b.st-hatena.com/images/entry-button/button-only.gif\" alt=\"このエントリーをはてなブックマークに追加\" width=\"20\" height=\"20\" style=\"border: none;\" /></a>");</script>
<!-- ここからLINE -->
<script type="text/javascript">document.write("<div class='line-it-button' data-lang='ja' data-type='share-a' data-url='",location.href,"' style='display: none;'></div><script src='https://d.line-scdn.net/r/web/social-plugin/js/thirdparty/loader.min.js' async='async' defer='defer'></scr");</script>
<script type="text/javascript">document.write("ipt>");</script>
<!-- ここで終わり -->
</p>