- 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.
- Also this registration is different from Facebook account registration. This is under Facebook developer page.
- Next, click add app at the top right hand corner of the Facebook developer page.
- 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.
- Then choose a name for the Facebook display Id
- 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 “
&”. 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&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
&. - 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.
Comments
Post a Comment
Your comments are highly valued as it will go a long way to help us serve you better.