Cabeçalho

domingo, 14 de abril de 2013

Como Colocar Comentários do Facebook no Blog



Clique em "+ Criar novo aplicativo"
Em "App Name" digite um nome para o App e clique em continuar. Salve no final da página que irá abrir. Você irá precisar do número do "App ID/API Key", salve-o no bloco de notas.

Vá até a administração do seu blog em uma nova aba. Clique em "Modelo" e depois em "Editar Html".
É altamente aconselhável fazer um backup antes de fazer estas alterações.



Com o código HTML aberto marque a opção "Expandir modelos de widgets" e localize a TAG </head>. Logo abaixo dela terá uma outra <body (mais alguma coisa)>

Copie o código abaixo e cole abaixo da TAG <body.


<div id="fb-root"></div>
<script>
window.fbAsyncInit = function() {
FB.init({
appId : 'YOUR_APP_ID', // App ID
channelUrl : '//WWW.YOUR_DOMAIN.COM/channel.html', // Channel File
status : true, // check login status
cookie : true, // enable cookies to allow the server to access the session
xfbml : true // parse XFBML
});

// Additional initialization code here
};

// Load the SDK Asynchronously
(function(d){
var js, id = 'facebook-jssdk', ref = d.getElementsByTagName('script')[0];
if (d.getElementById(id)) {return;}
js = d.createElement('script'); js.id = id; js.async = true;
js.src = "//connect.facebook.net/pt_BR/all.js";
ref.parentNode.insertBefore(js, ref);
}(document));
</script>

Você deverá substituir WWW.YOUR_DOMAIN.COM pelo endereço do seu blog, e, YOUR_APP_ID pelo número do "App ID/API Key" que você criou anteriormente no aplicativo.

Este plugin já estará em português brasileiro, mas caso você deseje mudar para o português de Portugal basta modificar o "pt_BR" para "pt_PT", ou, ainda para o inglês modifique para "en_US". Caso necessite pode modificar para outra língua, basta conhecer o código.

Localize agora a TAG <data:post.body/>

Abaixo desta TAG deverá colar os seguintes códigos:




<div id='fb-root'/>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = &quot;//connect.facebook.net/pt_BR/all.js#xfbml=1&quot;;
fjs.parentNode.insertBefore(js, fjs);
}(document, &#39;script&#39;, &#39;facebook-jssdk&#39;));</script>

e,

<div class='fb-comments' data-colorscheme='dark' data-num-posts='3' data-width='580' expr:href='data:post.url'/>






Algumas modificações podem ser feitas neste plugin, basta alterar alguns valores do código acima, veja abaixo:


  • data-colorscheme='dark' -  A outra opção é alterar para "light", veja qual dos dois melhor se adapta ao seu blog.

  • data-num-posts="3" - Refere-se à quantidade de comentários (posts) que você deseja exibir no plugin, altere a numeração conforme desejar.

  • data-width='580' - Este valor representa a largura do plugin, quanto maior o número, mais largo será. Altere este valor e veja qual largura será melhor para o seu blog.

  • expr:href='data:post.url' - Esta expressão indica que cada post do seu blog terá comentários exclusivos. Caso deseje que os comentários sejam iguais para todos os posts, e eu não sugiro, substitua por: data-href="http://WWW.SEUSITEOUBLOG.COM"


Pronto, salve as modificações e visualize o seu blog. Terminado estes passos já estará instalado o social plugin de comentários do facebook.



FONTE: ENTENDA WEB
Related Posts Plugin for WordPress, Blogger...
Posts Relacionados