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="<?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