Wednesday, October 12, 2011

Iframe Method for Facebook Like

So, I tested with the Iframe method too. It is actually the most easiest way to insert Facebook like to your blogger post. I am still using the FBML version though.
Here is how you do it.
For Blogger/Blogspot

  1. Go to Layout (Design) > Edit HTML and check “Expand Widget Templates”.
  2. Find <data:post.body/> and Below the line add the following codes.
<b:if cond='data:blog.pageType != &quot;static_page&quot;'> <iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;send=false&amp;layout=button_count&amp;show_faces=false&amp;width=90&amp;action=like&amp;font=arial&amp;colorscheme=light&amp;height=21&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:90px; height:21px;'/> </b:if> 

The blue coloured ones can be changed according to the your needs. Or got to http://developers.facebook.com/docs/reference/plugins/like/ and customize your Button.
See related post : http://likeweb.blogspot.com/2011/10/finally-i-got-facebook-like-button.html

Test the FBML and IFrame version, and share which one works best with you.

1 comment: