Add the new Facebook “Like” Button Plugin on your WordPress Blog

UPDATE: Use this new version instead

Add the new Facebook “Like” Button Plugin on your WordPress Blog. Download it here.

Instructions:

1) Download the “Facebook-Like-Button.zip” file
2) Extract and upload `facebook-like-widget.php` to the `/wp-content/plugins/` directory
3) Activate the plugin through the ‘Plugins’ menu in WordPress
4) That’s it!

It should look like this

Capture

I’ve given the embed a style ID so you can target it in CSS. The id is “facebook_like”.

If you’ve installed it on your blog, please post your URL in the comments below. Thanks.

UPDATE: You can now download this directly @ WordPress.

Published by

AJ

I'm a web professional by day and a professional photographer in my spare time. I create beautiful, useful and amazing websites and I've been doing this since 1995. I'm a geek and proud of it.

272 thoughts on “Add the new Facebook “Like” Button Plugin on your WordPress Blog”

  1. @John:

    Yes, you can make it small with CSS, I did this on my site:

    http://www.hexenladen-hamburg.de/blog/

    Use the CSS container “facebook_like”,and add “height:30px;” or whatever value that best fits you to it. Hope it helps!

    I also edited the plug-in to add a height parameter to the iFrame, not sure it is needed but it can’t hurt to add it either.

    Ilja

  2. Works great! Another suggestion though: It would be nice to be able to customize the text (for example to translate it to other languages). I use a German blog and some reads might not understand English.

  3. Great plug-in…
    There is one small bug: it shows on all pages (e.g., 10 times on the home page), when it seems like it would be better to only show it on single posts.

  4. Greetings!!
    My appreciation for sharing with us all this lovely plugin!
    I got to play around a little with the CSS…so very cool for adding that tip :)

    I noticed that ‘Christian’ above me commented on “how not to show the Like button on pages…” ~ i was actually wondering about that too…
    Or perhaps if there is a way to exclude it from showing in “specific” pages…
    I know there is a way, though i’m not sure…

    If anyone knows of a way to share…that would be sooo fantastically awesome!!
    Or if I ‘hopefully’ find a way…then i will most definitely share on here :)

    Thank you again :) <3
    Blessed Light,
    Aline [ArtWave]

  5. Jeez AJ, you’re an early-adopter all right! Well done. I installed it to my blog at http://thenobsinternetguy.com. Within a handful of minutes 4 people had already clicked it for my latest post. After that, I announced your plugin on my Facebook wall too. Not that I’ve got a big following though, yet :-(

    I’m intrigued how many 1000s of FB users absolutely HATE it when any new changes are brought in. The “Like” button is no exception.

  6. I actually have not installed the plug-in (I integrated it into my site permanently), but I have a question for you….

    How does on get the “Comment” feature to work that is evident on the Facebook press release for this feature? I have tried everything I can think of, but I can not get the “Comment” feature to work…

    Bah… Email me if you have a solution, thanks!

  7. Pingback: Anonymous
  8. Thank you for this nice plugin. I installed it and it worked immediatly. Unfortunatly I don`t like the big space under the ilike button if nobody yet liked it. is there a solution to make the space smaller ?

  9. Really like it! Agreed it’d be nice if the height of the display was less, I changed it to 75 as described above. Also options regarding placement would be good.

  10. Installed at http://www.brandonbullock.com. I had previously hard-coded this but wanted it in a plugin format. I tweaked the code a little to get rid of the white-space after the first “faces” as I probably won’t get that many “likes”. I changed the height:auto to be height:75px and that helped. Also for others looking for customization you can do things like faces=false or colorscheme=dark. FB presents you with these options in a code-generator at their site and you can just change them manually in the plugin. Thanks for putting this out there! Now if I change my template I won’t have to hard-code the single.php file again and again.

  11. It’ll be nice to have a place to see a summary of all the posts liked, who liked them and links to those posts and users. Even better if the list can be sorted by users, number of likes, or post title or date.

  12. I just installed this. Took about 30 seconds and works like a charm on both post and pages. You can see it work here at the bottom of the post.

    http://blog.patyuen.com/2010/02/23/are-you-a-bad-parent/

    Hopefully, there will be some options added in the future to position this at the top or bottom. For some reason, there is about 4-5 blank lines added after the button. I see this on other WP sites too so it’s not just me. Anyone know why or how to fix this?

  13. the like widget isnt working in my blog…i also tried this code (both ways)

    <iframe src="http://www.facebook.com/plugins/like.php?href=&layout=standard&show_faces=true&width=450&action=like&colorscheme=light” scrolling=”no” frameborder=”0″ allowTransparency=”true” style=”border:none; overflow:hidden; width:450px; height:px”>

    <iframe src="http://www.facebook.com/plugins/like.php?href=ID));?>&layout=standard&show_faces=true&width=450&action=like&colorscheme=light” scrolling=”no” frameborder=”0″ allowTransparency=”true” style=”border:none; overflow:hidden; width:450px; height:px”>

    but it doesnt seem to work either…this is frustrating!

  14. Pingback: Read NEWS
  15. Very cool
    I’ve installed it.

    I have two questions. Would like to show it just under the post title if possible and have it show on the main page?

    Is that possible?

Leave a Reply

Your email address will not be published. Required fields are marked *