Add Facebook Like button to your WordPress or blogger blog

Facebook has introduced the Like button which can be posted on blogs and websites. When the visitors clicks on it, Facebook posts the message on their Facebook profile saying “He likes this(link)”. This button enables to like the post and also display how many visitors have liked it. If you are already logged on to Facebook, it displays the name of friends who like the post. Here’s how it looks on your blog:

Facebook Like button displayed on post

Link Displayed on Facebook Profile after clicking like

Here’s how you can add Facebook Like button to your Blog:

1) For WordPress Blog:

Just copy and paste the following code to single.php of your WordPress blog to display the like button on your posts.

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

2) Add Facebook Like button on your blogger blog:

For Modern Templates: Inside the Edit HTML find the following line:

<div class=’post-footer-line post-footer-line-1′>

And then paste the code below the following code:

<iframe
   allowTransparency='true'
   frameborder='0'
   scrolling='no'
   expr:src='"http://www.facebook.com/plugins/like.php?href="
             + data:post.url
             + "&amp;layout=standard&amp;show-faces=true&amp;"
             + "width=530&amp;height=60&amp;action=like&amp;"
             + "colorscheme=light"'
   style='border:none; overflow:hidden; width:530px; height:60px'/>

For Classic Templates, copy the following code:

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

[Via] Digital Inspiration