Estatísticas

posts publicados
comentários
Custom: My Blog Series

02/11/2010

Comentários do Facebook no Blogger

facebook-comments-gadget
O Facebook é a maior rede social do mundo e agora, é uma ótima ferramenta para fazer amigos e manter-se conectados às atualizações deles.
Muitas pessoas têm uma conta no Facebook, e ela é muito conveniente para usar a conta de Facebook como uma chave para comentar sobre um artigo em um blog no Blogger em vez de usar o OpenID ou uma conta do Google/Blogger. Este é um tutorial traduzido do original, em inglês, do blog SimplexDesign e você poderá ver este formulário funcionando no blog Pérolas Esparsas.(mudei o template e terei que refazer...)
Para adicionar uma caixa de comentário do Facebook em seu blog do Blogger, basta seguir os passos abaixo:
1, Vá para a Página de Desenvolvedores no Facebook.
2. Você verá uma interface para criar um novo aplicativo, como essa imagem abaixo:
aplicativo-facebookDigite o nome do seu blog/site e a url do mesmo (não se esqueça de adicionar uma barra no final da url, como está aqui, neste exemplo: http://linkselinksnet.blogspot.com/) e clique em Criar aplicativo.
3. Preencha a Verificação de segurança e isto o levará a uma página que fornece o App ID e alguns exemplos de código.
Anote ou copie cole em um Bloco de Notas, o seu App ID. No meu caso o ID é 174001499281421. Veja abaixo:id-do-aplicativo 4. Vá para Social Plugins›Comments e digite seu App ID (Unique ID), digite quantos comentários você deseja mostrar (Number of Comments)  e a largura da caixa de comentário (Width). Marque Publish Feed e clique em Get Code
social-plugins-comments 5. Uma nova janela se abrirá, como no exemplo abaixo, com o código do seu gadget. Confira se está tudo como você configurou e se o seu App ID está correto e vamos ao segundo passo, para instalar, finalmente, o formulário no seu blog.
codigo-comments
No PAINEL do Blogger, acesse Design >>> Editar HTML e marque a caixa Expandir modelos de widgets. Use (CTRL+F) para encontrar os trechos de códigos abaixo:
Se você quiser que a caixa de comentário apareça logo após o seu post, encontre esta linha:
<p><data:post.body/></p>
Se você quiser colocá-lo acima dos comentários regulares, mantendo os dois, encontre esta linha:
<b:includable id='comments' var='post'>
Agora copie o código da ETAPA 5  e cole LOGO DEPOIS de uma das duas linhas acima, dependendo de onde você quer mostrar a sua caixa de comentários do Facebook.
Clique em VISUALIZAR e confira se está tudo OK. Clique em SALVAR.

19 comentários:

Não conhecia esse plugin, parece bacana. Vou fazer um teste. Obrigado pela dia.

Vera, isso sim digo que é uma dica imperdível...pra quem tem Blogger...kkk eu não tenho mais!! Afff...quem sabe o Wordpress logo improvise uma opção gratuita pra comentar com Facebook ID.
Bjs!

Vera mais uma boa como sempre, some e quando vem, vem com boas dicas.
Abraços forte

Obrigada pelos comentários e elogios. Tudo o que faço aqui é para ajudar vocês!
Beijosss

Ola Vera! Meu nome é Paulo. Coloquei os comemnts do facebook no meu site, funcionou por um tempo, depois parou, fica mostrando a barra de carregar e não abre nada...o que pode ser?

O seu blog é cheio de recursos interessantes para as redes sociais, né? Muito bacana!

Olá Vera, muito obrigada pelo tutorial. Impecável.
Seguindo o passo a passo, implementei em meu blog para a caixa ficar abaixo de cada post... no entanto, o comentário feito embaixo de um post aparece embaixo de todos os posts... é assim mesmo ou fiz alguma besteira?
Fico no aguardo.
Att.
Mayra

@Mayra
Obrigada pela visita!
É assim mesmo que funciona, no meu (Pérolas Esparsas) e no blog do autor do tutorial também. Perguntei a ele por que isto ocorre e estou aguardando resposta!

@Paulo
Quando isto aconteceu no meu blog, verifiquei que estava faltando um trecho do código. Refiz o processo e está funcionando perfeitamente, como você poderá verificar no Pérolas Esparsas.
Obrigada por visitar e comentar!

@Vera
Obrigada pelo retorno, Vera! Fico no aguardo da possível solução, ok? Beijos e também agradeço pela visita ao meu blog. Mayra.

Alguém ja achou a solução para que os comentários fiquem apenas nas postagens que foi comentada? Procuro no google e nada acho.

Achei 2 blogs cujos os comentários ficam na postagem comentada, mandei e-mail pra eles, mas não me repondem.

Eu ainda não encontrei a solução que pede o Lucas e a Mayra!...O autor do tutorial respondeu aqui que é assim que funciona para ele também, pois o código é do Facebook, ele apenas ensinou a usar.
Infelizmente, eu apaguei o comentário, sem querer, ao excluir spam dos comentários...Mas entrarei em contato com ele novamente!

Alguém ja achou a solução para que os comentários fiquem apenas nas postagens que foi comentada? Procuro no google e nada acho. (2)

E a resposta para vesolver o problema dos post em todas as postagens já encontraram?

@Relaxiando ... problema dos post em todas as postagens?...como assim???

Postar um comentário

Obrigada pela visita e pelo comentário!

Receber atualizações por email

Contato- Fale comigo

Related Posts with Thumbnails

Aviso

Todos os links e arquivos que se encontram no blog, estão hospedados na Internet. Somente indicamos onde se encontram, não hospedamos nenhum arquivo ou programas que seja de distribuição ilegal. Qualquer arquivo protegido por algum tipo de lei deve permanecer, no máximo, 24 horas em seu computador. Eles podem ser baixados apenas para teste, devendo o usuário apagá-lo ou comprá-lo após 24 horas. A aquisição desses arquivos pela internet é de única e exclusiva responsabilidade do usuário. Os donos, webmasters e qualquer outra pessoa que tenha relacionamento com a produção do blog não têm responsabilidade alguma sobre os arquivos que o usuário venha a baixar e para que irá utilizá-los.
Twitter Delicious Facebook Digg Stumbleupon Favorites More