Wednesday, February 02, 2011

How to add Facebook Like button on Blogger Blogspot?

How do I add Facebook Like button on Blogger Blogspot?
Facebook Like button
Changing Blogspot Template to add Facebook Like
  1. Login to your Blogspot account

  2. Go to Design or Layout mode

  3. Proceed to click on Edit HTML link

  4. In Edit Template mode, check the Expand Widget Templates checkbox to show all hidden codes

  5. Search and look for <data:post.body/>

  6. Insert the following code snippet right after <data:post.body/>
    <b:if cond='data:blog.pageType == "item"'>
      <iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url + "&layout=standard&show_faces=false&width=100&action=like&font=arial&colorscheme=light"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:40px;'/>
    </b:if>
  7. Click on Save Template button to commit changes

Blog Archive