Breaking News
recent

Insert Facebook Like Button In Every Blogger Post

Hi friends, In this post we will learn how to insert Facebook like button in every Google Blogger Blog posts at the beginning and at the end. Social networks have been playing an important role in Blogging for driving traffic. Facebook is one the most liked social network among all the Internet users. Facebook enables you to create a Fan page and share your content on it. When a person like your facebook fanpage, he/she subscribe to your content on Facebook. He / She will be getting updates from your fan page about your Blog and they will visit you. Indeed it is an important source of referral traffic. We all know the importance of traffic for Rankings.
insert Facebook like button in Blogger posts



Wordpress has many built-in plug-in that enables this feature easily. But Google Blogger users have to do this manually by editing their blog's template. It is not a difficult task and if you know a little bit of HTML/XML then it takes a few minutes. You need to follow these steps in order to make it happen:

  • First of all, I recommend you to take backup of your current template so that you can avoid any loss.
  • For backup, go to your Blogger dashboard. Click on template and then Backup/Restore on top-right side. Click on download full template and save it to your computer.
  • Now that you have taken the back up, it is time to choose a Facebook button. VisitFacebook Developers page, it will show like the one below:

customize facebook like button

  • Enter the Facebook page URL and customize your like button style.
  • If you don’t want the send button to appear with the like button, uncheck the send button from above form.
  • When you are done with the customization, you need to click on get code. It would pop-up a window like this one:

Facebook like button code

  • Now copy the code shown above, it is the JavaScript code you need to put in the <body></body> tag. Press CTRL+F to find <body> and paste this code just below it.
Update: Those who are unable to find the body tag like <body>, they should try to find it like this <body
  • Now copy the second code, if you want to put Facebook like button at the end of every post you need to find this code first <data:post.body/>, if it is more than once try finding the last one.
  • Just after the last <data:post.body/> put the code you copied from Facebook developer page.
  • Click on preview and make sure that everything is fine before saving.
  • Now click on Save Template and view any post. You will find Facebook like at the end of every post.
  • If you want to put the like button in the beginning of every post you need to follow the same procedure but put the second code after this line
<div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id' itemprop='articleBody'> instead of <data:post.body/>. You can use both of them as well for displaying it in the beginning and ending of your Article.


You just inserted Facebook like button in your blogger blog posts. If you face any problem, you can comment here. 

