jQueryで簡単にソーシャルブックマーク(はてな、ツイッター、フェイスブック、googleプラス、mixi、gree)を表示
ソーシャルメディア設置

jQueryを使って簡単にソーシャルブックマークに登録できるプラグインをご紹介。めちゃめちゃ人気のソーシャルサービスをWEBとしっかり連携させておこう♪


jQueryのプラグイン配布先
http://itra.jp/jquery_socialbutton_plugin/
ここからファイルをダウンロード。

そして、
jsを読み込ませて、HTMLに表示すればOK。
HTMLのソースもキレイです!!

HTML内に

<script src="js/jquery-1.x.x.min.js" type="text/javascript"></script>
<script src="js/jquery.socialbutton-x.x.x.js" type="text/javascript"></script>
<script>
$(function() {
    $('#sbm_hatena').socialbutton('hatena', {
        button: 'vertical'
    });
    $('#sbm_twitter').socialbutton('twitter', {
	button: 'vertical'
    });
    $('#sbm_google_plusone').socialbutton('google_plusone', {
	lang: 'ja',
	size: 'tall'
    });
    $('#sbm_facebook_like').socialbutton('facebook_like', {
	button: 'box_count'
    });
});
</script>

表示させたいところに

<div class="sbm">
<div id="sbm_hatena"></div>
<div id="sbm_facebook_like"></div>
<div id="sbm_twitter"></div>
<div id="sbm_google_plusone"></div>
</div>
-->