Replacing Social Media Icons with Custom Images

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.

Read More

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

Related posts

Leave a Reply

2 comments

  1. 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.

  2. 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