Facebook Like Button For Blogger

Facebook Like Button For Blogger

This Tutorial will help you in adding a Facebook Like Button For Blogger. Facebook has come up with a new set of Social plugins which enable you to provide engaging social experiences to your users with just a line of HTML. The Facebook Like Button is One of them. You can see a demo of the like button on this page. The Facebook like button will allow your readers to quickly share your posts with their Facebook Friends. You can also get to know how many people liked your Blog Post .This tutorial will teach you to add a Facebook Like button for Blogger

How to Add the Facebook Like Button Below every Post

1. First Generate the Facebook code using the options below. (Code will be updated with these details)

Button Type
Text on Button
Show Send Button
Color Scheme
Font
Float
Location of the Button
Display
<div>
<b:if cond='data:post.isFirstPost'> 
<script>(function(d){
  var js, id = 'facebook-jssdk'; if (d.getElementById(id)) {return;}
  js = d.createElement('script'); js.id = id; js.async = true;
  js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
  d.getElementsByTagName('head')[0].appendChild(js);
}(document));</script>
</b:if> 
<fb:like expr:href="data:post.canonicalUrl" layout='standard' send='true' show_faces='false' font="arial" action="like" colorscheme="light"></fb:like>
</div>

2. Copy the Above code. Login to your Blogger Account and go to Template > Edit HTML

blogger-edit-html

Click somewhere within the Template Editor and press Ctrl + F to search within the template.

3. Search for <data:post.body/> and immediately below that code, place the copied code.

search-for-data-post-body-blogger

If you find multiple occurrences of <data:post.body/> , do the same for each of them

4.Next you have to add the fb namespace to your template tag.Your template should have the specification for the fb tag that you have used. The following namespace declaration will take care of that. To declare the namespace, find

<html

and change it to

<html xmlns:fb="https://www.facebook.com/2008/fbml"

The following screenshot will help you out.

 add-fb-namespace-bloggerThis is necessary for all FBML widgets using the fb tag.  So if you have already added the namespace while adding some other FB plugin, then you can skip this.

4. Now Save the template and you should see the Like Button near each of your posts. You are done :)

Do you feel that the Like Button is boring and not so likable? – Then checkout the Facebook Like box, a styled version of the Like Button which would definitely bring you more “Likes” Also Check out :

  1. Facebook Share Count Buttons For Blogger
  2. Create Facebook Fan Page for your Blog


If you liked this post, then consider “Like” ing it :)

Permalink : Facebook Like / Recommend Button For Blogger

