PSD to HTML conversion PSD to HTML conversion PSD2HTML.com with over 300 professionals takes the designs to HTML and beyond

Code Snippet

Home » Code Snippets » WordPress » Facebook “Like” Button for WordPress

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>

Subscribe to The Thread

  1. HarnHog

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

    Reply ↓
  2. Bottomless

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

    Reply ↓
  3. takien

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

    Reply ↓
  4. 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/

    Reply ↓
  5. 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?

    Reply ↓
  6. Fredrik

    short and simple just as I like it! :)

    Reply ↓
    • Ben

      me to, cheers Chris yet again for a very useful snippet

Speak, my friend

At this moment, you have an awesome opportunity* to be the person your mother always wanted you to be: kind, helpful, and smart. Do that, and we'll give you a big ol' gold star for the day (literally).

Posting tips:
  • You can use basic HTML
  • When posting code, please turn all
    < characters into &lt;
  • If the code is multi-line, use
    <pre><code></code></pre>
Thank you,
~ The Management ~