How ta add Facebook Like button (Top or Botom in Blogger blog post)

-Mr. Web- on Tuesday, November 2, 2010

You can add this widget to Top or Botom in Blogger blog post

How to add Facebook like button to top of the blogger blog post.

1. Login to your blogger Dashboard

2. Go to Dashboard >> Design >> Edit HTML

3. Press Ctrl+F and find this code

<div class='post-header-line-1'/>

4. Now copy and paste this code AFTER that code

<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>

5. Save the template

How to add Facebook like button to bottom of the blogger blog post.

1. Login to your blogger Dashboard

2. Go to Dashboard >> Design >> Edit HTML

3. Press Ctrl+F and find this code

<data:post.body/>

4. Now copy and paste this code AFTER that code

<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>

5. Save the template

You are done..