Enter your email address:

Delivered by FeedBurner

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. 


No comments:

Post a comment

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