Cum se adauga comentariile facebook la articolele de pe Blogger

Comentarii Facebook pe Blogger
Pentru a adauga comentariile Facebook articolelor scrise pe Blogger este recomandat sa dezactivati mai intai comentariile Blogger-ului. Mergeti la panoul de administrare al blogului (noua interfata) la Settings > Posts and Comments si alegeti

  • Comment location - Hide
  • Who can comment? - Only members of this blog
Pentru a integra comentariile Facebook va trebui sa editati template-ul ales pentru blogul dvs. Atenti, daca veti schimba ulterior aspectul blogului, va trebui sa reparcurgeti pasii de mai jos:
  • Mergeti la Template > Edit HTML > Proceed si bifati casuta Expand Widget Templates
  • Adaugati la sfarsitul tagului <html>, inainte de a-l inchide, xmlns:fb='http://www.facebook.com/2008/fbml'. Astfel acesta va deveni:
<html b:version='2' class='v2' expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr' xmlns:fb='http://www.facebook.com/2008/fbml'>
  • Inserati inainte de </head> urmatoarele linii de cod
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<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='Titlul Sitului Dvs.' property='og:site_name'/>
<meta content='http://farm9.staticflickr.com/8003/6998585204_7e6d410cc1_t.jpg' property='og:image'/>
<meta content='ID-ul aplicatiei dvs. Facebook' property='fb:app_id'/>
<meta content='Id-ul Facebook al administratorului' property='fb:admins'/>
<meta content='article' property='og:type'/>

  • Inlocuiti, in codul de mai sus, titlul sitului, adresa imaginii si id-urile Facebook cu cele corespunzatoare. Daca nu aveti deja, creati o aplicatie Facebook aici: developers.facebook.com/apps
  • Imediat dupa <body ... > (2-3 linii mai jos) adaugati urmatorul cod:
<div id='fb-root'></div>
<script>
window.fbAsyncInit = function() {
FB.init({
appId : 'id-ul aplicatiei dvs. Facebook - creata mai sus',
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/ro_RO/all.js';
e.async = true;
document.getElementById('fb-root').appendChild(e);
}());
</script>
  • Cautati codul <data:post.body/> (apare de doua ori, pentru varianta web si cea pentru mobile) si adaugati imediat dedesubt urmatorul cod:
<div><fb:comments expr:href='data:post.url' expr:title='data:post.title' expr:xid='data:post.id' width='680'/></div>

  •  Salvati template-ul (click pe butonul Save Template) si deschideti prima pagina a sitului. Casuta cu comentariile Facebook va aparea dedesubtul articolelor, atat pe pagina acestora cat si pe pagina index, paginile de cautare, etichete, etc.