43 comments:

  1. how to add add social media button to this website http://fixxet.blogspot.com/

    ReplyDelete
    Replies
    1. Check this link: http://technogadgetworld.blogspot.in/2013/05/how-to-add-floating-social-media-share.html

      Delete
  2. does not showed up in HTML code plus in <body did not showed in website just an empty widget

    ReplyDelete
  3. I did everything it says here, yet no like button on any of my posts?

    ReplyDelete
    Replies
    1. Please check whether you have pasted the code correctly as mentioned above. Just redo the steps because I do have another blog and have this Facebook like widget and it works perfectly well.If problem persists please do let me know. I would be happy help.
      Thank you.... :)

      Delete
  4. First of all your post is very informative for all visitor who come on your blog . Because Every one wants insert social Media plugin of their website. here you explained well that how to insert Facebook plugin for the website step by step.

    ReplyDelete
  5. iam searching this for a long time finally i got it check this http://www.leadsquote.com/

    ReplyDelete
  6. not really working for me unfortunately.... although I tried it twice....

    ReplyDelete
    Replies
    1. I suggest you to try this link. Here you will add floating social widgets.

      http://technogadgetworld.blogspot.in/2013/05/how-to-add-floating-social-media-share.html

      Thank you for your comment... :)

      Delete
  7. I can't find d on my blog template

    ReplyDelete
  8. Thanks for sharing,,
    Follow back http://www.ipdesc.com

    ReplyDelete
  9. please mine tells me this >> "Error parsing XML, line 633, column 62: The reference to entity "appId" must end with the ';' delimiter."

    ReplyDelete
    Replies
    1. You are missing the Semi-Colon ";" . Just copy the code again and paste it properly... If you still have any doubts, do comment back.

      Delete
  10. I have to say you have an awesome blog, there is epic information everywhere. I already inserted the floating social plugin and counter. You must have deep knowledge in this coding stuff.

    You got a new follower :) Waiting for more cool stuff like this soon.

    ReplyDelete
    Replies
    1. Thank you for your encouraging words. :)

      Delete
  11. I have tried everything on so many sites to get the Facebook Like button for my blog posts and nothing works! Not even this one! :( What is wrong? www.minttuscloset.blogspot.fi And I can't even find a tag that would say <body in any form, just inside more text. I'm really new to HTML and I just wanna get the button working! :/

    ReplyDelete
    Replies
    1. Don't worry. You can get Facebook Like Button. Just go to this link : http://technogadgetworld.blogspot.in/2013/07/how-to-add-facebook-like-box-in-blogger.html ... Thank you.

      Delete
    2. No I already have that Like Box you sent the link to :( I wanted a Like Button that would show the count also of people who like my blog posts separately, not my blog in general. How do I do that? www.minttuscloset.blogspot.fi

      Delete
    3. Check out the below link. It will definitely solve your problem -

      http://technogadgetworld.blogspot.in/2013/08/how-to-add-facebook-like-button-with_27.html

      Thank you. :)

      Delete
    4. No, it still did not appear! :( Now I'm lost! :'(

      Delete
  12. Thank you very much I have just followed through your instructions and succeeded. I
    am so grateful. I read an article before which just confused me. Yours was straight to
    the point and I have nailed it. Thank you once again

    ReplyDelete
    Replies
    1. You're welcome... :) Happy blogging...

      Delete
  13. This comment has been removed by the author.

    ReplyDelete
  14. Hello Lady I have an Issue with the like button
    I did what you said but when i tested the button it doesn't respond i mean When i click like in a private window on mozilla or chrome any other browser with an other facebook than the moderator it doesn't not count the likes ...
    To be more clear i click the click the like appear and and disappear within 1 second !! Please any help i would thankful
    Regards

    ReplyDelete
    Replies
    1. Check this URL. http://goo.gl/VXFqSK
      And, follow the steps properly. If you have any doubts please reply reply back. Thank you.

      Delete
    2. This comment has been removed by the author.

      Delete
    3. Unfortunately Still the same problem even with the code in the link you gave me i putted In the right places you said and doesn't work it when i click like it does show a 1 like in the counter but ha!! disappear within 1 secong I don't know there is something wrong in my template I have another problem and it seems to be having connection with this problem When i try to share something With ''SHAREAHOLIC'' Widget It doesn't Share the Url Of the post But shares the Author description or an image i don't know something is wrong sorry for annoying you with this problem and thank's for replying
      Here is a link from a post And you can check the problem Click a like on the post it is in arabic language you'll notice the like button And then see what'll happen
      http://www.stifada.com/2013/09/blog-post_29.html
      And even you can try to share using the widget below You'll See SHARE THE KNOWLEDGE and see what it does !
      Regards

      Delete

  15. Thank you for joining our social networking compuny and Congratulationto to Get Social Exposure, We are the world's leading supplier of SocialMedia Services.Buy FacebookLikes and Fans, Twitter Followers,
    Google Plus Ones, YouTube Views, Instagram Followers and Pinterest Followers.

    social media services
    buy facebook likes
    buy facebook fans

    ReplyDelete
  16. Copied content.Remove it or DMCA will do it..

    ReplyDelete
  17. Thank you for joining our social networking compuny and Congratulationto to Get Social Exposure, We are the world's leading supplier of SocialMedia Services.Buy FacebookLikes and Fans, Twitter Followers,
    Google Plus Ones, YouTube Views, Instagram Followers and Pinterest Followers.
    Buy Facebook Likes

    ReplyDelete
  18. hello blogger,i really appreciate your highly thought about this matter through your post.Obviously your post is very informative.If you update your Social account, please visit buy facebook likes For facebook Service.

    ReplyDelete
  19. Greetings dear,many many thanks for sharing such wonderful information with us.I am eagerly waiting for your next post.Kindly please visit buy-instagram-likes
    site for social information.

    ReplyDelete
  20. I must admit I have popped in a read a good number of your blogs but I have no idea how to post a response over there, so I'll tell you now how good you are at describing the stuff your at - I must admit I find it insightful to read your blogging. Keep up the good work. If you want to know more about a sites, please visit our website buy real facebook likes
    .

    ReplyDelete
  21. I'll give you a pat on the back just for the sheer effort in screencapping all those blogs.Giving a blog talk to beginner bloggers in the not-too-distant future, I'll be pointing people in the direction of your efforts. Nicely put together dude.Here is our small effort about buy-twitter-followers
    .

    ReplyDelete
  22. Amazing post dude.It will be very helpful for begginers like me.Thank you very much for this important post.Waiting for your next post buy-instagram-followers

    ReplyDelete

All rights reserved by TechnoGadgetWorld or TGW. © Copyright protected 2012-2015. Powered by Blogger.