Social Share Buttons

Custom social share buttons.
Send Snippet To: Save this snippet to Code Collector Pro -- view all sherylchan's snippets
language: Javascript
license: Other

Code for Snippet:

                
Facebook:
<a class="socialBtn icon-facebook" href="javascript:void(0);" onclick="window.open('https://www.facebook.com/sharer/sharer.php?u='+encodeURIComponent(location.href), 'facebook-share-dialog', 'width=626,height=436'); return false;"></a>
 
Twitter:
<a class="socialBtn icon-twitter" href="javascript:void(0);" onclick="window.open('http://twitter.com/home?status=Fun with Accents - This website was made as a fun social observation %26 you are invited to join in!: http://www.funwithaccents.com/ %23funwithaccents', '_blank', 'width=626,height=436')"></a>
 
LinkedIn:
<a class="socialBtn icon-linkedin" href="javascript:void(0);" onclick="window.open('http://www.linkedin.com/shareArticle?mini=true&url=http://www.funwithaccents.com/&title=Fun with Accents!&source=funwithaccents.com', '_blank', 'width=626,height=436')"></a>
 
Tumblr:
<a class="socialBtn icon-tumblr" href="javascript:void(0);" onclick="window.open('http://www.tumblr.com/share?v=3&u=http://www.funwithaccents.com/&t=Fun with Accents!', '_blank', 'width=626,height=436')"></a>
 
 
***************
Other Snippets:
http://petragregorova.com/articles/social-share-buttons-with-custom-icons/
 
Email:
<a href="mailto:?subject=[TITLE]&body=Check out this site I came across [URL]">[EMAIL]</a>
 
Pinterest:
http://pinterest.com/pin/create/bookmarklet/?media=[MEDIA]&url=[URL]&is_video=false&description=[TITLE]
 
Google:
https://plus.google.com/share?url=[URL]
 
Google Bookmarks:
http://www.google.com/bookmarks/mark?op=edit&bkmk=[URL]&title=[title]&annotation=[DESCRIPTION]
 
Reddit:
http://www.reddit.com/submit?url=[URL]&title=[TITLE]
 
I Upon:
http://www.stumbleupon.com/submit?url=[URL]&title=[TITLE]
 
Delicious:
http://del.icio.us/post?url=[URL]&title=[TITLE]]&notes=[DESCRIPTION]
 
Tapiture:
http://tapiture.com/bookmarklet/image?img_src=[IMAGE]&page_url=[URL]&page_title=[TITLE]&img_title=[TITLE]&img_width=[IMG WIDTH]img_height=[IMG HEIGHT]
 
Slashdot:
http://slashdot.org/bookmark.pl?url=[URL]&title=[TITLE]
 
Technorati:
http://technorati.com/faves?add=[URL]&title=[TITLE]
 
Posterous:
http://posterous.com/share?linkto=[URL]
 
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]
 
Friendfeed:
http://www.friendfeed.com/share?url=[URL]&title=[TITLE]
 
 
 
 
 
 
 
 
 
comments powered by Disqus

Info

Source Site:

http://petragregorova.com/articles/social-share-buttons-with-custom-icons/

Tags: javascript social share

Link to this snippet:


Download to Code Collector

To use the direct link to your snippet on CodeCollector.net either copy the html from the above section or drag the Download to Code Collector to where you would like to use it.

More Info:

Times Viewed: 379
Date Added: 2015-10-27 04:27:06
Last Modified: 2016-07-20 21:05:21

Web Analytics