簡単にソーシャルボタンを設置できる jQueryプラグイン jquery.socialbutton

calendar

reload

皆さんは、ブログなどにどのようにしてソーシャルボタンを設置していますか?僕は以前まで、それぞれのサービスのオフィシャルサイトで発行できるものを使っていました。こんなかんじで。

ぶっちゃけめんどくさい。レイアウトはうまくいかないし、wordpress用に php も書かなきゃいけない。
そこでオススメしたいのがこの jQueryプラグイン jquery.socialbutton です。
「ちゃっ」と読込んで、「ちゃちゃっ」とソースを書くだけで、いろいろなソーシャルボタンを設置できます。

1、ダウンロード

jQueryと、jquery.socialbuttonをそれぞれダウンロードします。

2、jsを読込む

内でjQueryとjquery.socialbuttonを読込みます。

3、空のdivを記述

適当なクラス名、またはid名を付けた空のdivタグを記述します。

4、jsで呼び出す

4、まとめ

まとめるとこんな感じ。(全てのソーシャルボタンを読み込んだとします。)

オプションでボタンの種類等をカスタマイズできるようですが、それはここここを参考にしてください。