June 27, 2011

Widgets

Add Facebook Like Button Below Post Titles - New


Like buttonI previously shared a Facebook Like button that included a send button by default. One of the problems I noticed with it was the load time. I then shifted to this new like button which loads like a flash at my internet connection speed. If you wish to add this new like button code just below the post titles of your blogger blogs then follow these easy steps:

Adding Facebook Like Button To Blogger

  1. Go To Blogger > Design > Edit HTML
  2. Backup your template
  3. Click the "Expand Widgets Templates" Box
  4. Search for this,

<data:post.body/>

    5.    Just above it paste the code below,

<iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=button_count&amp;show_faces=false&amp;width=100&amp; action=like&amp;font=arial&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:100px; height:20px;'/>

     6.   Save your template and you are done!

 

Visit your blog to see it working just fine just below post titles. Feel free to ask any questions you may have. 



If you don't want to get yourself into Serious Technical Trouble while editing your Blog Template then just sit back and relax and let us do the Job for you at a fairly reasonable cost. Submit your order details by Clicking Here »

126 comments : Post Yours! Read Comment Policy ▼
PLEASE NOTE:
We have Zero Tolerance to Spam. Chessy Comments and Comments with Links will be deleted immediately upon our review.

  1. Replies
    1. Thanks for sharing a Great Blogger Widget. I really appreciate your efforts and I will be waiting for your further write ups thanks once again.

      www.bloggertips.com

      Delete
  2. Dear mohammad
    Correct The 4th Point
    regards
    hackerstips.tk

    ReplyDelete
  3. thank you sam and abhishek for reminding that, I just corrected it. :)

    @Abhishek

    did you receive the template pal?

    ReplyDelete
  4. Dear Mohd I think your comment form for" Blogger help" is not accepting the cursor.I can only type in the individual post comment box .I have few queries .Where can I write them
    wishes
    Manisha

    ReplyDelete
  5. hi

    I want the facebook like button for the blog and not for every post.
    How can i do that

    ReplyDelete
    Replies
    1. I think you must use Condition Tags to make this happen.
      Regards

      Delete
  6. @Manisha


    Sis this is because I have closed comments on that page and it can be used as FAQ only. Feel free to ask me under any relevant post or if it is too off-topic then better email me.

    @Bhahrat

    Then paste the code inside a HTML/Javascript on your homepage. Or may be you will enjoy reading this tutorial -> Show hide Widgets

    ReplyDelete
  7. i added that , also i added meta tags , it do show likes when you like something in your profile , but it's not seen in the home page for people

    ReplyDelete
  8. Yes Mohammad I recieved the template thanks for asking me brother.
    regards
    abhishek

    ReplyDelete
  9. @shift

    Kindly read this to control the appearance of the like button -> Show hide widgets

    @Abhishek

    My pleasure buddy. :)

    ReplyDelete
  10. Thanks for this, mine had stopped working for some reason. Really appreciate it.

    ReplyDelete
  11. This comment has been removed by the author.

    ReplyDelete
  12. Hi,

    Thanks for this information! I'd like to add "like" to the end of my blog post, so people can "like" it after they've read it. How do I do that?

    Thanks,
    Debra

    ReplyDelete
  13. Hi Mohammad,

    I'd like to seek your help. I have the facebook like button on my photoblog for a while already and it used to work just fine. This week though I found that when you click 'like' an error appears and i was told i'm missing some metadata and namespace declarations. I wonder why it was working just fine before and now it's not when I didn't tweak my html or settings anyway. Would you be able to help? Thank you!

    Sky

    ReplyDelete
  14. Great Stuff Mohammed. Just what I wanted!

    ReplyDelete
  15. Hi,
    i hav a problm wid my like button.. it shows same number of likes for all my posts.how to fix dis..?

    ReplyDelete
  16. @vivekI'm having the same problem too. Any ideas on how to fix? I just want the like button to be located at the end of each post and only work for one post at a time.

    ReplyDelete
  17. I have added a facebook like button, as a gadget. to appear on top of my header.

    Although I do not want it to follow me when I scroll, I want it to stay on the header.

    Here is the code I used:
    [div style='position:fixed; top: 50px; right: 276px;'/][iframe src="http://www.facebook.com/plugins/like.php?app_id=218516348198851&href=http%3A%2F%2Fwww.cobblog.com%2F&send=false&layout=button_count&width=450&show_faces=false&action=like&colorscheme=light&font&height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:21px;" allowtransparency="true"][/iframe]
    [/div]

    http://www.cobblog.com/

    ReplyDelete
  18. Try IT HERE http://helpblog4u.blogspot.com/2011/10/facebook-like-button-below-every-post.html ;)

    ReplyDelete
  19. Very helpful..<a href="http://merodiary143.com>MeroDiary143</a>

    ReplyDelete
  20. i've tried it to my blog www.hotnepalijob.blogspot.com and it's working. but when someone likes the post, no notification shown in the facebook page about the like the post.

    ReplyDelete
  21. thnks dude,, simple and useful

    www.thyagu.co.nr

    ReplyDelete
  22. great man..!!! i appreciate your work.

    ReplyDelete
  23. Before I have the problem with facebook like buttons below titles.Now I have clear idea, thanks for sharing this useful information.
    Domain Hosting

    ReplyDelete
  24. how to create recommendations button? please reply!!

    ReplyDelete
  25. how to get like button for comments

    ReplyDelete
  26. http://sarkari-career.blogspot.com/

    ReplyDelete
  27. Thank you! This was very helpful. One problem, though: On some of my posts, there is a line break after the Like button, but on some posts, there is none-- so the text starts directly to the right of the Like button. Why is it like this on some posts but not others? (I would like there to be a line break after the Like button on every post.)

    ReplyDelete
  28. Here's the link so you can see what I mean...
    http://www.anatomyproartifex.blogspot.com/

    ReplyDelete
  29. Hi mohamed i have a problem with this likebox.
    They shows me the like button only below page post not below
    Blog post.
    Look this : Thats a page
    and this : Thats a normal (category) post
    How to fix this is a new template have install it yesterday and it makes me a little bit problems with likebox they dont wqant to show it.
    Can i send u my template or did u have a tip for me.
    Thanks in advance !

    ReplyDelete
  30. Hi Mohammad found this very useful but was wondering if you could help me. Basically I would like to have some control over the image that is used when something has been liked. At the moment when something is liked it just grabs a random image from the page. Can you help?

    ReplyDelete
  31. Thanks Mohd.. I have applied it to my blog but tweaked it & it gives excellent result. Also, provided with complete graphical presentation "How to DIY". I have also solved the problem of not having Like Page ID. Have a look at my Blog & let me know what do you think of the same.

    http://www.yourbloggingtips.com/2012/03/facebook-like-box-widget-for-blogger.html

    ReplyDelete
  32. this script is working 100%. point 4 is ok...

    ReplyDelete
  33. learning a lot from your blog.

    ReplyDelete
  34. Where I have To put my page link In the Program??

    ReplyDelete
  35. Unfortunately I can't make this work. I have applied the code correctly in http://webeno.blogspot.co.uk/, also updated the meta tags and the html definitions, still to no success. I also tried the standard like button that gave me an error of not having fb:admins, however I do have it setup correctly - this is also confirmed when using the Facebook Debug site: https://developers.facebook.com/tools/debug/og/object?q=webeno.blogspot.co.uk - no problems at all. Could you please help me sort this out?

    Thanks a lot in advance.

    ReplyDelete
  36. hai ,
    iam not getting facebook like button below the post , why ?
    please help me

    ReplyDelete
  37. Hi i pasted fb like code as u said below every post(for users ti like post) and in top of my page in website(to like page)---------but unfortunately if somebody likes ANY ONE OF THEM EVERY LIKES ARE UPGRADED BY ONE............pls help me with it Thank You in Advance

    ReplyDelete
  38. thanks http://btricksotips.blogspot.com/

    ReplyDelete
  39. help guys..... it didn't work for me.... help...
    my blog....
    gadgetneed.blogpsot.com

    ReplyDelete
  40. Mohamed is there any way to have the 'like' button for individual posts?...by that i mean for each post to be liked separately...i have the like button at the bottom of every post but it just shows the like count for the entire blog no mater what page or post you like, like one post and the count increases for them all and for the blog as a whole. Also, as it stands, once a person has liked one post they can't like anything else...is there a way for each post/page to have it's own individual 'like' button so that it only registers the likes for that post...oh and i am using my own domain if that makes any difference @ http://www.janc.co.uk

    ReplyDelete
  41. @Janice Carrington
    i have been pondering over the problem i mentioned above with regards the like button at the bottom of each post...i think it has something to do with using my own domain, i have tested this on a separate blog which uses the blogger address and it works fine but on my main blog which uses my own domain it does not work...i think the problem is getting the like button to recognise my domain in the post data url instead of the original blogger url...hope that makes sense and hope you can help...thanks in advance.

    ReplyDelete
  42. @Janice Carrington even i am facing the same problem it has nothing to do with the url because few of my friends use that single code for three websites it works fine but they are using blogger templates.I am using a custom made.you can check the problem at my site peepmore.com.
    Hi admin if you the solution please mail me at peepmore[AT]gmail.com
    Koti

    ReplyDelete
  43. i could'nt find
    ..!
    is this because i have changed template?

    ReplyDelete
  44. Fb like button changes to confirm.. Due to this people feel awkward and they dont confirm... How to fix this... Pls help me out... I googled the query... couldnt get the soln

    ReplyDelete
  45. This comment has been removed by the author.

    ReplyDelete
  46. I think this topic is interesting and quiet knowledgeable to me, i am impressed and also gonna share to my friends.
    Facebook Development

    ReplyDelete
  47. This comment has been removed by the author.

    ReplyDelete
  48. Great Post, I just applied the code in my blog. It's working great.

    ReplyDelete
  49. Thanks for the nice tips. It will help me to add a FB like button in my blogger blog.
    buy real facebook likes

    ReplyDelete
  50. This comment has been removed by the author.

    ReplyDelete
  51. Hi there,

    My name is Essa. I am new to blogging. Its very good information you have shared with us here. I liked it .

    Thank you.

    ReplyDelete
  52. Get a very useful Online Engineering Degree Programs which is dedicated to future Engineers and it has all the latest information you need to make informed decisions about your future. Visit Great Website and explore the information we have available!

    ReplyDelete
  53. that was great on my blog www.gadgettweet.com

    ReplyDelete
  54. its not work on my blog.... when I click on the button its ask me to confirm but after confirmation it does not apear on my facebook account or like counter

    ReplyDelete
  55. Hello, get free facebook likes, twitter followers, Youtube views and much more through this amazing site

    http://freefanlovers.mylearnia.com


    Apply this cupon(for first 50 users only) and get amazing cupon of

    50 Coin Cupon Code:9630-7497-1376-5600

    ReplyDelete
  56. There are 3 in my blog template :S where to paste the code??

    ReplyDelete
  57. With this button, is it possible to know the persons who liked your post?

    ReplyDelete
  58. i have this but why does it re set the likes on some posts. i had loads of likes on a few posts but when i check again there is none? why does it do this

    ReplyDelete
  59. This is a very good guide on putting facebook like button on blogger. Will sure gonna make it. Thanks! :)

    facebook applications developers

    ReplyDelete
  60. Awesome tips ... thanks for sharing :)

    ReplyDelete
  61. This comment has been removed by the author.

    ReplyDelete
  62. There are some problems in this trick.
    Do you want working one?
    Just go to below link.
    Add Facebook Like Button Below Blog Posts

    ReplyDelete
  63. Just Click this Link and Surely get Unbelievable money HUGE AMOUNT

    http://visitors2cash.com/ref.php?refId=79222

    ReplyDelete
  64. this is not working in my blog please help me

    ReplyDelete
  65. it works for me Thanks a lot man !!

    ReplyDelete
  66. for peopel who saying don't work ... check out my blog posts it work

    ReplyDelete
  67. Hi, everything is going nicely here and of course everyone is sharing information, that’s really good....... by OPS 571 Final Exam provider.

    ReplyDelete
  68. Informative Post.
    http://protrickshub.blogspot.com

    ReplyDelete
  69. This is good common sense blog.Your site is very nice and faithfully.So i share with my friend and also me... ..... by MGT 230 Final Exam provider.

    ReplyDelete
  70. This is good common sense blog.Your site is very nice and faithfully.So i share with my friend and also me... ..... by MGT 230 Final Exam provider.

    ReplyDelete
  71. Really pleasant journal. I likable the content of your journal. I found your journal helpful and intriguing. Thanks for posting.
    by MGT 311 Entire Course

    ReplyDelete
  72. I blog quite often and I truly thank you for your information. This article has truly peaked my interest. I will book mark your site and keep checking for new information about once a week.. ..... by BIS 220 Week 5 provider.

    ReplyDelete
  73. Remarkable things here. I am actual annoyed to see your post.Thanks a lot and I’m attractive advanced to blow you.byLDR 531 Entire Course

    ReplyDelete
  74. Thanks For Your Valuable Tips And Tricks About This Article.I have Enjoyed More A Lot.I Have Bookmarked Your Website.I Wish You To Achieve Great Succes In Your Blogging Life With Your Blog.

    Have A Look At Blog Posts:-

    http://www.protrickshub.in/2013/07/pro-tricks-to-boost-your-alexa-rank.html

    Media.Net is better than Adsense Why?
    http://www.protrickshub.in/2013/07/medianet-is-better-than-google-adsense.html

    Back To top and go to bottom professional jquery widget for blogger
    http://www.protrickshub.in/2013/07/back-to-top-and-go-to-bottom.html

    http://www.protrickshub.in/2013/06/approve-your-google-adsense-in-professional-genuine-way-2013.html

    http://www.protrickshub.in/2013/06/11-pro-killer-seo-tips-to-boost-your.html

    Make Money With Qadabra,Best Adsense alternative with 1$ minimum payout
    http://www.protrickshub.in/2013/06/make-money-with-qadabra-best-adsense.html

    Thanks:Hope U enjoyed It.

    ReplyDelete
  75. I was very pleased to find this site. I definitely enjoyed reading every little bit of it and I have it bookmarked to check out new stuff posted regularly.Feel free to know more about online engineering degree.

    ReplyDelete
  76. Everyone knows how important Facebook is for websites now! It's a good idea to add a Facebook like button in your post and the guidelines provided in this post are pretty easy. Thanks!

    How to make money through Facebook?

    ReplyDelete
  77. Thanks for this information! I'd like to add "like" to the end of my blog post, so people can "like" it after they've read it.

    seo packages india

    Increase Website Ranking
    SMO Services India

    ReplyDelete
  78. i cant find plz help me

    http://bi7millah.blogspot.com/

    ReplyDelete
  79. This comment has been removed by the author.

    ReplyDelete
  80. "I got a hold of voodoo spellcasters,when I had some bad luck thrown my way. I had a consultation with the priest in charge. He casted the Ultimate Jinx & Evil Remover/Curse Killer Spell. My husband left me and I thought I needed the same spell again, but during the consultation the Priest told me to save the money, because he thought that spell wasn't needed again and for me to save my money from getting the same spell... He told me to get the Come To Me, Obstacle Breaker and Love Only Me Spells, with the portions and within 5days my husband returned and with that Love Only Me portion his love for me felt like the day we were married. I had the Miracle Money Spell X 3 (three times) and I came into a nice sum of money. I am so grateful for voodoos spellcasters, to enter my life. I made a video testimony for voodoo spellcasters look on the video section it should be posted: visit the email for similar troubles and get it solved in a moment (voodoospellcast@yahoo. com,

    ReplyDelete
  81. Hello, i think that i saw you visited my web site so i came to _return the favor_.I'm attempting to find things to enhance my web site!I suppose its ok to use some of your ideas!!
    clipping path

    ReplyDelete
  82. This comment has been removed by the author.

    ReplyDelete
  83. This comment has been removed by the author.

    ReplyDelete
  84. I've been surfing online more than 3 hours today, yet I never found any interesting article like yours. It is pretty worth enough for me. In my opinion, if all webmasters and bloggers made good content as you did, the net will be a lot more useful than ever before.
    <a href="http://www.aareviews.com/iphone-6-expected-specifications/>iphone 6 specification</a>

    ReplyDelete
  85. This comment has been removed by the author.

    ReplyDelete
  86. It is a very good guidebook on putting facebook like button on blogger. Can sure gonna ensure it is. ThanksTravel Journal

    ReplyDelete
  87. Keep sharing ideas .... Your valuable ideas will help newbies to grew up into professionals..... Make Money , Blogging Tips

    ReplyDelete
  88. HI there it is not working on my blog http://www.liveitstronger.com
    is there in more than one place. I am using a third party temp.
    Somebody please help me
    www.liveitstronger.com

    ReplyDelete
  89. This comment has been removed by the author.

    ReplyDelete
  90. I previously shared a Facebook Like button that included a send button by default. One of the problems I noticed with it was the load time. I then shifted to this new like button which loads like a flash at my internet connection speed. If you wish to add this new like button code just below the post titles of your blogger blogs then follow these easy steps. Steal Facebook Passwords

    ReplyDelete
  91. Hello,

    Thank you for the tip. However it does not show on Facebook. Is there any workaround for this?

    Have a look: www.youfix.in

    ReplyDelete
  92. how can I add Google +, tweet, scoop.it button next to Facebook like button?

    Recent Post: Facebook Like Button Slider For Blogger

    ReplyDelete
  93. The blog is absolutely truly incredible. Lots of large information and inspiration, both of which we all need.
    by POS 421 Individual Assignment Provider

    ReplyDelete
  94. Very nice blog for helping people bhai i have started a blog about games can you give me suggestions to improve my seo here is my blog http://www.downloadpcgamefree.com please bhai help me to improve my seo of this blog. Thanks!

    ReplyDelete
  95. Very nice blog, I found this informative and interesting. We stock a range of budget, standard and Hepa filtration bags all with ultra-fast Express delivery henry  hoover bags.

    ReplyDelete
  96. Your blogs and each of its stuff is so pleasurable and valuable it is making me come back soon.

    comment pirater un compte facebook

    ReplyDelete
  97. I have been dotty by reading your blog because it has a unique data.
    facebook like pages

    ReplyDelete
  98. Thanks MBT . this is the post where I learnt to apply thing below and above the post tile ...
    regards from
    Adu Alex via 8ruuux.com .

    ReplyDelete
  99. Amazing stuff of the blogs!! That has amazed me.
    bubblegum casting

    ReplyDelete
  100. Easily, the article is actually the best topic on this registry related issue. I fit in with your conclusions and will eagerly look forward to your next updates. Just saying thanks will not just be sufficient, for the fantastic lucidity in your writing. I will instantly grab your rss feed to stay informed of any updates.
    Regards,
    Clipping Path

    ReplyDelete

  101. Get Dofollow Backlink and tricks From That Site Pro Tricks only on Kingtricks.com

    Auto Page Inviter All Fb Friends 100% works visit below link

    Auto Page Inviter All Fb Friends 100% works

    ReplyDelete
  102. This is really helpful for me, please keep posting this kind of post, thanks again for helping me !
    My Site

    ReplyDelete
  103. thanks admin this is working for me regards http://withbloggerhelp.blogspot.com/2014/04/how-to-add-facebook-like-button-below.html

    ReplyDelete

