Home/ Questions/Q 3637426
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-19T01:09:25+00:00

Is it possible to add a custom facebook like icon? I would like it

  • 0

Is it possible to add a custom facebook like icon? I would like it to be part of an <ul> and I don’t really want to load another library their SDK or all the <meta> tags….

Has anyone implemented a custom like button? I don’t need the counter etc that their buttons provide, and to be honest, they are ugly. I have been searching around for the last 2 hours with no real luck.

I found this:

<a name="fb_share"></a> 
<script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" 
    type="text/javascript">
</script>

But it implements one of their buttons.

EDIT:

I have read their API, while very easy to use I don’t like the buttons generated from their <iframe> or XFBML code. I am simply looking to find out if there is a way to make a custom link from something like this:

<ul>
   <li><a href="some code here">Facebook</a></li>
</ul>

Am I missing something in their API? it always generates a HUGE button with a counter and their graphics, which is exactly what I don’t want.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    If you’re not hand crafting it, there’s the Facebook developer “Like” API documentation

    If their API doesn’t expose what the generated buttons do for you to copy, one way to find out what the like button is actually doing (if it’s not a hyperlink, and since it might be posting by ajax, this could happen) is finding out how the event is handled in javascript. This may be problematic if the script has been optimised/minified.

    Another approach is to find out what HTTP requests it generates, using Fiddler to listen to the request and inspect it to see its target and any form data.

    If you’re happy with the functionality of the like button, but not its style, restyle it with CSS, this may be the safer option, as any API change may break any mimicked script.

    Otherwise, unless you’re designing your own icons, you can download the free silk icons, use the thumb up icon as an image, and slightly edit it for any mouse-over/click events that require different icons, and you can handle the events with JavaScript, JQuery or JQuery-UI (depending on which libraries you’ve already got loaded).

    That should deal with the UI behaviour, any calls back to the server could be made with AJAX (JQuery AJAX documentation).

    • 0