Share on Facebook, Twitter, Etc.

omniaaron · November 2010

On many Websites, I've seen the row of social media icons that you can click on, in order to share that webpage or its contents on one of the social media platforms (e.g. Facebook, etc.). How do I put one of those on my site?

Thanks so much.
-Aaron
www.bigAdesigns.com

el mourabbi · November 2010

There are several options, but I personally like AddToAny. It has many options, but is easy to use. Just pick up a small piece of code from their site and paste it where you want it to appear in your page.

omniaaron · November 2010

Thanks a bunch! I really like that site!
Do you know any site that gives you a widget or icons that send you to your own SITE (like Facebook, etc.)?
So, not just sharing the site on YOUR Facebook, but finding MY Facebook site...

Thanks again!
-Aaron

el mourabbi · November 2010

Hi Aaron,

Why don't you just use a set of social media icons, put them on your site with a link? There are tons of them, for every taste, often free to use. IMHO, a widget would by overkill for this.

Jeroen

omniaaron · November 2010

True, true. In fact, that's what I've always done, but thought a widget might give some sort of "cool factor" to the site. Thanks for your feedback. You've been so helpful!

-Aaron

CubanCigar · May 2012

Hi, Jeroen.

I'm trying to figure out how to use custom social media icons with the "Share" codes provided by LinkedIn and Facebook. Also, how do I set up an Email icon that allows site visitors to email the site to friends? I am a novice using RapidWeaver to create my own site and very much appreciate any instruction you can provide.

Carmen

mtmfx · May 2012

Try "Share This" - http://sharethis.com/ and "AddThis" - http://www.addthis.com/

CubanCigar · May 2012

Thanks.

Actually, I have tried both services successfully. What I can't figure out is how to use custom icons with their codes. The icons provided by ShareThis and AddThis (as well as those from Facebook and LinkedIn) are tiny and utilitarian. I have some designer buttons that are large and very attractive. But I don't understand the relationship between the link codes and the images. My impression is that the images are embedded in the code. Is there some way to integrate custom icons with any of these codes (ShareThis, AddThis, Facebook, and/or LinkedIn)?

Thank you for any guidance you can offer.

Carmen

tsilva · May 2012

CubanCigar,
If you don't mind a little customization to their code, this might be of use for using your own icons in Share This:

http://support.sharethis.com/customer/portal/articles/446558-custom-buttons

CubanCigar · May 2012

Wow. That looks like it should be very helpful, but I don't know what to do with it. AddThis also has instructions for using custom icons but, again, I just don't understand what they are saying. I'm going to have to find somebody who knows code to help me with this. Thanks so much for taking an interest in helping me out.

umairiqbal600 · June 2012

I always use shearthis.com and thanks cassy "add to any" i too good tool for this purpose.

KarlHeinz · February 7

CubanCigar, I am trying to do precisely what you were. I am using the Outline theme and I have inserted Font Awesome icons and want to know how to correctly link them to the relevant social media services. Were you successful? If yes, how did you pull it off?

Henk Vrieselaar · February 11

KarlHeinz wrote: »

CubanCigar, I am trying to do precisely what you were. I am using the Outline theme and I have inserted Font Awesome icons and want to know how to correctly link them to the relevant social media services. Were you successful? If yes, how did you pull it off?

In the Manual (page 20) I've explained how to do that:

Add a link to your icon (for example Facebook):

<a href="#"><i class="icon-facebook"></i></a>

Replace the # in this code with the page URL of your icon (so in this example your facebook page) and the website will open in the same window. When you replace the # with

http://www.facebook.com/jjohnson"; target="_blank

(so add only target="_blank) the website opens in a new window, so:

<a href= "http://www.facebook.com/jjohnson"; TARGET="_blank"> <i class="icon-facebook"></i></a>

Realmac Software

Share on Facebook, Twitter, Etc.

Comments

Leave a Comment