SNS ボタンをオリジナルデザインにするコードの覚え書き

Facebook, Twitter, LINE などの SNS ボタンをオリジナルデザインにするコードの覚え書きです。

※ 文字列や URL は全て URL エンコードしてから記述します。

Twitter
———————————————————————-

コードは次のような感じです。

Twitter

動作サンプルは次の通り。

ツイートボタンのサンプル

Facebook シェア
———————————————————————-

いいねボタンのコードを試したのですが、うまく行かず。
代わりにシェア機能を使うことにしました。

コードは次のような感じです。

Facebook シェア

動作サンプルは次の通り。

Facebook シェアボタンのサンプル

LINE
———————————————————————-

LINE は、スマホで更に LINE アプリがインストールされていないと動きません。

コードは次のような感じです。

LINE

動作サンプルは次の通り。

LINE で送るボタンのサンプル

以上です。新しいコードを見つけたら追記します!(^_^;)

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です