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 :
https://www.facebook.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>
Like the Post? Share with your Friends:-
.png)
informative post you share. Hindi Facebook Covers
ReplyDeleteThe right mobile app development company is exactly what you have to guarantee a decent begin for your business. In this way, in the event that you are searching for an accomplished web outline organization in Lahore then we at Webnet can be of massive help.
ReplyDeleteApplications have the great future ahead. You need to have good looking app of your business to grow rapidly with fast pace. It can be done by connecting with
ReplyDeleteMobile app development company . Anyway thanks for sharing your thoughts.