Breaking News
recent
Home facebook like Insert Facebook Like Button In Every Blogger Post

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

38 comments:

  1. fixxet7 July 2013 at 19:52

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

    ReplyDelete
    Replies
    1. TGW8 July 2013 at 10:43

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

      Delete
  2. Anonymous9 July 2013 at 16:11

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

    ReplyDelete
  3. Unknown13 July 2013 at 21:22

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

    ReplyDelete
    Replies
    1. TGW14 July 2013 at 02:15

      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. Mamun16 July 2013 at 09:55

    nice post

    ReplyDelete
  5. buy facebook fans17 July 2013 at 20:11

    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
  6. Francesco Iacono19 July 2013 at 02:31

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

    ReplyDelete
    Replies
    1. TGW19 July 2013 at 03:58

      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. TGW22 July 2013 at 06:57

    Thank you... :)

    ReplyDelete
  8. Unknown23 July 2013 at 23:40

    I can't find d on my blog template

    ReplyDelete
  9. Unknown30 July 2013 at 02:37

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

    ReplyDelete
  10. HUGCAMS3 August 2013 at 00:53

    valuable post thanks for sharing chat rooms

    ReplyDelete
  11. Anonymous14 August 2013 at 09:16

    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. TGW15 August 2013 at 03:02

      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
  12. Anu S18 August 2013 at 12:39

    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. TGW18 August 2013 at 14:48

      Thank you for your encouraging words. :)

      Delete
  13. Minttu26 August 2013 at 12:38

    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. TGW26 August 2013 at 16:33

      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. Minttu26 August 2013 at 18:08

      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. TGW27 August 2013 at 17:56

      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. Minttu30 August 2013 at 15:35

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

      Delete
  14. Inderjeet Singh2 September 2013 at 05:26

    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. TGW2 September 2013 at 07:08

      You're welcome... :) Happy blogging...

      Delete
  15. Pankaj30 September 2013 at 03:44

    This comment has been removed by the author.

    ReplyDelete
  16. Unknown27 October 2013 at 04:04

    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. TGW27 October 2013 at 06:28

      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. Unknown27 October 2013 at 09:10

      This comment has been removed by the author.

      Delete
    3. Unknown27 October 2013 at 09:15

      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
  17. Unknown15 December 2013 at 21:13


    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
  18. Zafar Ahmad2 February 2014 at 04:19

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

    ReplyDelete
  19. Emma Watson26 February 2015 at 01:28

    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
  20. autoliker for facebook27 July 2019 at 09:00

    Autoliker for facebook
    Downloading our Auto liker application is not a tough task at all and you are not even required to pay any money.

    ReplyDelete
  21. SMMServices0000131 August 2023 at 01:45

    Recently, I gave this cheap SMM panel a try, and I'm pleasantly delighted by the outcomes! It's advantageous to obtain high-quality participation at such a low cost. Anyone wishing to increase their social media presence without spending a fortune should consider this alternative.

    ReplyDelete
  22. Smart SMM panel4 November 2023 at 10:52

    Speaking of engagement, https://bulkfollows.com also simplify the process of responding to comments and messages. The ability to manage all interactions from a single interface streamlines communication, preventing messages from falling through the cracks.

    ReplyDelete

Subscribe to: Post Comments ( Atom )
All rights reserved by TechnoGadgetWorld or TGW. © Copyright protected 2012-2015. Powered by Blogger.