How to add Facebook Like Button On Blogger Post

How to add Facebook Like Button On Blogger Post

How to add Facebook Like Button On 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 play an important roll for this purpose.
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 add 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
Step 2. In this new page you need to fill the required information.Now let’s fill the information step by step.
Facebook Like Button

 

  • First copy the Facebook page URL and paste on ‘URL to Like’ option. 
  • Then select Layout, here you get four option 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 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&amp;version=v2.9&amp;”;

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 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 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 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 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.

Read More: HOW TO CREATE DROP DOWN MENU IN BLOGGER (STEP BY STEP TUTORIAL)

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 help you then don’t forget to appreciate our efforts in 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 TwitterFacebook, and subscribe to our YouTube channel.
Updated: June 12, 2019 — 5:29 am

Leave a Reply