I’m sure you’ve noticed the 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. Like I always say, back up your template before making changes in case something goes wrong
5. Press CTRL + F and search for <data:post.body/>
If you’re using a magazine style template or used the automatic read more hack I posted, you might find 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 == "item"'><div><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: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 == "item"'><div><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: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.
