ソーシャルブックマークカスタマイズ法

ソーシャルブックマークにオリジナルの画像を使う

ソーシャルブックマークとは、SNS投稿ボタン。
つまり被リンクを鼠算的に増やすための仕組みです。

facebook
いいねボタン

<a class="fb-like" href="http://www.facebook.com/plugins/like.php?href=【ページのURL】" onclick="javascript:window.open('http://www.facebook.com/plugins/like.php?href=【ページのURL】' ,null ,'width=650 ,height=450'); return false;" rel="nofollow">【ボタン画像】</a>

シェアボタン

<a href="http://www.facebook.com/share.php?u=【ページのURL】" onclick="window.open(this.href, 'FBwindow', 'width=650, height=450, menubar=no, toolbar=no, scrollbars=yes'); return false;">
【ボタン画像】</a>

twitter

<a href="http://twitter.com/share?count=horizontal&original_referer=【ページのURL】&text=【ページのタイトル、抜粋など】&url=【ページのURL】&via=hibi_teshigoto" onclick="window.open(this.href, 'tweetwindow', 'width=550, height=450,personalbar=0,toolbar=0,scrollbars=1,resizable=1'); return false;">【ボタン画像】</a>

google+

<a href="https://plus.google.com/share?url=【ページのURL】" onclick="window.open(this.href, 'Gwindow', 'width=650, height=450, menubar=no, toolbar=no, scrollbars=yes'); return false;">【ボタン画像】</a>

hatena bookmark

<a href="http://b.hatena.ne.jp/entry/【ページのURL】" class="hatena-bookmark-button" data-hatena-bookmark-layout="simple" title="このエントリーをはてなブックマークに追加">【ボタン画像】</a><script type="text/javascript" src="http://b.st-hatena.com/js/bookmark_button.js" charset="utf-8" async="async"></script>

Evernote

<script type="text/javascript" src="http://static.evernote.com/noteit.js"></script>
<a href="#" onclick="Evernote.doClip({providerName:'【サイト名】',url:'【ページのURL】'}); return false;">【ボタン画像】</a>

MIXI

<a href="javascript:void(0);" onclick="window.open('http://mixi.jp/share.pl?u=【ページのURL】&k=【チェックキー】','share',['width=632','height=456','location=yes','resizable=yes','toolbar=no','menubar=no','scrollbars=no','status=no'].join(','));">【ボタン画像】</a>