Support Us

We have educated thousands of bloggers online and made several people Make a living Online. If our Tutorials have really helped you a little, then kindly show your love by using the badge below:-

Blogger Widgets

or try a Beautiful Banner

Widgets

 
  • MBT Icons and buttons

    Icons and Buttons

    Our resources have been successfully downloaded over 10K times and found almost every where. Get yours!

  • choosing webhost for a blog

    Why HostGator?

    Learn Why we chose HostGator as our Web Host and find discount coupons to kick start your blog today!

  • SEO Settings for blogger

    ALL IN ONE SEO PACK 2012

    Learn every single SEO tip that will boost your blog's ranking and organic traffic. We got them all!

  • Blogger widgets and plugins

    Visit MBT's Blogger LAB

    Why not take a tour of all great Blogger widgets published so far? You Name it we have it!

  • become a six figure blogger!

    Become a SIX FIGURE BLOGGER

    Learn what it takes to become a successful entrepreneur and build a living online!

About The Author

Hi! I am Mohammad, a certified SEO Consultant, Pro Blogger, Computer Engineer and an addicted Web Developer. STC Network was founded in 2008 and it is currently the country's first registered company of Professional Bloggers. Read More..

Recipes

SEO Affiliate Marketing Social Media

Make Money Online Web hosting

Blogging Tips Web Designing

Plugins and Widgets Blogging Ethics

Subscribe

Recent Comments

Popular Series

Powered by:

My Blogger Tricks © 2013. All Rights Reserved | Contact |