コピペコードをうつす前に、必ず以前のコードをメモ帳にバックアップしておくなどの対策をしておくようにしてください。
シェアボタンを設置する上で、何らかのトラブルや損失・損害等につきましては一切責任を問わないものとします(一応)。
前回のボタンで、元記事とそれ以外で別々に書いていたら、分かりづらいとの声があったので、こちらはこちらで独立させてできるようにしました。ちなみに3Dボタンとの違いは、HTMLのクラス名とCSSです。
最近ラインによるシェアも増えてきていると聞いたことがあるので、スマホ画面にはラインボタンを追加しています(ラインボタンは、スマホでしか機能しないのでスマホ版でしか設置していません)。
前回のフラットボタンは、マウスホバー時に色が反転するようにしていましたが、下に書いたようにラインボタンは画像で用意しているため、それができなくなりました。
ホバー時は少し色が透明になるようにしています(よりシンプルになりました!)。
注:この記事は、元記事の補完的役割をしています。