Cursos 24 Horas - Cursos 100% Online com Certificado

Adicionando o sistema de comentários do Facebook no Blogger

13 Comentários Autor : Notícia e blog 07 Fevereiro 2011
facebook logo
O Facebook possui um sistema de comentários muito bom, que permite que você poste ilimitados comentários, e ainda ganhe links com eles, pois todos os comentários também estarão integrados a rede social. Além dessa vantagem o sistema oferece uma opção a mais ao Blogger, que é oferecer a opção de comentar usando a conta do Facebook. A colocação do sistema é muito simples basta seguir o tutorial abaixo.

Criando um aplicativo no Facebook

O Primeiro passo é obter um ID de aplicativo para que os comentários possam funcionar, nesta postagem aqui do Blog eu expliquei como fazer isto, basta seguir o tutorial, lembre-se de ao final anotar o “Application ID”.

I - Criando a caixa de comentários

1- Acesse a página de desenvolvimento do Facebook neste link
2- Não preencha a caixa “Unique ID”.
3- Em “Number of Comments” preencha quantos comentários quer exibir.
4- Agora em “Widht” preencha a largura que você quer que a caixa de comentário apareça. Você pode adicionar um valor e ver o exemplo ao lado, na mesma página.
5- Agora clique em “Get code” e copie o código obtido na caixa.

II - Alterando o código obtido

O código obtido encontra-se em Inglês, por isso se instalarmos desta maneira o idioma da caixa de comentários será este por padrão, para alterar basta mudar no código obtido acima “en_US” para “pt_BR”. Agora em “APP_ID” também no código, altere para o número do “Application ID”, obtido acima.

III - Instalando no Blogger

1- Faça login no Blogger(blogger.com).
2- Vá em Layout/Design-> Editar HTML-> Marque a caixa “Expandir Modelos de Widgets”.
3- Procure o seguinte código, utilizando as teclas “CTRL” e “F”:
Para que seus comentários do Facebook apareçam abaixo do post procure este código:
<p><data:post.body/></p>
ou
Se quiser que seus comentários apareçam acima dos comentários do sistema do Blogger, procure por este:
<b:includable id='comments' var='post'>
4- Adicione o código do passo II, abaixo do código escolhido acima.
5- Salve e visualize.

    13 Comentários

    downfirelivre disse...
    8 de março de 2011 23:31 #

    Cara Funcionou perfeitamente, e ainda ajuda no seo!

    Anderson Faris disse...
    12 de março de 2011 07:57 #

    Muito bom , seu Blog e muito legal. Gostei dos artigos . Depois visita o meu por favor :
    showmaluco.bloggeiro.com

    fizupope disse...
    8 de abril de 2011 10:25 #

    Great work keep it coming, best blog on earth

    aroma essential oils

    Mp3 Samba e Pagode disse...
    13 de abril de 2011 00:10 #

    parceiro....aqui qnd coloquei o codigo no blog...ficou outros comentarios que nao tem nd haver com o meu blog...pq isso? ;/

    vajofrey disse...
    14 de abril de 2011 00:30 #

    This blog is bookmarked! I really love the stuff you have put here.

    cheap nolvadex

    Luciano Beckman. disse...
    21 de abril de 2011 05:31 #

    Show de bola!

    Me ajudou bastante. Obrigado!

    Jonathas Lima disse...
    31 de maio de 2011 09:52 #

    Muito bom post parabéns!

    Fábio Andrade disse...
    21 de junho de 2011 17:12 #

    Pequeno problema. O código vale pra todas as postagens, e os comentários de uma aparecem nas outras. Dá pra mudar isto? @SrAndrade

    Redação disse...
    21 de setembro de 2011 14:47 #

    estou com o mesmo problema do amigo de cima

    Roberto disse...
    3 de outubro de 2011 00:38 #

    então são 3 problemas iguais... pior que meus site é em html... :D

    CASEUM disse...
    19 de janeiro de 2012 11:35 #

    Atualiza essa dica porque está desatualizada desse maneira não funciona mais, já tentei milhoes de vezes.

    Postar um comentário

    Deixe seu comentário aqui
    Para exibir sua foto, escreva o seu comentário e clique em "Visualizar" e em seguida clique em "Adicionar Foto de Perfil"(Só é exibido quando o comentário é publicado como Conta do Google). Para editar seu perfil Clique aqui.