Rate this post

How to add Facebook Like Button On Blogger Post

Table of Contents show

How to add Facebook Like Button On Blogger Post: Facebook is the most popular social media network. It’s always important to provide your readers with easy access to share and like your content. Facebook-like buttons play an important role in this purpose.

Facebook like button is a social sharing button over Facebook. It helps your blog visitor to share your great content with their Facebook friends very easily. It eventually increases your blog traffic. So, adding a Facebook-like button to your blogger post is very important. In this article, I will show you how exactly you can add a Facebook-like button to each and every of your blog post.

Next Article Link: How to Submit Website URL to Google – Google Webmaster Tools

Steps to add Facebook Like Button On Blogger Post

For adding Facebook like Button on your Blog follows the step by step tutorial given below:

Step 1. First, go to https://developers.facebook.com

Step 2. On this new page, you need to fill in the required information. Now let’s fill in the information step by step.

First copy the Facebook Page URL and paste it on the ‘URL to Like’ option.
Then select Layout, here you get four options standard, box_count, button_count, and button. Choose any one of them.
Select action type between recommended or like.
Button size from small and large.
You can show your friend’s face by checking on “Show Friends’ Faces”.
You can show the include share button by checking on the “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&”;

Step 9. Than click on save template.

Step 10. Now copy the second code.

Add Facebook Like Button on blogger sidebar:

After step 10. follow the steps given below:

Step 11. Again go to blogger.

Step 12. Click on the Layout section

Step 13. On the sidebar right-click on adding a gadget.

Step 14. Click on HTML/JAVA scripts and past the second or both code.

Step 15. Finally, save it up.

To Add 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 an 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.

Add 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 the 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 the template.

Finally, we hope this article can help you to understand “How to add Facebook Like Button On Blogger Post”.If you really think this article helps you then don’t forget to appreciate our efforts in the comments below. For more blogging and technology-related tutorials, stay connected with us.

For the latest tech news & blogging Tutorials, follow TECH FOR U on Twitter, Facebook, and subscribe to our YouTube channel.