Sunday, July 11, 2010

Facebook Like / Recommend Button For Blogger

How to Add the Facebook Like Button Below every Post

1. Login to your blogger account and go to Design > Edit HTML and check the box with “Expand Widget Templates

2. Copy and paste the following code:

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<iframe allowTransparency='true' expr:src='&quot;; + data:post.url + &quot;&amp;layout=standard&amp;show_faces=false&amp;width=100&amp;action=like&amp;font=arial&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:40px;'/>


3. This code will show the Like Button on post pages only. If you want to display it everywhere, then remove the two lines of code in red.

4. Save the template and you should see the "Like" Button Below each of your posts.

Optional Customisations

1) Now try changing action=like to action=recommend in the code and you will see something like .

2) Try changing colorscheme=light to colorscheme=dark or colorscheme=evil

3) You can change the font by editing the font=arial parameter. You can change it to any



Also Check out :

  1. Facebook Share Count Buttons For Blogger
  2. Create Facebook Fan Page for your Blog

Article cited from
Blogger Plugins


Post a Comment