Comments

  1. This is the best information I have gotten all day. This would be a great feature to add to my blog. Thanks :)

    ReplyDelete
  2. I like it, but i hope it can be synchronized to the popular post widget.

    ReplyDelete
  3. @Christian Schnitt - you cant change the blue background, but FB offers some color schemes for hover effects.

    ReplyDelete
  4. hey dude i have added that code but i am unable to see like button on my posts.

    ReplyDelete
  5. @Tanveer - where have you added the code? if you didn't remove the two red lines, then the like button will appear on post pages only..

    ReplyDelete
  6. In my blog it doesn't show the numbers of "likes". In your blog you can see the number of likes only recently. The Facebook's plugin has not yet been fully localized?
    Thanks
    Ernesto

    ReplyDelete
  7. @parsifal - it shows old likes as well. :) See the number of likes on this post http://www.bloggerplugins.org/2009/10/facebook-share-count-button-blogger.html . I think it only counts unique likes. may be this post was shared multiple times by same users.

    ReplyDelete
  8. Thanks for another sparkling tutorial. I'm always amazed that you come out with them so quickly.
    Talent!

    ReplyDelete
  9. Its something that i want bt nt how i want it but still it does the job, doesnt it? Thanx man. If you got the time you can check out my blog at http://gudbadbwoy.blogspot.com

    ReplyDelete
  10. Not sure what I'm doing wrong, but I don't see the Like button anywhere? I thought I added it where you said?

    ReplyDelete
  11. this is great.. thanks to share this widget

    ReplyDelete
  12. Since I have a Posterous blog and Posterous automatically gives you a Facebook Like button, I decided I wanted one on each of my Blogger blogs. This is the best version I've found so far. Those two red lines (the "if" clause) made all the difference, since if I don't include them the main page of each blog becomes unloadable. (I have enough trouble loading 20 retweet buttons already...) On a single post, the page loads just fine with both the Retweet and Like buttons.

    ReplyDelete
  13. wow, there it is now! it's beautiful. It's just getting better and better. Aneesh, thank you again =)http://www.adouseofinspiration.com/2010/04/last-indian.html

    ReplyDelete
  14. This is EASILY the best and most worthwhile information on how to add this widget to blogger ANYWHERE. None of the other site tutorials work as well as yours...GREAT JOB!

    ReplyDelete
  15. thanks alot but my numbers of "like" always show as 1 if you're not logged in... wondering why...

    anyways atleast it works

    thx alot

    ReplyDelete
  16. I've done what you said, but still is not working for me. I think I did it right? Any ideas what I could try?

    Hugs,
    Gina

    ReplyDelete
  17. I like it. Good work Aneesh. I am looking around this code. Fqcebook also changed their Become a Fan with Like button in Fan Page widget :)

    ReplyDelete
  18. I got the iframe version working? Is it possible to get this working in a similar fashion using the Javascript SDK?



    Much better than an iframe in my opinion. I tried making changes myself but couldn't get the post url to show up in a similar fashion, would only show that I recommended the site name without the post name added on.

    ReplyDelete
  19. amazing!! its only counts unique rite??..

    ReplyDelete
  20. Thanks for the info!

    I have successfully installed the button, but it seems like the "Likes" count is incorrect. I have tried liking a post from several accounts, and it always appear as only 1 like.

    Any idea how to solve this?

    ReplyDelete
  21. This was interesting and I can see my own "likes". On Facebook some friends have said they're likes don't stay. I'm wondering why. For example, I can only see I've been here.

    http://dennissylvesterhurd.blogspot.com/2010/04/sigiriya-rock.html

    ReplyDelete
  22. Update to my previous comment. I've figured out the javascript version which does require the javascript SDK found at http://developers.facebook.com/docs/reference/javascript/

    Instead, your code would look like this:

    ReplyDelete
  23. ditto. count is wrong.

    ReplyDelete
  24. Thank you!!! Kudos... I tried to do this on my own for a good while before waking from my coma and using Google to find this page - thanks again!

    ReplyDelete
  25. Another great tip. It works just fine on my blog. I like it and I'll definitely share this post. Thanks a lot Aneesh. You really rock the blogosphere!

    ReplyDelete
  26. wow, very nice widget, I use this in my blog, thx aneesh :D

    ReplyDelete
  27. i have the wrong count, too. it shows 2 names (and no count) when i am logged in, and "1 person likes this" when i am not logged in. don't know how that happens. if anyone has any idea, i would be glad to get some help....
    http://epapa100.blogspot.com/

    ReplyDelete
  28. I'm having similar "count" problems. I know for certain that at least 3 people have clicked on my Like button. If I set the button style to Standard, it says "Sean and Pam both like this." Previous to me clicking on it, it said "Kristin and Pam both like this." (No counts in either case.) If I set the style to button_count, the count shows as 1. It seems totally unreliable at this point.

    Anyone know what might be going on?

    ReplyDelete
  29. nice info, i try it to my blog, and works, but doesn't work for add comment like facebook share, i found on other web, if i click "Like" it can be i like and can add comment for share, why code at here can't work like that ?
    thanks before

    ReplyDelete
  30. @Aneesh: Hey thank you Aneesh, actually in my blog there are 2 code same i added that code in the first one that's y it was not displaying.

    Thank You for your help!

    ReplyDelete
  31. I have tried it both ways with and without red lines and nothing shows up. I was so excited about this. Maybe I am doing something wrong? Can you help?

    ReplyDelete
  32. Thanks for information.
    I added to my blog but what I want is share this information to my followers in my language. I made a good post about that but there is something left. which is the code. I cant add code to my blog post. How can I add this?

    ReplyDelete
  33. Thank you Aneesh for the tip. It works great. One more thing. Replacing the value of ''show_faces=false' with 'show_faces=true' will result in pictures of those who 'liked' being shown below as thumbnails. It looks pretty. Did you forgot to mention that, or is there any issue while doing it?

    ReplyDelete
  34. @Manuel - intentionally left it as i felt that it would look too complicated for a Like widget :)

    there are no issues in adding it. you might also need to adjust the height and width appropriately to accomodate the faces :)

    ReplyDelete
  35. Love your button...thanks for the information. Could you help me though customize the padding around the button? It is smushed up against my body text and I would like a bit more spacing in between.

    I don't know how to add code with "iframe"...I keep getting errors.

    Thanks!

    ReplyDelete
  36. Forget my previous comment.

    I just want you to look this page;

    http://cineshoot.blogspot.com/2010/04/avatardan-bir-rekor-daha.html

    Look what happened to Like button. :))
    How can I fix this?

    ReplyDelete
  37. I Like It , Thank you so much ! This is the greatest blog!

    ReplyDelete
  38. For those of you who say it doesn't work... it does! It only posts to your post pages, not the homepage. So click on your title in your blog post and then you should see it.

    ReplyDelete
  39. Thanks for the great widget!

    Too bad it doesn't show in the facebook news feed when people 'like' your blog post... It's on their profile, but it doesn't really help you get exposure if it's not in the news feed. :-(

    ReplyDelete
  40. Help! Im dying to have it on my blog but unfortunately it doesn't work for my blog. Pasted the code just after . Nothing. Any suggestions? The blog is www.judeunleashed.blogspot.com.

    ReplyDelete
  41. Yu are Awesome!
    thank yu.

    ReplyDelete
  42. @SirEvo - i don't see any probs with your like button.
    @Karen Wells - can you show me a page on your blog which has that button?
    @JPK - if you add the code, then you should see the like button below your post on each of your post pages. It won't appear on your homepage unless you remove the 2 lines of code in red, as i had mentioned in the post.

    ReplyDelete
  43. There is no problem now. I fixed it with adding a <p command before the command you gave, and after it. Thanx anyway. :))

    ReplyDelete
  44. thank u very much for your nice widget

    ReplyDelete
  45. Hey this works great but under my like button on blogspot is a free space of maybe 4 cm on my screen. like he leaves out some space to the next post like empty lines where nothing is written. why could this be?

    THX for the help

    ReplyDelete
  46. does any1 know how to delete this space unde the button?
    http://pralingrad.blogspot.com/ I want to have button exactly above the time. I'd be glad if any1 will help

    ReplyDelete
  47. Thank you! I had trouble following other instructions but your tutorial was spot on and super easy to use!

    ReplyDelete
  48. I'm facing a problem. I got the facebook like button under each post in my blog. However when I click on the like button, it gives me an error message saying:

    The page at http://jewelriver.blogspot.com/2010/05/twilight-eclipse-trailer-reveals-bellas_1182.html could not be reached.

    This is my blog's link: http://jewelriver.blogspot.com
    Help please!

    ReplyDelete
  49. ohh thank you for the amazing widget.. like it... ;)

    ReplyDelete
  50. Hi, my Like button works fine, but it doesn't show how many people have liked it if they're not your friends on Facebook. Help, please!

    ReplyDelete
  51. Wonderful, this is great article.

    ReplyDelete
  52. awesome.awesome.awesome =) great !!
    btw i.was.also.wondering , when.i. incorporated this.html, I realised.i.am.only.able.to.see.the.names.of
    the latest 2 people, who.likes.it
    The.rest.just.appares.as "and 2 other person likes this"
    is.there.a.way.to.show.the.name?

    ReplyDelete
  53. here is a counting problem can't be fixed!

    if you add "Like" and "Share" Button at the same blog, the count no. of this 2 buttom will always became the same!

    e.g if there are "0 like" and "0 share" in one same post, when you push "like", then will become "1 like" and "0 share". however, when you reload this page, it will became "1 like" and "1 share", even there were no one sharing it.

    anyone know how to fix it? thanks!

    ReplyDelete
  54. One related question. Not sure if you know the answer, or if there is an answer. But here goes:

    I used this code (thank you) and people are clicking it. But it tells me "John Doe and two other people liked this". How do I find out who the two other people are?

    Anyway, excellent site.

    ReplyDelete
  55. First thank you! I'm glad that Blogger is helping us folks out. These instructions are far better than anything you get from Facebook.

    I have one question. Is it possible to get the "be the first" part in white instead of black? Not too legible on my site with a dark background. Maybe I'll just copy it and upload it the image to sites and see if that works instead.

    Thanks again.

    ReplyDelete
  56. I Like It , Thank you so much !

    ReplyDelete
  57. Hey great post- thanks! I like the LIKE button under each post, but I'd also like to have a LIKE button in my header- so if people want to just simple like the site in general. Where in my Blogger HTML template would I put your code? It's at www.BrokeandHealthy.com. Thanks man.

    ReplyDelete
  58. thank u for sharing! really good post!

    ReplyDelete
  59. Aneesh. When I added the like button (without red text) my blog updated but now I cant see any of my posts they just vanished. Even when I go to each post page, they arent there I can only see the right sidebar shifted all the way left and thats it...Hope you can help,
    http://blogmppudechile.blogspot.com/

    ReplyDelete
  60. Aneesh...I tried adding the code and it disconfigured my entire template. I cant see my posts. Not sure what happened or how to fix it and would love some help. Cheers,

    S

    http://blogmppudechile.blogspot.com/

    ReplyDelete
  61. Aneesh Fixed it...had to upload my template and do it again. Just a quick question: How do I get the Like App to appear inside the post footer? Hope you can help,

    S

    ReplyDelete
  62. I like this widget, and recommended to share good post. thank's so much...

    ReplyDelete
  63. Thanks, it works on my blog beautifully...

    ReplyDelete
  64. Wonderful Aneesh! Just added to my blog and it works perfectly. Thank you again. :D

    I have one doubt though. I've added the top commentators widget, and suddenly it shows less comments from the top commentators. I chose the smaller version (up to 500 comments). I don't think anyone deleted a past comment. It's weird... Someone who had 13 comments now has 10. Do you have any idea of might be happening?

    ReplyDelete
  65. Yay!! I did it!! :)
    Thanks for explaining this so well!

    ReplyDelete
  66. Thank you! It's work great on my blog :)

    ReplyDelete
  67. another great tools, keep up the good work :) and thanks

    ReplyDelete
  68. Hi Aneesh,

    Wondering whether you can help me. I have succesfully installed the button across my blog - but everytime I like a post myself and refresh the page immediately, it has always added one or two more likes. Seems that this cannot hold true - that every time I click like, one or two other people have done this at the same time as well. Note, that my blog is not one that draws much traffic yet.

    Would appreciate your help.

    ReplyDelete
  69. This is great help, very clear. I "like" this post! Thanks :)

    ReplyDelete
  70. After trying and trying again, Ive managed to put this widget up with photos as suggested by Manuel and changed the height to 100, works like a charm Not experienced any issues with the count as yet, but then again no one has visitied it since I put it on...

    James James

    www.thetartantrickster.blogspot.com

    Oh and I just lurv this site...thanks for the share.

    ReplyDelete
  71. i want to try to my blog in http://updatefox.blogspot.com.
    i have it's work...thanks

    ReplyDelete
  72. ((Be the first of your friends to like this)) .. how to remove that or change color to white,becouse my blogger is also dark .. pls help :(

    ReplyDelete
  73. This is great and easy to do. Thanks.

    ReplyDelete
  74. Hi!
    I just have a problem on my WS. I put the button on it, but it appears just after the text and not after the comment line, how can i resolve it?
    Thx a lot

    Chinoise.
    Check on my ws : www.chinoiseblonde.com

    ReplyDelete
  75. So where do I put it when I have my own personalised theme and I can't access the 'expand widget' thing?

    ReplyDelete
  76. hi... i use a custom template, and i cannot find in the template.
    can you help me?

    ReplyDelete
  77. I have a question--I can get this button to work on my blog; however, you're supposed to have the capability of a "ghost" admin page through which you can send updates to your "likers":

    http://blog.bottomlessinc.com/2010/04/administer-your-ghost-pages-shared-by-the-new-facebook-like-button/

    How do you enable this feature in Blogger? There doesn't appear to be any "admin" link like appears in the Wordpress widget in the above link.

    Thanks.

    ReplyDelete
  78. This is great - thank you!

    How can I create more "air" between the like button and my blogpost?

    ReplyDelete
  79. i like this tutorial

    ReplyDelete
  80. i really like this and i put it in a different way with other sharing options upgradedgadget.blogspot.com

    ReplyDelete
  81. thanks. it works. but can somebody help me..

    how to put spaces between the post and the like button?

    ReplyDelete
  82. I really like this and I used this in my blog bazicsnewsfeeds dot co dot cc

    ReplyDelete
  83. how to solve problem with reduce counting value ?
    yestarday 've got 67 person, today 've got only 15.
    i've not be changing code of site at all.

    ReplyDelete
  84. i like this tutorial

    ReplyDelete
  85. thx. i will tray in my blog :)

    ReplyDelete
  86. Great Article !! I have changed my facebook sharing Button..Thanks Aneesh

    ReplyDelete
  87. This is awesome. Thanks for showing us how to add the Facebook like button! Your directions are clear and easy to follow. I can't wait to read more of your blog!

    ReplyDelete
  88. Thanks for sharing this. Now I know how to put LIKE THIS BUTTON on my blogs here at blogspot :)

    ReplyDelete
  89. The best tutorial on how to set up the like button. I tried a couple of other tutorials but they didn't work on my blog http://www.lacasaquebaila.com

    I am SOOOOO thanking you right now.

    ReplyDelete
  90. Jewelriver said...

    I'm facing a problem. I got the facebook like button under each post in my blog. However when I click on the like button, it gives me an error message saying:

    The page at http://jewelriver.blogspot.com/2010/05/twilight-eclipse-trailer-reveals-bellas_1182.html could not be reached.

    This is my blog's link: http://jewelriver.blogspot.com
    Help please!


    I'm having this same problem! Here is my blog http://startinglife25yearslate.blogspot.com/

    ReplyDelete
  91. Layout > Edit HTML, Expand Widget Templates, and do not exist in my blog on Blogger, so I can not do this...

    ReplyDelete
  92. It was a great article but
    I am getting error messages at my blog http://sadeceka.blogspot.com/
    How can I fix this? Anyone can help me?

    ReplyDelete
  93. I get an error msg when i click on the like button of mt like button.
    pls gve me a solution.
    http://sangamonline.blogspot.com

    ReplyDelete
  94. Great plugin! I just installed in my 2 blogs..

    thanks!

    ReplyDelete
  95. IT WORKS...but only when I make a new post :(. It won't automatically add the LIKE button to all my other posts. Unless I go back and make a minor edit to a certain post let's say. My biggest problem is keeping it there. For some reason, it'll show up ONLY the first time I publish a new post, but when I log out and then log back in, it won't show. :^.

    Also, I didn't know it could show how many LIKES your post has generated. That's REALLY COOL, if i could just figure it out now though. lol

    ReplyDelete
  96. It works...but only when I make a new post. It won't automatically add the LIKE button to all my other posts. Unless I go back and make a minor edit to a certain post let's say. My biggest problem is keeping it there. For some reason, it'll show up ONLY the first time I publish a new post, but when I log out and then log back in, it won't show. :^.

    Also, I didn't know it could show how many LIKES your post has generated. That's REALLY COOL, if i could just figure it out now though. lol

    ReplyDelete
  97. Hey there... nice post, and thank you. Quick question...

    I can get the button showing on my posts, it can also track the number of "likes" etc... but for some reason, it's not showing up on peoples' profiles when they hit it. Am I missing something?

    ReplyDelete
  98. Hi, I added the code, however when you hit the "Like" button the below error message appears;

    The page at http://www.theurbaneway.com/2010/06/whos-all-for-foursquare-raise-your-hand.html could not be reached.

    Here is the blog url if that helps, http://www.theurbaneway.com/2010/06/whos-all-for-foursquare-raise-your-hand.html

    Thank you in advance for your help, -Eric

    ReplyDelete
  99. Hey, Great job it seems to work on the blog i'm setting up but it doesn't show up in facebook. Click like, it says it works on the site but nothing happens on the facebook profile or homepage.
    :(

    ReplyDelete
  100. I keep trying to ad this...but it doesn't show anywhere...I just added the share all thingy does that have to do with it? I want to use a like button maybeinstead of the star rating...

    ReplyDelete
  101. hi all, I need some help with this plugin.

    I have copied all code with the red line into my blog. so, basically, it appears on any of my new entry. Im very happy with this.

    For this "LIKE" button, the purpose of it is share it with your friends on FACEBOOK. However, it doesnt seem like to work for me. When I tried to "LIKE" other blog, my facebook "Recent activities" will update instantly which say that I like xxxxx . But it doesnt work when I like my own post.

    Anyone can help me out with this? :(

    Thanks

    ReplyDelete
  102. Thanks for the plugin! it was working well until a few days ago.

    Now I get some problems: either there is an error (impossible to reach the page) or it seems to be ok but there is no post on users' profiles.

    Please, what happens?

    ReplyDelete
  103. I think it's a Facebook temporary issue...ANY new like button, with any new article posted in these hours on various platforms doesn't work while the old ones do..!

    ReplyDelete
  104. Hi, thanks for your guide ^^ I've already tried others too. Come by once in a while : www.inspiredground.blogspot.com

    ReplyDelete
  105. Let me rerun the instruction for those who still might be lost out there:
    There are 2 options with this,
    If you want the like button to only appear on your single post pages copy the whole code including the red highlighted bits and paste them after the tag within the code found in Edit HTML Menu inside the Layout Tab after clicking customize on your blog's homepage. Note that without clicking on the small box labelled Expand Widget Templates this tag will be nowhere to be found... so click it first.
    If you want the like button to appear after every post on your home page copy the code WITHOUT highlighting the red bits top and bottom and paste in the same way as explained above then click on Save Template and viola it should appear as you want it to...

    http://www.richmondthuku.blogspot.com/

    ReplyDelete
  106. It doesn't really work for me. When I "like" my post, it won't update on my facebook while it does work when I "like" other people post.

    Anyone plz?

    ReplyDelete
  107. Angela,

    Thanks so much for helping me out! I had tried everything. Even going back and redoing it. Sometimes it amazes me how simple things can be, if only you knew what to look for! Thanks again!

    Hugs,
    gina

    ReplyDelete
  108. Awesome. Thanks. I used it for both my sites (www.outonlimbs.com and www.smarkoutmoment.com) and I'm not seeing any problems with it whatsoever.

    ReplyDelete
  109. Than you so much for your great information. Very generous on your part. I wasn't even aware of such possibility. I will definitely add it to my blogger blog for my FB friends' perusal.

    ReplyDelete
  110. why on earth isn't this working for me? It just won't appear on my posts...I wonder if my footer customizations are messing with it? How would I put it in the footer? Ack! Thanks.

    ReplyDelete
  111. How can I change the Url what appears on facebook when someone likes my blog?

    Now when someone likes my post, in their facebook stream it will show as "Person likes http://kryptinen.blogspot.com/2010/03/valiako-silla-mita-otsikko-sanoo.html.

    Instead I would want it to show my blogs name and blog posts name and nothing more.

    ReplyDelete
  112. thanks coz I still learn in blogginh, thank you so much

    ReplyDelete
  113. Finnaly got it to work! Thanks. Struggled to find the right place to put it. But I think I got it now.

    ReplyDelete
  114. Nice tip well explained, tried it, and it worked, great job!!

    ReplyDelete
  115. OMG I Love you :d thanks tons !!! :D

    ReplyDelete
  116. Thank you so much for this tutorial!!

    ReplyDelete
  117. i had remove the two lines of red coloured codes but blogger told me that there's some error with the code. help me please :(

    ReplyDelete
  118. check out the like button on here. Good things to like. makes me laugh :D
    Intresting use of the like button though.
    check it out at http://ilike.mikaviva.tk/like/31654/

    ReplyDelete
  119. Wonderful blog post and made my life smooth :) Thanks a ton. Worked for my site.

    http://pagalzone.blogspot.com/

    ReplyDelete
  120. Thanks for the facebook like button, i am looking for it from 5 days.

    http://allfunsite.blogspot.com/

    ReplyDelete
  121. Thanks for the information. The button seems to be working properly for our site but the problem is, I can't see a list or face thumbnail of the people that "like" the post if I'm not friends with them. Any way to see this?

    ReplyDelete
  122. Is it supposed to show the names of the facebook users who hit the like button? I think mine does and I don't want it to. Thanks

    ReplyDelete
  123. Thank you so much!. this is what ive been looking for! =D

    ReplyDelete
  124. dood..
    can please check for me? mine isnt really work out :(
    http://butterpapers.blogspot.com/

    thanks
    regards,
    gordon

    ReplyDelete
  125. For those of you looking to add some spacing between the like button and the text above, add a "margin-top" code after the height and width pixels - for example: width: 450px; height: 40px; margin-top: 1.5em'/>

    ReplyDelete
  126. Works perfectly on our blog http://www.bizopedia.biz. Thanks a lot for this widget!

    ReplyDelete
  127. i can't see the like button in my blog....

    ReplyDelete
  128. why can't i put this to my blog??? im using this template

    © Blogger templates Artsy by Ourblogtemplates.com 2008

    thanks....

    ReplyDelete
  129. Every time I add something such as the like button to my blog, it starts to look more and more like a big-boy blog. Thanks!

    ReplyDelete
  130. Thanks.
    http://eset-nod32key.blogspot.com/

    ReplyDelete
  131. Thank you so much! Great, easy to follow tutorial! Happy 4th!

    ReplyDelete
  132. Very Cool! I tried it and it worked! Thanks!

    ReplyDelete
  133. Hi - I tried to add this to both my blogs.

    http://givingnsharing.blogspot.com/ - image didn't appear. I even tried to sign out and sign back in. Nothing is happening.

    http://familyliteracyandyou.blogspot.com - I'm getting this message. Can't figure out what I did wrong. It looks like the elements are closed to me. Also I highlighted it in red so I could correct it easily but it didn't work.

    Would anyone have time to look at what I did?

    Thanks! Tina "The Book Lady"
    contact.thebooklady@gmail.com

    ReplyDelete
  134. I meant to add this to my message for http://familyliteracyandyou.blogspot.com

    This is the message I got in blogger:
    Your template could not be parsed as it is not well-formed. Please make sure all XML elements are closed properly.
    XML error message: Open quote is expected for attribute "{1}" associated with an element type "allowTransparency".

    Could it be because I'm using a LeeLou Blog template?

    ReplyDelete
  135. thnx for this great work.but my doubt i want to add like button on footer of my post.If i add your code then like button only diaplay on main post and if i click on read more then it will not display.so please help me.
    check below i have added your code
    http://reviewsclub.blogspot.com/

    ReplyDelete
  136. @dev - you should have edited the code and changed the = with != . otherwise it would display on the post page only.

    ReplyDelete
  137. How can you see who liked it instead of just seeing 3 ppl liked it?
    www.momoluve.blogspot.com
    Celebrity Gossip

    ReplyDelete
  138. Yeah it's not working for me, I'm basically a noob in all this stuff, I had my template patched by Disqus so I couldn't find where to add the Facebook line. Need help, if you want I can upload my template.

    ReplyDelete
  139. Thank you so much, it works perfectly!

    http://dianedahl.blogspot.com

    ReplyDelete
  140. Mate I just found your site. You are doing awesome work.

    ReplyDelete
  141. I wish this worked. I did everything step by step and still no button.

    ReplyDelete
  142. Works perfectly! Thanks so much
    Natalie
    ~www.thebookinn.net

    ReplyDelete
  143. I Love u. i was searching this from days and finally i am done here after a long search for the Like button. i really liked it and thank u very very very very much. i am very happy to see the like button on my blog(coolpctips.com) love u so much my dear friend.

    ReplyDelete
  144. PHEW! Took me forever to find the right spot but once I did this worked like magic! So easy! thanks so much

    ReplyDelete
  145. i got a problem with my blog, becoz my background is blue. so the text 'xxxxx people like this' couldn't seen. any solution? thanks

    ReplyDelete
  146. Doesn't Work for our site?! Any suggestions?

    ReplyDelete
  147. Thank you thank you thank! So easy, so nice. You're A-MAZE-za za zing!

    ReplyDelete
  148. So this doesn't work for people who use the classic template and code their own site? Because "Expand Widget Template" does not exit.

    ReplyDelete
  149. it doesn't work on classic templates, do anyone of u have a code that's working on classic template... im desperate now coz the one i used for my classic template doesn't work properly, instead of saying : you like (post title) on xxx.blogspot.com it says : you like <$blogitempermalinkURL$> on xxx.blogspot.com

    can some1 help me :( ? thanks...

    ReplyDelete
  150. Wow... Thanks for sharing this...
    Good luck :)

    ReplyDelete
  151. Aneesh/Manuel,

    I've tried changing the Show_faces=false to true so that I can find out who 'LIked' my post. It only shows 1 profile though - the first one who clicked the Like button. Is there any way to display all? Or at least get a list of profiles who liked your post?

    For reference, my blog: http://wanderlustabouttown.blogspot.com

    ReplyDelete
  152. Thank you for sharing! I think I've figured out the answer to my question earlier. FB profile pictures of those who 'liked' your blog will not show up if: 1) you are not logged on to your FB account, AND 2) they are not your friends in FB.

    So far, I only see pictures of my friends in FB who 'liked' my posts.

    Anyway, I wanted to say that this has really been helpful...and so has your whole blog! I've written a post on my blog that mentions your blog: http://wanderlustabouttown.blogspot.com/2010/07/facebook-like-button-and-other-widgets.html

    Cheers,
    Rhea

    ReplyDelete
  153. nice.. i love this tutorial..

    ReplyDelete
  154. hey i have got iframe and xfbml code from facebook but where to paste it and how? please help

    ReplyDelete
  155. This is great! It's very funny and useful!
    It makes my blog interactive connected to facebook!
    http://rafaelmeng.blogspot.com/

    ReplyDelete
  156. This is by far the best place for blogger tech advice. Just wanted to say, even for a non-techie, this is really easy to follow. LOVE IT!

    ReplyDelete
  157. Thanks a lot.

    It's working perfectly on my site.

    ReplyDelete
  158. Worked on the first try, thanks!!!

    http://pwnfbgames.blogspot.com/

    ReplyDelete
  159. Is there anyway to move it to a different spot on your blog? It's popped itself right in the middle of my blog links on pretty much every post.

    ReplyDelete
  160. hey please bring the new feature of comment box which pop ups when like button is hit

    ReplyDelete
  161. thanks for this.. now i can apply the new facebook like with comment feature by refering this.. thanks again :)

    ReplyDelete

Post a Comment