How To Add A Facebook Like Button To Your Blogger Post
Facebook is a most popular social media network. It’s always important to provide your readers with easy access to share and like your content.
Facebook like button is a social sharing button over Facebook. It help your blog visitor to share your great content with their Facebook friends very easily. It eventually increase your blog traffic. So, adding a Facebook like button on your blogger post is very important. In this article, I will show you how exactly you can Facebook like button to each and every of your blog post. For adding Facebook like Button on your Blog follow the step by step tutorial given below:
Step 1.First go to https://developers.facebook.com/docs/plugins/like-button
Step 1.First go to https://developers.facebook.com/docs/plugins/like-button
Step 2.In this new page you need to fill the required information.Now let's fill the information step by step.
- First copy the Facebook page URL and paste on 'URL to Like' option.
- Then choose Layout, here you get four option standard,box_count,button_count and button. Choose any one of them.
- Choose action type between recommended or like.
- Choose Button size from small and large.
- You can show your friend face by checking on "Show Friends' Faces".
- You can show include share button by checking on "Include Share Button".
Step 3. Now click on "Get Code" and your code is ready.
You get two different code
Step 4. Copy the first code
Step 5. Go to blogger
Step 6.Click on Template
Step 7.Then click on Edit HTML.Here you need to find <body by hold on ctrl+F.
Step 8.Paste the first code below <body> tag and modify it as shown below.
First code:
js.src = "//connect.facebook.net/en_GB/sdk.js#xfbml=1&version=v2.9";
Modified first code:
js.src =
"//connect.facebook.net/en_GB/sdk.js#xfbml=1&version=v2.9&";
js.src = "//connect.facebook.net/en_GB/sdk.js#xfbml=1&version=v2.9";
Modified first code:
js.src =
"//connect.facebook.net/en_GB/sdk.js#xfbml=1&version=v2.9&";
Step 9.Than click on save template.
Step 10.Now copy the second code.
Step 9.Than click on save template.
Step 10.Now copy the second code.
How to Add A Facebook Like Button on blogger sidebar?
After step 10. follow the steps given below:
step 11.Go to blogger again.
step 12.Click on Layout section
step 13.On the sidebar right click on add a gadgets.
step 14. Click on HTML/JAVA scripts and past the second or both code.
step 15. Finally, click on save.
How to Add A Facebook Like Button on blogger any particular post?
After step 10. follow the post given below:
Step 16.Go to blogger again
Step 17.Click on edit of that particular post
Step 18.Paste the second code to that particular post on (html section) where you need to appear your Facebook Like Button.
How to Add A Facebook Like Button on each and every blogger Post?
After step 10. follow the steps given below:
step 19.Go to blogger again.
step 20.Click on Template section
step 21.Click on Edit HTML.
step 22.Here you need to find <data:post.body/> by hold on ctrl+F.
step 23. Finally, click on save template.
Finally, we hope this article can help you to understand " How To Add A Facebook Like Button To Your Blogger Post".If you really think this article help you then don’t forget to appreciate our efforts in comments below. For more blogging and technology related tutorials, stay connected with us.

EmoticonEmoticon