How To : Adding Facebook Like Button On Blogger's Each Post.

Welcome

Last Updated 17-05-2020

If you're a blogger and use blogspot for blogging you would know that you can't add facebook like button on each post of blogger. Moreover, Adding Facebook like button on each post of blogger is slightly different than adding like button on websites. Here in this post you will know how to add facebook like button on blogger's each post with few HTML and xml tags, don't freak out, its a peace of cake.

Let's begin, This is most reliable technique i have ever used.

Go to Facebook developers paste your url select your styles and generate the piece of code. Make sure that you have selected all your desired options.
See below for illustration
Facebook Like Button Configurator
Now Click on Get the code, You will see Two codes to work on. The first code which is shown in Step1 needs to be placed in body tag of blog. for the second one we will discuss later.

Facebook Like Button Code

now copy the code which is shown under step1.

Facebook Like Button STEP1

Now go to your blog and edit it's template in HTML i.e  Design >>> Edit HTML.

Facebook Like Button Edit HTML


Hit Ctrl+F to find <body see image below and paste the code you copied. see image below for clarification

Facebook Like Button Add Code to Body Tag




Now again go to facebook like code and copy the code shown under step2
Facebook Like Button STEP2

come back to blogger and find <data:post.body/> and hit Enter two times. keep in mind that there two <data:post.body/> you need to paste the code in second one. Now paste the code


Facebook Like Button Add Code To Post

After pasting your code replace your blog url with &lt;div:post.url/&gt;
Your code should look something like this.

Facebook Like Button Add Code To Post URL Correct

Click Save Template and you're done now.
Facebook Like Button Save Blog Template




now you will find like button on each post. 
If You Find Problems Please Let Me Know In Comments
Thanks.

.................

Post Comments Please

