How To Add Facebook Like Button To Your Blog

on
Facebook like button above and below all posts on this blog. It makes it very much easier for readers to share your blog posts on facebook with their friends with the single click of a button. It’s more like sharing and might fetch one or two more readers to your blog. To add this to your blog, follow this easy guide:
1. Login to your blogger account and click on “Design”
2. Click on “Edit HTML”
3. Check the box labelled “Expand Widget Template”
4. Back up your template before making changes in case something goes wrong

5. Press CTRL + F and search for <data:post.body/>

If you found two pr more <data:post.body/> in your template. You should try both to know which one works. The second works on my template though.

6. If you want the facebook like button to appear on top of your blog post, paste the code below above <data:post.body/>

<b:if cond='data:blog.pageType == &quot;item&quot;'><div><iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&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:400px; height:27px;'/></div></b:if> <br/>

7. If you prefer to see the like button below your blog posts, paste this code below <data:post.body>  
<br/> <br/> <b:if cond='data:blog.pageType == &quot;item&quot;'><div><iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&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:400px; height:27px;'/></div></b:if> <br/>
8. You might as well put it in both positions. Save your template and view the change on your blog.

Check For More Social Share Buttons "How to add Linkedin Share, Yahoo Buzz, Reddit, Delicious, Google Buzz, Stumbleupon, Digg, Tweet, Retweet and Facebook Share buttons in blogger."

Comments

Post a Comment