Social Share Links with Custom Icons [closed]

Question

I'm looking for any solid current information on creating custom share icons for the following.

• Facebook
• Twitter
• Google +
• LinkedIn
• Pinterest

All the documentation I keep getting to seems to be about using THEIR social like / share buttons - which most of the time I think are not very appealing. Things like socialite.js help to deal with some of the other issues that arrise when using the "native" like / share buttons (sorry not sure what else to call them), but they're not very pretty to be honest.

Any reference material / tutorials or guidance would be awesome.

Cheers.

Answer 1

Below, I am going to offer you the various services URL’s

Twitter

http://twitter.com/home?status=[TITLE]+[URL] 

Digg

http://www.digg.com/submit?phase=2&url=[URL]&title=[TITLE] 

Facebook

http://www.facebook.com/share.php?u=[URL]&title=[TITLE] 

StumbleUpon

http://www.stumbleupon.com/submit?url=[URL]&title=[TITLE] 

Delicious

http://del.icio.us/post?url=[URL]&title=[TITLE]]&notes=[DESCRIPTION] 

Linkedin

http://www.linkedin.com/shareArticle?mini=true&url=[URL]&title=[TITLE]&source=[SOURCE/DOMAIN] 

Slashdot

http://slashdot.org/bookmark.pl?url=[URL]&title=[TITLE] 

Technorati

http://technorati.com/faves?add=[URL]&title=[TITLE] 

Tumblr

http://www.tumblr.com/share?v=3&u=[URL]&t=[TITLE] 

Reddit

http://www.reddit.com/submit?url=[URL]&title=[TITLE] 

Google Bookmarks

http://www.google.com/bookmarks/mark?op=edit&bkmk=[URL]&title=[title]&annotation=[DESCRIPTION] 

Newsvine

http://www.newsvine.com/_tools/seed&save?u=[URL]&h=[TITLE] 

Ping.fm

http://ping.fm/ref/?link=[URL]&title=[TITLE]&body=[DESCRIPTION] 

Evernote

http://www.evernote.com/clip.action?url=[URL]&title=[TITLE] 

Google+

https://plus.google.com/share?url=[URL] 

Answer 2

Just a quick update on these links, here's a link for Google+

https://plus.google.com/share?url=[URL] 

Now, if you want those links to open in a new window, just add this javascript code after the href's:

onclick="javascript:window.open(this.href,'', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=600,width=600');return false;" 

This javascript code works with Twitter, Google+ and Facebook (maybe some other, but I haven't tested any other social networks).

Example for WordPress:

<a href="https://plus.google.com/share?url=<?php the_permalink(); ?>" onclick="javascript:window.open(this.href,'', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=600,width=600');return false;">Here you can add text, image, whatever.</a>