Tuesday, January 19, 2016
how to add facebook comment box system in our blog
how to add facebook comment box system in any blog
 |
| how to add facebook comment box system in any blog |
Hello readers www.itcomptricks.blogspot.com . Today I'll show you how you can add to your blog a comment Box (= feedback form) to allow your readers to comment designer through the most popular social network on the planet, the Facebook . Before you begin procedure on how to add two things are necessary: 1) An account to Facebook and
1. We go to Developers Facebook page that has to do with the comment Box .
Site name: your blog's name Site URL: The url of your blog with a " / "at the end (eg www.bloggertips.gr/) locale: Select the menu " Greek " Then you come out a Security Check , ie a window which helps to recognize that Facebook has to do with human and not a computer. You fill in the captcha (ie odd letters shown) and click Submit . on the 2nd. Here you will be redirected after clicking Submit, you will only need to get the Identity (ID) Application . Copy the number that will get you out and set it aside because you will need the following . 3. Sign in blogger account. 4.Design 5. Edit HTML the 6th. "Tikaroume" the "Extend standards widgets"7. With Ctrl + F looking for the <html and beside it, ie just after that, pasted the code below:
xmlns: fb = 'http: //www.facebook.com/2008/fbml'
8. Ctrl + F looking for the <body> and just after it pasted the code below:
<Div ID = "fb-root"> </ div>
<script>
window.fbAsyncInit = Function () {
FB.init ({
APPID: ' Identity (ID) Application ',
status: True, // Check Login status
cookie : True, // Enable cookies to Allow The Server to Access The session
Xfbml: True // Parse Xfbml
})?
}? (Function () { var E = document.createElement ('script')?e.src = Document. location.protocol + '//connect.facebook.net/en_US/all.js'? e.async = True?document.getElementById ('fb-root'). appendChild (E)? } ())? </ script >
In the above code, replace the "Identity (ID) Application" to the number that gave us the Facebook , which left aside earlier. 9. With Ctrl + F looking for the </ head> and just before that, pasted the code below:<script>
window.fbAsyncInit = Function () {
FB.init ({
APPID: ' Identity (ID) Application ',
status: True, // Check Login status
cookie : True, // Enable cookies to Allow The Server to Access The session
Xfbml: True // Parse Xfbml
})?
}? (Function () { var E = document.createElement ('script')?e.src = Document. location.protocol + '//connect.facebook.net/en_US/all.js'? e.async = True?document.getElementById ('fb-root'). appendChild (E)? } ())? </ script >
<B: IF cond = 'Data: blog.pageType == & quot? & Quot item?'>
<Meta expr: Content = 'Data: blog.pageTitle' property = 'og: Title' />
<Meta expr: Content = 'Data : blog.url 'property =' og: url '/>
<b: else />
<Meta expr: Content = 'Data: blog.title' property = 'og: Title' />
<Meta expr: Content = 'Data : blog.homepageUrl 'property =' og: url '/>
</ b: IF>
<Meta Content = ' MY-SITE-NAME 'property =' og: SITE_NAME '/>
<Meta Content = ' YOUR-APP-ID 'property =' fb: APP_ID '/>
<Meta Content = ' YOUR-FACEBOOK-PROFILE-ID 'property =' fb: admins' />
<Meta Content = 'Article' property = 'og: Type' />
<Meta expr: Content = 'Data: blog.pageTitle' property = 'og: Title' />
<Meta expr: Content = 'Data : blog.url 'property =' og: url '/>
<b: else />
<Meta expr: Content = 'Data: blog.title' property = 'og: Title' />
<Meta expr: Content = 'Data : blog.homepageUrl 'property =' og: url '/>
</ b: IF>
<Meta Content = ' MY-SITE-NAME 'property =' og: SITE_NAME '/>
<Meta Content = ' YOUR-APP-ID 'property =' fb: APP_ID '/>
<Meta Content = ' YOUR-FACEBOOK-PROFILE-ID 'property =' fb: admins' />
<Meta Content = 'Article' property = 'og: Type' />
We replace MY-SITE NAME with the name of our blog, the YOUR-APP-IDwith the Identity (ID) applications, that the number we got ahead of Facebook and YOUR-FACEBOOK-PROFILE-ID with the ID of our account on Facebook. To find the Facebook ID , go to our Facebook profile and click the picture that we have defined as a profile picture. In the bar of the browser (our browser that is) will come a link that resembles the following :
http://adf.ly/5724890/http://pkdownloadsoftware.blogspot.com/media/set/?set=a. 1438872928907.63717.1175547627
The Facebook ID is the number after the "a." until the first dot, ie above the ID is 1438872928907 . 10. With Ctrl + F looking for the <data: post.body /> and just after it pasted the code below:<B: IF cond = 'Data: blog.pageType == & quot? & Quot item?'>
<P />
<script expr: href = 'Data: post.url' expr: XID = 'Data: post.id' /> </ div> </ b: IF>
You can change the width = '450' , ie the width of the comment box, and adjust the width of your blog, changing the "450" in whichever suit you best.
<P />
<script expr: href = 'Data: post.url' expr: XID = 'Data: post.id' /> </ div> </ b: IF>
Subscribe to:
Post Comments (Atom)
No comments:
Post a Comment
Note: Only a member of this blog may post a comment.