How to Create a Facebook Comments Box on Blogspot with easy and practical. On this occasion, I will share tips oprek blogspot tutorial is How to Make Facebook Comments Box on Blogspot.
Follow the steps are as follows:
A. How to create a Facebook Application
1. Log in to Facebook.
2. Click the link Applications manufacture application here
3. Click Create New Application
4. Name of the application, please fill accordance blog name
5. For column App Namespace and App Namespace, Clear aja (need not be edited)
6. Check App Namespace
7. Click Continue
8. Enter the captcha code
9. Fill the complete data like this picture:
10. Save your Application number.
To the stage of making an application in facebook has been completed, plainly proceed by way of mounting the comment box your blogspot.
B. How to Make Facebook Comments Box on Blogspot
1. Log in to your account blogger
2. Select Template, click Edit HTML
3. Find the code <b: skin> <! [CDATA [
4. Enter the code or script below, before the code <b: skin> <! [CDATA [
<meta content = 'riifadya' property = "fb: admins' />
<meta content = '12345678' property = "fb: APP_ID '/>
<script src = 'http: //connect.facebook.net/en_US/all.js#xfbml=1'/>
Description:
Change with your facebook account profile
Replace 12345678 with facebook application number that you noted.
5. Find the code <div class = 'post-footer-line post-footer-line-3' /> then add the following code just below <div class = 'post-footer-line post-footer-line-3 '/>
<b: if cond = 'data: the blog.pageType == & quot; item & quot;'>
<div class = "fb-comments 'a data-num-posts = '10' a data-width = '550' expr: the data-href = 'Data: post.url' />
</ b: if>
6. Click Save
<meta content = 'riifadya' property = "fb: admins' />
<meta content = '12345678' property = "fb: APP_ID '/>
<script src = 'http: //connect.facebook.net/en_US/all.js#xfbml=1'/>
Description:
Change with your facebook account profile
Replace 12345678 with facebook application number that you noted.
5. Find the code <div class = 'post-footer-line post-footer-line-3' /> then add the following code just below <div class = 'post-footer-line post-footer-line-3 '/>
<b: if cond = 'data: the blog.pageType == & quot; item & quot;'>
<div class = "fb-comments 'a data-num-posts = '10' a data-width = '550' expr: the data-href = 'Data: post.url' />
</ b: if>
6. Click Save
0 comments:
Post a Comment