Tuesday, 18 July 2017

How to Add Facebook Like and share button and Comment plugin to blogger


Few months back, I wanted to add Facebook comment, like and share  plugin to my blog. I followed all the instructions provided by Facebook but to no avail. They are so many bloggers profering solution to this but only a handful of them have been able to solve this problem. To this end I write step by step guide on how to add Facebook comment, like and share button plugin to your bloggers blog. Let's get cracking


  1. First of all you will need to create a Facebook App ID which will serve as a link from your Facebook account to your blog. Login to your Facebook account then  Click here to register your account with Facebook developer page You must have a Facebook account to do this. 
  2. Also this registration is different from Facebook account registration. This is under Facebook developer page.
  3. Next, click add app at the top right hand corner of the Facebook developer page.
  4. Choose the platform you want to add. If your app is on multiple platforms, you'll be able to add them to your Facebook app later.
  5. Then choose a name for the Facebook display Id
  6. Just follow the remain instructions on the screen, you will see your app id at the end of this.

For like and share button 
  • Click here to go to the page, then  click the Like button configurator 
  • Then type your blog url, followed by the width type 450
  • Click get code

Next
  • Then go back to your blogger account
  • Click Layout then click theme then click edit , it is recommended that you backup your template if you don't mind.
  • search for <body tag and then paste the code generated in step two below the tag
  • You will do a little adjustment, this is where the problem is.  Look at the code you have pasted
  • Replace every “&” in the pasted code with “&amp;”. Don’t include the quotation marks.For example, “//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.8” becomes “//connect.facebook.net/en_US/sdk.js#xfbml=1&amp;version=v2.8"”Click save
  • If you accidentally skipped an “&,” you’ll see an error that says “Error Parsing XML” just above the code. Go back to the pasted code, find the &, and replace it with &amp;.
  • Click layout and then click add gadget ( any position of your choice) a new window will open.
  • Scroll down a little bit  until you see HTML/JavaScript. Click on it, go back to your Facebook page and copy code in step 3 and paste. under title "type facebook'' Click save. Finally click Save Arrangement. 

Facebook comment plugin
  • Click here to go to the page, then click  Comments Plugin Code Generator
  • Type in your url and then the width, followed by the number of post.
  • Click the Get Code button to generate your comments plugin code. Copy the code
  • Then go back to your bloggers account
  • Click Layout then click theme then click edit
  • search for <div class='post-footer-line post-footer-line-1'>  paste the code you copied below or above this tag.
  • Click save and click then save arrangement.
If you have any problem kindly leave a  comment below and I will be ready to render assistance to you. 


28 comments:

  1. Great tutorials to add facebook like, share and comment plugin to blogger, I will try for my new blogspot. Many thank for sharing it

    ReplyDelete
    Replies
    1. Sorry for replying late. I hope it worked for you.

      Delete
  2. For the past few days I've been trying different techniques that I found on Internet to get quick Facebook likes. Look for BRSM

    ReplyDelete
  3. boardgamesinbed

    ReplyDelete
  4. thank you for your informations , i like the website very much gain more facebook views

    ReplyDelete
  5. I¡¦m not certain the place you are getting your information, but great topic. I needs to spend some time learning more or understanding more. Thanks for magnificent information I used to be in search of this information for my mission. buy real instagram likes

    ReplyDelete
  6. Today, I was just browsing along and came upon your blog. Just wanted to say good blog and this article helped me a lot, due to which I have found exactly I was looking. for more info

    ReplyDelete
  7. I love the way you write and share your niche! Very interesting and different! Keep it coming! article submission site

    ReplyDelete
  8. those who want to be known go in the same place. Businesses get their instant promotion in Facebook by getting as many "fb liker" as possible

    ReplyDelete
  9. Your blog is amazing dude. i love to visit it everyday. very nice layout and content .  FCPX plugins

    ReplyDelete
  10. Great post, you have pointed out some fantastic details , I too conceive this s a very fantastic website. buy cheap instagram followers

    ReplyDelete
  11. An altogether new universe of conceivable outcomes will be opened up to you with Facebook publicizing.Social media groups

    ReplyDelete
  12. There are many valid and proven reasons on why your small or local business should focus on Facebook Ads. Let's see some of the most convincing and sound reasons:
    increase web traffic

    ReplyDelete
  13. Add responsive facebook comments box on blogger 100% Genuine

    ReplyDelete
  14. Brand through social media, substance and social showcasing set up a bate by stacking the correct words in their substance to persuade, instruct, engage the lady of the hour that they are out to improve her life even before moving anything.אינדקס אתרים

    ReplyDelete
  15. You have a good point here!I totally agree with what you have said!!Thanks for sharing your views...hope more people will read this article!!!
    Mason Soiza

    ReplyDelete
  16. No. Google is a company which provides a number of products and services, the most well known being its search engine. The services they offer do, however, include social media services such Google+ and YouTube

    ReplyDelete
  17. As a business owner or marketing strategist, social media is an important tool for brand awareness, we see social media as a cocktail where they have networking and fun, buy social media marketing from here...

    ReplyDelete
  18. Bachelor developer this site a provider a All IT Service and Web Design and software design and SEO search engine optimizetion Service Provider So Then See Our Site And Gain Information And Service for Web Design and software design Our Software Company Our Clint’s For Spatial Discount see our site bachelordeveloper.com and Gain Information.
    bachelor developer

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

    ReplyDelete
  20. Hi I am backlinks expert. i will provide high authority backlinks blog commenting,NICH blog commenting niche comment.

    ReplyDelete

Your comments are highly valued as it will go a long way to help us serve you better.

Click here to join IMH Whatsapp Group

Click here to join IMH facebook group