以下の内容はhttps://develop.hateblo.jp/entry/web-sns-button-addより取得しました。


WebページにTwitter、facebook、はてなボタンを設置する方法

最近、Web便利ツール「WEBOOL」Twitterfacebookはてなのボタンを設置してみました。

kijimapp.com

やってみたら結構簡単でしたが、すぐ忘れそうなので、メモとして残しておきたいと思います。

 

Twitter

WebページにTwitter、facebook、はてなボタンを設置する方法

Twitterの場合は、下記のリンクから「Twitter Buttons」を選択すればすぐに作成できます。

publish.twitter.com

特定の文章やURLを設置したい場合は、「set customization options」のリンクを選択すればカスタマイズができます。

WebページにTwitter、facebook、はてなボタンを設置する方法

facebook

WebページにTwitter、facebook、はてなボタンを設置する方法

facebookも下記のリンクから手順通りにやれば簡単に作れます。

facebookは日本語で書かれているのでより簡単でした。

developers.facebook.com

 

はてなブックマーク

WebページにTwitter、facebook、はてなボタンを設置する方法

はてなブックマークは下記のリンクから作成できます。

facebook同様、日本語で書かれているので簡単です。

 

 

作成したボタンをWebページに貼り付けるだけでOK

WebページにTwitter、facebook、はてなボタンを設置する方法

上記のサイトで作ったSNSボタンをWebページのHTMLに貼り付けるだけで簡単にSNSボタンが作れました。

SNSボタンを設置しておけば、気に入ってくれた人がシェアしてくれるのでいざという時の為に設置しておいた方が良さそうです。

 




以上の内容はhttps://develop.hateblo.jp/entry/web-sns-button-addより取得しました。
このページはhttp://font.textar.tv/のウェブフォントを使用してます

不具合報告/要望等はこちらへお願いします。
モバイルやる夫Viewer Ver0.14