43 comments:

  1. KedarFebruary 26, 2011 at 11:29 AM

    Thanks a lot. worked flawlessly.
    by the way, how do i know the people who liked the post? it doesnt show any notification on my facebook account.
    also, how can i have profile pics of those who have liked the post shown below the post? any way of including the XFBML script in template?

    ReplyDelete
    Replies
    1. UnknownJanuary 4, 2016 at 2:43 AM

      This comment has been removed by a blog administrator.

      Delete
  2. C. LeviApril 8, 2011 at 11:53 AM

    Thanks but

    it's not working for me, do you know why?

    I did exactly the same...

    ReplyDelete
  3. C. LeviApril 8, 2011 at 12:17 PM

    never mind , now it works but it must be pasted on the last cause there are two.
    Thanks again!

    ReplyDelete
    Replies
    1. UnknownMay 22, 2013 at 5:20 AM

      This comment has been removed by a blog administrator.

      Delete
  4. Shear IntelligenceApril 11, 2011 at 5:42 AM

    @webdevelopment : In this post i told everyone to paste it at last or you can say lower body of post."data:post.body/" is ending tag and pasting code after that work fully. thanks for feedback

    ReplyDelete
  5. UnknownApril 27, 2011 at 11:35 PM

    Hey it works! but when I click the Like Button, in my facebook page appears without the post’s image, appears another random image. how can I solve this? D:

    ReplyDelete
  6. 2011bagnewsMay 25, 2011 at 12:14 AM

    This comment has been removed by a blog administrator.

    ReplyDelete
  7. UFO BloggerJune 29, 2011 at 7:30 AM

    This comment has been removed by the author.

    ReplyDelete
  8. UFO BloggerJune 29, 2011 at 8:02 AM

    Dear, Thanks a lot for the information..But how to place it on left side of the post?

    ReplyDelete
  9. jJuly 4, 2011 at 8:40 AM

    Hey thanks but how can I place the like button on top of the post

    ReplyDelete
  10. Shear IntelligenceJuly 10, 2011 at 6:16 AM

    thanks for feedback : for placing it on top or left or on bottom of post you just need to use the attribute of div i.e align attribute thanks

    ReplyDelete
  11. Shear IntelligenceJuly 26, 2011 at 7:16 AM

    you're welcome to post you feedbacks again after up-gradation

    ReplyDelete
  12. kevin smithSeptember 29, 2011 at 9:59 PM

    This comment has been removed by a blog administrator.

    ReplyDelete
  13. AnonymousDecember 24, 2011 at 2:27 AM

    clear the spam post dude...

    ReplyDelete
    Replies
    1. Shear IntelligenceFebruary 4, 2012 at 11:07 PM

      if one can earn or get traffic by my blog it's pleasure for me :-)

      Delete
  14. Sathya SelvarajFebruary 1, 2012 at 7:00 AM

    Hey man !! In new FB 2 codes are shown. which one to place?

    ReplyDelete
    Replies
    1. Shear IntelligenceFebruary 4, 2012 at 11:07 PM

      try to replace old one new code doesn't seem to work

      Delete
  15. naughtyboyApril 20, 2012 at 7:49 AM

    how can i put this button to each and every photos?

    ReplyDelete
  16. UnknownJuly 5, 2012 at 9:06 AM

    Hello, I'm having a bit of trouble trying to get the like button to like a specific post. Everything is working, but it instead likes the main URL of my blog.

    ReplyDelete
    Replies
    1. Shear IntelligenceAugust 27, 2012 at 7:15 AM

      Replace your home url with it will work. if you fine more problem please post me your problem on this link http://blog-tipster.blogspot.com/p/ask-for-help.html

      Delete
  17. M ZaibJuly 15, 2012 at 5:35 AM

    This comment has been removed by a blog administrator.

    ReplyDelete
  18. monikaAugust 12, 2012 at 1:26 PM

    This comment has been removed by a blog administrator.

    ReplyDelete
  19. ParasSeptember 16, 2012 at 5:35 AM

    Nice POst!!!! here is my website www.zuketech.blogspot.in

    ReplyDelete
  20. facebook photosSeptember 23, 2012 at 4:01 AM

    nice post . very useful

    ReplyDelete
  21. SmithOctober 24, 2012 at 1:52 AM

    Hi ! I was pleasantly surprised the moment I loaded this web page of your blog. What was the biggest goal at that moment when you made a decision to compose your first website?

    ReplyDelete
  22. Kanwaljeet SinghFebruary 23, 2013 at 12:55 AM

    Why it is asking for confirmation after hitting LIKE..???

    ReplyDelete
  23. NilotpalMarch 30, 2013 at 12:00 PM

    Thanks!

    ReplyDelete
  24. AnonymousMay 27, 2013 at 8:36 AM

    The new way of editing HTML on Blogger is really difficult because I can't find data post body code, even after I Expand all the Widgets.

    Please, can you contact me at: generator.humor@gmail.com

    Thanks

    ReplyDelete
  25. Prachi SrivastvaJune 18, 2013 at 9:31 AM

    worked nicely... :)

    ReplyDelete
  26. JyotiJanuary 27, 2014 at 10:52 PM

    thanks a lot :) I was searching for this, it really helped :)

    ReplyDelete
  27. UnknownJuly 31, 2014 at 5:59 AM

    Hey, i clicked on the html code and i cannot find data:post.body anywhere...any solutions?

    ReplyDelete
  28. shibluAugust 22, 2015 at 10:06 PM

    This comment has been removed by the author.

    ReplyDelete
  29. UnknownAugust 30, 2016 at 6:48 AM

    This comment has been removed by a blog administrator.

    ReplyDelete
  30. GennieSeptember 7, 2016 at 2:41 AM

    This comment has been removed by a blog administrator.

    ReplyDelete
  31. YounkavOctober 3, 2016 at 2:23 AM

    This comment has been removed by a blog administrator.

    ReplyDelete
  32. UnknownNovember 22, 2016 at 8:08 AM

    This comment has been removed by a blog administrator.

    ReplyDelete
  33. DavidNovember 27, 2016 at 12:24 AM

    This comment has been removed by a blog administrator.

    ReplyDelete
  34. Liberty NeomiApril 19, 2017 at 8:00 PM

    This comment has been removed by a blog administrator.

    ReplyDelete
  35. Aniqa RajputMay 14, 2017 at 2:48 PM

    This comment has been removed by a blog administrator.

    ReplyDelete
  36. DonaFebruary 2, 2020 at 7:12 AM

    Nice job.

    ReplyDelete
  37. AndrewFebruary 10, 2020 at 8:03 PM

    Nice work.

    ReplyDelete
  38. robertpatricMarch 21, 2020 at 8:10 AM

    This comment has been removed by a blog administrator.

    ReplyDelete

Subscribe to: Post Comments (Atom)
{lang: 'en-GB'}