Adding ‘like’-button to WordPress site

I already received some questions on how to add a the Facebook ‘like’-button to your WordPress blog, so I will briefly outline how you can add it. When you scroll down, you will see it just above the ‘about the author’-section.

In order to add it to your WordPress-blog you just make a small code change in the template files.

In order to add it to your posts, edit the file called single.php (You can do this through the WP-admin) and add the following code just after or before <?php the_content ?>. You can also put it on other places, it just depends on your site layout. The code for WordPress;

<iframe src=”http://www.facebook.com/plugins/like.php?href=<?php echo urlencode(get_permalink($post->ID)); ?>&layout=standard&show-faces=false&width=450&action=like&colorscheme=light” scrolling=”no” frameborder=”0″ allowTransparency=”true” style=”border:none; overflow:hidden; width:450px; height:60px”></iframe>

You see that it will add an iFrame that takes content from Facebook.

In order to use this on other platforms then WordPress, you can use the same code but you have to change <?php echo urlencode(get_permalink($post->ID)); ?> to show the URL to your blog-post. It will look like this then;

<iframe src=”http://www.facebook.com/plugins/like.php?href=[URL TO BLOG POST]&layout=standard&show-faces=false&width=450&action=like&colorscheme=light” scrolling=”no” frameborder=”0″ allowTransparency=”true” style=”border:none; overflow:hidden; width:450px; height:60px”></iframe>

NOTE: when people are not logged in into Facebook. A pop-up will appear requesting them to login.

Let me know whether you liked this post by clicking the ‘like’-button below and list your URL in the comments when  you use this code.