Facebook “Like” Button for WordPress

Some very easy copy-and-paste code here to add to the template for blog posts to allow for Facebook "liking" of the article. Probably best in the single.php template underneath where it outputs the content of the post.

<iframe src="http://www.facebook.com/plugins/like.php?href=<?php echo rawurlencode(get_permalink()); ?>&amp;layout=standard&amp;show-faces=true&amp;width=450&amp;action=like&amp;font=arial&amp;colorscheme=light" scrolling="no" frameborder="0" allowTransparency="true" id="facebook-like"></iframe>

Comments

  1. User Avatar
    HarnHog
    Permalink to comment#

    Consider the possibility of Deceiving users with the Facebook “Like” button: http://bit.ly/cUafIz – by @arnabdotorg

  2. User Avatar
    Bottomless
    Permalink to comment#

    Here’s the WordPress plugin:
    http://wordpress.org/extend/plugins/like
    An honest one that does not deceive users.

  3. User Avatar
    takien

    Thanks for this article. I like this :D
    I found official docs here http://developers.facebook.com/docs/reference/plugins/like

  4. User Avatar
    Brandon

    I recently updates the information on the Reference URL. It contains a link to a great WP plugin and here’s how to add FB comments w/ the like button: http://media-sprout.com/add-facebook-comments/

  5. User Avatar
    Peter Demaria

    Trying to use the Facebook Javascript SDK (as opposed to iframe) and at first everything seemed fine….

    Then today had a a friendly heads-up from somebody using IE 7 or 8… who couldn’t even load up my site without browser crash.

    Fixed some issues loading the SDK after the opening body tag but the facebook code doesn’t validate and crashes IE6.. seems so crummy, is iframe a better way to go?

  6. User Avatar
    Fredrik
    Permalink to comment#

    short and simple just as I like it! :)

Submit a Comment

Posting Code

You may write comments in Markdown. This makes code easy to post, as you can write inline code like `<div>this</div>` or multiline blocks of code in triple backtick fences (```) with double new lines before and after.

Code of Conduct

Absolutely anyone is welcome to submit a comment here. But not all comments will be posted. Think of it like writing a letter to the editor. All submitted comments will be read, but not all published. Published comments will be on-topic, helpful, and further the discussion or debate.

Want to tell us something privately?

Feel free to use our contact form. That's a great place to let us know about typos or anything off-topic.

icon-closeicon-emailicon-linkicon-logo-staricon-menuicon-searchicon-staricon-tag