各種シェアボタンを独自デザインで設置する

Facebook

<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;">
    <img src="facebook.png" alt="">
</a>

Twitter

<a href="http://twitter.com/share?url=[URL]&amp;text=[ツイート内容]" onclick="window.open(this.href, 'TWwindow', 'width=650, height=450, menubar=no, toolbar=no, scrollbars=yes'); return false;">
    <img src="Twitter.png" alt="">
</a>

• IEで動作しなくなるので全角文字はURLエンコードする
• ハッシュタグは %23 でつける

Google+

<a href="https://plusone.google.com/_/+1/confirm?hl=[言語]&url=[URL]">
    <img src="GooglePlus.png" alt="" />
</a>

• 日本語は hl=ja

mixi

チェック

<a href="javascript:void(0);" onclick="window.open('http://mixi.jp/share.pl?u=[URL]&amp;k=[mixiキー]','share',['width=650','height=456','location=yes','resizable=yes','toolbar=no','menubar=no','scrollbars=no','status=no'].join(','));" >
    <img src="mixi.png" alt="">
</a>

つぶやく

<a href="http://mixi.jp/simplepost/voice?status=[text]" target="_blank">
    <img src="mixi.png" alt="">
</a>

はてなブックマーク

<a href="http://b.hatena.ne.jp/entry/[URL]" data-hatena-bookmark-title="[title]" data-hatena-bookmark-layout="simple" title="このエントリをはてなブックマークに追加">
    <img src="hatena.png" alt="">
</a>

Pocket

<a href="http://getpocket.com/edit?url=[URL]&title=[title]" onclick="window.open(this.href, 'PCwindow', 'width=550, height=350, menubar=no, toolbar=no, scrollbars=yes'); return false;">
    <img src="Pocket.png" alt="" />
</a>

LINE

<a href="http://line.me/R/msg/text/?[text]">
    <img src="LINE.png" alt="" />
</a>

• PCでは使えない

Weibo

<a href="http://service.weibo.com/share/share.php?url=[URL]&appkey=[AppKey]&title=[text]&pic=[URL]" onclick="window.open(this.href, 'Weibo', 'width=600, height=400, menubar=no, toolbar=yes, scrollbars=yes'); return false;">
    <img src="Weibo.png" alt="">
</a>