Sosial Buttons | jQuery Plugin

/* bootstrap を非適用にしたい場合は以下を削除してください */
http://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css

jquery.social-buttons.css

jquery.social-buttons.js

<ul class="links">
	<li>
		<a href="http://d.hatena.ne.jp/cyokodog/20081016/jquerylinks01">
		jQuery 関連記事まとめ - Cyokodog :: Diary</a>
		<div class="social"></div>
	</li>
	<li>
		<a href="http://d.hatena.ne.jp/cyokodog/20090224/jQueryPosSet01">
		jQuery の位置・サイズ関連メソッドまとめ - Cyokodog :: Diary</a>
		<div class="social"></div>
	</li>
	<li>
		<a href="http://cyokodog.tumblr.com/post/37170454444/ex-demo">
		jsdo.it みたいなことが簡単にできる jQuery プラグイン作ってみた - CYOKOLOG</a>
		<div class="social"></div>
	</li>
	<li>
		<a href="http://cyokodog.tumblr.com/post/38835740744/ie-version">
		IE のレンダリングバージョンの指定と判定方法の自分なりまとめ - CYOKOLOG</a>
		<div class="social"></div>
	</li>
</ul>

$('ul.links a').socialButtons({
	appendTo : 'div.social'
});

ul.links li{
	margin-bottom:32px;
}

Social Buttons :: jQuery SiteKit