Replacing Social Media Icons with Custom Images

Question

I'm wondering how to replace my social media icons with my own custom images. For example instead of using the typical Facebook Like button or Twitter follow button I would replace it with my own image, while keeping the same functionality.

Websites like BuzzFeed and SuperCompressor are good examples that it can be done. Each has replaced the Facebook Like button with a custom image but the functionality remains the same.

I'm having a hard time finding any information one the web. Can anyone guide me in the right direction?

Answer 1

I think something like this http://www.inboundnow.com/apps/facebook-like-button-generator/

might work but the google search for

custom facebook like button for website

has a lot of results

EDIT: Well if you already know how to make a custom image you can follow https://stackoverflow.com/questions/9493988/how-to-trigger-facebook-like-button-from-custom-button

to make your custom image into a facebook like button

`http://jsfiddle.net/masondesu/haxvL/`

This site also has some info

Answer 2

As the place you will find this image may depend on the plugins and themes you use, you have to find out where the actual image comes from.

To do so, I would suggest that you install a browser such as Chrome that allows you to inspect an element on your page (will open the portion of code displaying the selected item). Once you see where the image comes from, you can either replace the actual image with a custom one if it's on your website's server, or search your website files for this image's URL and replace it with a link to the image of your choice.