Add Facebook Like Button to Blogger Blogs
Today One of my friends asked me How to Add Facebook Like Button to Blogger Blogs. So, I thought of sharing this with all readers of tech-blogging.com. We are going to add this Facebook Like button just below the post titles. This widget will also not affect your Blog Load time. Well, no need to say, that like button is always helpful. It helps your readers to give their feedback for your posts just by clicking a like button. Also, It is a good way to drive traffic towards one’s blog. So, now, we shall start adding this useful widget to your blog.
Read Me : How to Create a Facebook Fan page for your Blog
Well, this like Button appears below post titles. So, you are most likely to receive more likes by your readers.
Read Me : How to Backup and Restore Blogger Template
Steps to Add Facebook Like Button to Blogger Blogs
The process to Add Facebook Like Button to blogger Blogs below post titles is very Simple and requires Minimal Steps.
- Go to your Blogger Blog’s dashboard.
- Then go to design.
- Then Go to Edit HTML Section.
- Remember to Backup your Template.
- Check on Expand Widget Template Box.
- Press F3 and search for
<data:post.body/> - Just Above it, Paste the Below Code:
<iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url + "&layout=button_count&show_faces=false&width=100& action=like&font=arial&colorscheme=light"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:100px; height:20px;'/>
- That’s all! Now Save your Template.
You have done it! Now you can see your blog, it’s working or not.
Hope you find my article useful!
Kindly share your views via comments on “How to Add Facebook Like Button to Blogger Blogs”!!
