ソーシャルリンクをjQueryで手軽に表示「jSocial」

ソーシャルな時代にはブックマークやrss、twitter、facebookなど使っているものが多くなります。
これらを手軽に表示するjSocial | Social Links Plugin By thatryanを表示することで、あなたのファンが増えていくことでしょう。

使用方法

jSocial | Social Links Plugin By thatryanからファイル一式をダウンロード。


<link rel="stylesheet" href="style.css" type="text/css" media="screen" title="no title" charset="utf-8">
<script type="text/javascript" src="jquery-1.3.2.js"></script>
<script type="text/javascript" src="jquery.jsocial.js"></script>
<script type="text/javascript">
$(document).ready(function() {
	$('.class名').jsocial({
		//各ソーシャルとIDを対にして記述します
		twitter		:  'skuare', 
		facebook	:  'facebook.com/skuare1981',
		linked		:  'jp.linkedin.com/in/skuare',
		feed		:  'skuare/QfOM',
		friendfeed	:  'skuare',
		center		: true,	　//表示場所指定、falseで左寄せ
		inline		: true,　//インラインにするか
		small		: true //アイコンサイズ、falseで大きいサイズ
	});
});
</script>

上記を記述したら、表示させたい場所にclass名を振れば完成です。
<div class="class名"></div>
なお、表示できるソーシャルリンクは以下の通りです。
・twitter
・facebook
・flickr
・friendfeed
・delicious
・digg
・lastfm
・linked
・youtube
・feed
・newPage
また、追加も簡単そうなので、ソースを見てはてなを加えるなど日本版にするのも良いかもしれません。
アイコンはSocial icons by Rogie King of Komodo Mediaさんが作成いただいたもののようなので、利用にはご留意ください。

サンプル

Javascriptサンプルページ一覧

skuare.net