Search This Blog

Tuesday, May 31, 2011

How to add Facebook like button on the top of the blogger post?

  • Please login to blogger with your ID
  • Click on Design
  • Click on Edit HTML
  • Click to Download Template to backup the file
  • Check the small box besides Expand Template Widget
  • Find this code on your template with Ctrl+F

   <data:post.body/>

  • Delete the code and replace it with the following code.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<iframe expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;action=like&amp;layout=standard&amp;show_faces=false&amp;width=450&amp;font=arial&amp;colorscheme=light&quot;' allowTransparency='true' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:25px;'/>
</b:if>
<data:post.body/>

No comments:

Post a Comment