?a??sp??a st??? a?a???ste? t?? bloggertips.gr.
S?�e?a ?a sa? de??? p?? �p??e?te ?a p??s??sete st? blog sa? ??a comment box (=f??�a s??????) ??a ?a �p????? ?? a?a???ste? sa? ?a s????????? ep???�a �?s? t?? d?�?f???ste??? social network st?? p?a??t?, t?? Facebook.
???? ?e????s??�e t? d?ad??as?a ??a t? p?? ?a t? p??s??sete, d?? p???�ata e??a? apa?a?t?ta:
1) ??a? ???a??as�?? st? Facebook ?a?
?? ?a? a????? p?ste?a p?? t? comment box de �p??e? ?a s???p???e? �e ta s????a t?? blogger, ??a?a ?????, ?p?te a????ste t? d?a??a��??? ?e?�e?? ap? p???.
1. ?pa????�e st? se??da t?? Facebook Developers p?? ??e? ?a ???e? �e t? comment box.
Site name: ?? ???�a t?? blog sa?
Site URL: ?? url t?? blog sa? �e ??a "/" st? t???? (p.?. www.bloggertips.gr/)
Locale: ?p????ete ap? t? �e??? "????????"
?et? ?a sa? �?e? ??a Security Check, d??ad? ??a pa?????? p?? �????e? st? ?a a?a?????se? t? Facebook ?t? ??e? ?a ???e? �e ?????p? ?a? ??? �e ??p???? ?p?????st?.
S?�p?????ete t? captcha (d??ad? ta pe??e??a ???��ata p?? e�fa?????ta?) ?a? pat?te Submit.
2. St? se??da p?? ?a ?d????e?te af?? pat?sete Submit, t? �??? p?? ?a ??e?aste? ?a p??ete e??a? ? ?a?t?t?ta (ID) ?fa?�????. ??t?????te t?? a???�? p?? ?a sa? �???e? ?a? af?ste t?? st?? ???? ??at? ?a t?? ??e?ast??�e pa?a??t?.
3. S??des? st? ???a??as�? blogger.
4. S?ed?as?
5. ?pe?e??as?a HTML
6. "???????�e" t? "?p??tas? p??t?p?? ??af???? st???e???"
7. ?e Ctrl + F a?a??t??�e t? <html ?a? d?p?a ap? a?t?, d??ad? a???�?? �et? ap? a?t?, ep???????�e t?? pa?a??t? ??d??a:
xmlns:fb='http://www.facebook.com/2008/fbml'
8. ?e Ctrl + F a?a??t??�e t? <body> ?a? a???�?? �et? ap? a?t? ep???????�e t?? pa?a??t? ??d??a:
<div id="fb-root"></div>
<script>
window.fbAsyncInit = function() {
FB.init({
appId : '?a?t?t?ta (ID) ?fa?�????',
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>
St?? pa?ap??? ??d??a, a?t??a??st?te t? "?a?t?t?ta (ID) ?fa?�????" �e t?? a???�? p?? �a? ?d?se t? Facebook, t?? ?p??? af?sa�e st?? ???? ????te?a.<script>
window.fbAsyncInit = function() {
FB.init({
appId : '?a?t?t?ta (ID) ?fa?�????',
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>
9. ?e Ctrl + F a?a??t??�e t? </head> ?a? a???�?? p??? ap? a?t?, ep???????�e t?? pa?a??t? ??d??a:
<b:if cond='data:blog.pageType == "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'/>
??t??a??st??�e t? MY-SITE NAME �e t? ???�a t?? blog �a?, t? YOUR-APP-ID �e t?? ?a?t?t?ta (ID) ?fa?�????, d??ad? �e t?? a???�? p?? p??a�e ????te?a ap? t? Facebook ?a? t? YOUR-FACEBOOK-PROFILE-ID �e t? ID t?? ???a??as�?? �a? st? Facebook.
G?a ?a �???�e t? Facebook ID, p?�e st? profile �a? st? Facebook ?a? ?????�e ???? st?? f?t???af?a p?? ????�e ???se? ?? f?t???af?a p??f??.
St?? �p??a t?? browser (t?? pe?????t? �a? d??ad?) ?a �?e? ??a link p?? ?a �????e? �e t? pa?a??t?:
https://www.facebook.com/media/set/?set=a.1438872928907.63717.1175547627
?? Facebook ID e??a? ? a???�?? �et? t? "a." �???? t?? p??t? te?e?a, d??ad? st? pa?ap??? t? ID e??a? t? 1438872928907 .10. ?e Ctrl + F a?a??t??�e t? <data:post.body/> ?a? a???�?? �et? ap? a?t? ep???????�e t?? pa?a??t? ??d??a:
<b:if cond='data:blog.pageType == "item"'>
<p />
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>
<div><fb:comments width='450' expr:title='data:post.title' expr:href='data:post.url' expr:xid='data:post.id'/></div>
</b:if>
?p??e?te ?a a????ete t? width='450', d??ad? t? p??t?? t?? comment box, ?a? ?a t? p??sa?�?sete st? p??t?? t?? blog sa?, a??????ta? t? "450" se ?p??? sa? ta?????e? ?a??te?a.<p />
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>
<div><fb:comments width='450' expr:title='data:post.title' expr:href='data:post.url' expr:xid='data:post.id'/></div>
</b:if>
?e??a�at?ste?te ??a ?a �?e?te t? ?at??????!
11. ?p????e?s? p??t?p?? ?a? e?�aste ?t??�??!
?e?te Demo ed?.
?????: http://www.allblogtools.com/tricks-and-hacks/exclusive-integrate-facebook-comments-box-for-blogger-in-very-easy-and-simple-steps-full-guide/
?e t? f????? �???e?a (�?s? s????as�??) t?? http://bloggermeetsfacebook.blogspot.com/
Copyrights: http://www.bloggertips.gr/
Post by Secra from Web in Greece
