How To Add A Facebook LIKE Button To Your WordPress Blog [VIDEO]

Facebook unleashed its new wave of site integration tools including the new Like button for external sites. This button works like the regular Like button on Facebook, where you see a status update and can give it the thumbs up.

Please note, this post is rated D for Daredevil.

To implement these changes you will need to muck around in the PHP. So make sure you’re wearing your developers propeller hat and some sort of Star Wars attire.

This micro video tutorial shows you how to find the Facebook button code, add it to your site’s template code, and get it up and running. However, this video only shows you how to add the Like button to the Single Post page in your blog. You’d also want to do the same thing with your Main Index Template page.

If you really don’t want to tinker with the template code, there are some plugins floating around. I’ve seen three different plugins already but haven’t tested them out yet. If you developed a Like button plugin, drop a comment with a link to the site. I’ll add comments to this post as I see them as well.

Related Posts/Resources:

Code Snippet: the modified Like button code

<iframe src="http://www.facebook.com/plugins/like.php?href=<?php the_permalink() ?>";layout=standard&amp;show_faces=false&amp;width=450&amp;action=like&amp;colorscheme=evil" scrolling="no" frameborder="3" allowTransparency="false" style="border:none; overflow:hidden; width:400px; height:30px;"></iframe>

And this is a zoom-in of the Single Post template page where I pasted in the iFrame code.

Facebook Like Button Code in WordPress Single Post Theme

This entry was posted in Facebook, Social, Toolbox, Training, Video, Web Marketing, Web/Tech, Weblogs, Widgets and tagged , , , , , . Bookmark the permalink.

4 Responses to How To Add A Facebook LIKE Button To Your WordPress Blog [VIDEO]

  1. Shaylee says:

    Thank you so much Jesse! This worked wonderfully!

    ~Shaylee

  2. Bottomless says:

    Here’s the WordPress plugin:
    http://wordpress.org/extend/plugins/like

    No coding necessary, you can customize the look and placement of the button in the settings interface so no need to be a Daredevil to have the button 😉

Leave a Reply

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