Custom social sharing icons
Custom social sharing buttons for Twitter, Facebook, Google Plus, LinkedIn, StumbleUpon, and Pinterest.
via http://siliconstation.com/how-develop-custom-google-plus-button/
<a class="icon-twitter" rel="nofollow"
href="http://twitter.com/"
onclick="popUp=window.open(
'http://twitter.com/intent/tweet?text=\'[Page Title]\' via @[handle] - [url]',
'popupwindow',
'scrollbars=yes,width=800,height=400');
popUp.focus();
return false">
<i class="visuallyhidden">share on twitter</i>
</a>
<a class="icon-facebook" rel="nofollow"
href="http://www.facebook.com/"
onclick="popUp=window.open(
'http://www.facebook.com/sharer.php?u=http://example.com',
'popupwindow',
'scrollbars=yes,width=800,height=400');
popUp.focus();
return false">
<i class="visuallyhidden">share on facebook</i>
</a>
<a class="icon-gplus" rel="nofollow"
href="http://www.plus.google.com/"
onclick="popUp=window.open(
'https://plus.google.com/share?url=http://example.com',
'popupwindow',
'scrollbars=yes,width=800,height=400');
popUp.focus();
return false">
<i class="visuallyhidden">share on google plus</i>
</a>
<a class="icon-linkedin" rel="nofollow"
href="http://www.linkedin.com/"
onclick="popUp=window.open(
'http://www.linkedin.com/shareArticle?url=http://example.com',
'popupwindow',
'scrollbars=yes,width=800,height=400');
popUp.focus();
return false">
<i class="visuallyhidden">share on linkedin</i>
</a>
<a class="icon-stumbleupon" rel="nofollow"
href="http://www.stumbleupon.com/"
onclick="popUp=window.open(
'http://www.stumbleupon.com/submit?url=http://example.com',
'popupwindow',
'scrollbars=yes,width=800,height=400');
popUp.focus();
return false">
<i class="visuallyhidden">share on stumbleupon</i>
</a>
<a class="icon-pinterest" rel="nofollow"
href="http://www.pinterest.com/"
onclick="popUp=window.open(
'http://pinterest.com/pin/create/button/?url=http://example.com&media=[full image url]&description=[page title]',
'popupwindow',
'scrollbars=yes,width=800,height=400');
popUp.focus();
return false">
<i class="visuallyhidden">share on pinterest</i>
</a>
<a class="icon-email" rel="nofollow"
href="mailto:?subject=[Page Title] via [Site Name]&
body=I've just read '[Page Title]' at [url]">
<i class="visuallyhidden">share via email</i>
</a>