custom facebook like link?
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:
But it implements one of their buttons.
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.
If you're not hand crafting it, there's the Facebook developer "Like" API documentation
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.
That should deal with the UI behaviour, any calls back to the server could be made with AJAX (JQuery AJAX documentation).
I found from another post here:
<a title="send to Facebook" href="http://www.facebook.com/sharer.php?s=100&p[title]=YOUR_TITLE&p[summary]=YOUR_SUMMARY&p[url]=YOUR_URL&p[images]=YOUR_IMAGE_TO_SHARE_OBJECT" target="_blank"><span><img width="14" height="14" src="'icons/fb.gif" alt="Facebook" /> Facebook></a>
I used this and works well:)
Customizing the Like button is against Facebook's policies.
"While you may scale the size to suit your needs, you may not modify the Like Button in any other way (such as by changing the design)."
I found Chaddo's article on Custom Facebook Like Button (BlackHat Button) very effective using CSS to customize the button. You can download the zip source code. It works well, and could use improvement in regards to height.