Cursos 24 Horas - Cursos 100% Online com Certificado

Adicionando o sistema de comentários do Facebook no Blogger

19 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.

    19 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.

    . disse...
    17 de abril de 2012 19:48 #

    Adorei o seu blog...Muito bom!!

    Nanismo disse...
    29 de agosto de 2012 00:18 #

    Utilizo bastante o esquema de comentários no meu blog e ajuda muito, principalmente os do Facebook. além de comentar o artigo, gera um link na rede social como forma de divulgação.

    Baixar Vídeos Youtube disse...
    20 de setembro de 2012 13:37 #

    Com o crescimento do Facebook e do seu potencial como social marketing é muito interessante colocar isso nos blogs/sites.

    Rafael Oliveira disse...
    23 de abril de 2013 18:12 #

    Cara!!! Muito bom, obrigado!

    Brian disse...
    17 de junho de 2013 22:49 #

    A BBOM vem crescendo a cada dia e assim vai conquistando o povo de todo mundo nessa grande oportunidade onde vc se cadastra e além de receber um rastreador para seu veículo voçê saca quantia em dinheiro para sua conta bancária, não ta acreditando? vejam e confiram.http://www.bbomja.com.br.

    amaal khodir disse...
    2 de março de 2014 05:19 #

    http://www.fnur.bu.edu.eg/
    http://www.fnur.bu.edu.eg/fnur/index.php/main-news/item/422-2013-12-10-10-18-01
    http://www.fnur.bu.edu.eg/fnur/index.php/main-news/item/421-2013-12-10-09-48-39
    http://www.fnur.bu.edu.eg/fnur/index.php/main-news/item/419-2013-12-09-07-21-12
    http://www.fnur.bu.edu.eg/fnur/index.php/main-news/item/420-2013-12-10-09-48-38
    http://www.fnur.bu.edu.eg/fnur/index.php/main-news/item/417-2013
    http://www.fnur.bu.edu.eg/fnur/index.php/main-news/item/418-2013-12-09-07-17-28
    http://www.fnur.bu.edu.eg/fnur/index.php/main-news/item/415-2013-12-03-08-09-23
    http://www.fnur.bu.edu.eg/fnur/index.php/main-news/item/416-2013-12-03-08-25-21
    http://www.fnur.bu.edu.eg/fnur/index.php/main-news/item/413-2013-11-21-07-50-21
    http://www.fnur.bu.edu.eg/fnur/index.php/main-news/item/414-2013-11-25-09-38-30
    http://www.fnur.bu.edu.eg/fnur/index.php/main-news/item/411-2013-11-20-08-11-53
    http://www.fnur.bu.edu.eg/fnur/index.php/main-news/item/412-2014
    http://www.fnur.bu.edu.eg/fnur/index.php/main-news/item/409-2013-2014
    http://www.fnur.bu.edu.eg/fnur/index.php/main-news/item/410-2013-11-13-17-25-28
    http://www.fnur.bu.edu.eg/fnur/index.php/main-news/item/407-2013-11-09-08-51-15
    http://www.fnur.bu.edu.eg/fnur/index.php/main-news/item/408-2013-11-13-11-55-53
    http://www.fnur.bu.edu.eg/fnur/index.php/main-news/item/405-2013-11-09-08-42-05
    http://www.fnur.bu.edu.eg/fnur/index.php/main-news/item/406-2013-11-09-08-46-10
    http://www.fnur.bu.edu.eg/fnur/index.php/main-news/item/403-2013-11-09-08-25-45
    http://www.fnur.bu.edu.eg/fnur/index.php/main-news/item/404-2013-11-09-08-28-15
    http://www.fnur.bu.edu.eg/fnur/index.php/main-news/item/400-2013-11-09-07-50-13
    http://www.fnur.bu.edu.eg/fnur/index.php/main-news/item/401-2013-11-09-08-03-31
    http://www.fnur.bu.edu.eg/fnur/index.php/main-news/item/398-2013-11-09-07-29-40
    www.fnur.bu.edu.eg/fnur/index.php/main-news/item/399-2013-11-09-07-43-49
    http://www.fnur.bu.edu.eg/fnur/index.php/main-news/item/397-eugen-ionesco
    http://www.fnur.bu.edu.eg/fnur/index.php/main-news/item/402-2014-2013

    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.