How to add Facebook Like button to Blogger, Wordpress and Websites

Facebook on wednesday have the launched the Like button for the web that enables users to share a page or an article or things that user like on web directly tn Facebook. As a blogger or webmaster you wouldn’t want to miss the opportunity of getting your site and posts shared among Facebook users. Which could fetch you up more traffic to your site. This is how to add the button to your websites.

Blogger Platform:


Finally we have made it. We have hacked the Facebook Like Button for blogger platform. It was a tedious task to make this script work out! Blogger users will have to enter <data:post.url/> in the “URL to like” box to get the code. Here goes the step by step process:


Step 1: Open Blogger dashboard, go to Edit HTML.


Step 2: Backup your template by clicking Download Full Template. [Very important]


Step 3: Now,Click the Expand Widget Templates.


Step 4: Use your Browser's search feature (Ctrl+F) to find the following line of code (or similar code line):  <data:post.url/>


Step 5:  Now just after it put the following code facebook iframe hacked code  from below:

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

Step 6: Now save the template and it's all done. and now show off the articles liked by your visitors on facebook.


Wordpress Platform:


For Wordpress blogs, type php_the_permalink in “URL to like” box. Click on “Get Code” to receive the code.

Now embed the code in your Wordpress theme single.php file.


For other websites:


For static pages, simply type the URL of the page and embed it on that page. Repeat this for every page where you want to implement the code, each time generating a new code for the given page.