Are you having trouble inserting Facebook comments into your blog? Today DVN Channel will guide you how to do it.
Step 1: Create the app and get the ID for the page
1.1. Sign in to Facebook and visit the site
https://web.facebook.com/insights
1.2. Click on Create APP
1.3. Select WWW
1.4. Enter the App name and click Create New Facebook App ID
1.5. Create option names
1.6. You will receive the code:
- Change the GREEN color to your application ID
Step 2: Install for website / blogger
2.1. Select Template,edit HTML
2.2. Add the Facebook code to Blogger
Press Ctrl + F to find body tag
And add the code in step 1.6 above it.
2.3. Add the facebook comment frame to the post
Here if you want to insert a comment box at the bottom of the article, see below. Otherwise you can insert any position you want.Get to the card
<date: post.body />
And insert the code below it. Notice that you will find some cards like above, take turns instead.
<div class = 'fb-comments' data-num-posts = '5' data-width = '100%' expr: href = 'data: post.canonicalUrl' />
Replace appropriate parameters:
data-num-posts = '5': That is only load automatically 5 comments
data-width =: The width of the comment frame
2.5. Add administrative properties
<head>
<meta content = '712436798966398' property = 'fb: app_id' />
<meta content = '100011116744411' property = 'fb: admins' />
<meta content = 'https: //www.facebook.com/561754050673848/' property = 'article: publisher' />
<meta content = 'https: //www.facebook.com/100001822631280/' property = 'article: author' />
Change the green color to your app ID as you did in step 1.6
The red part of id is your personal Facebook.
This is the result
No comments:
Post a Comment