sábado, 5 de abril de 2014

como colocar comentários do facebook no meu blog


Olá a todos mais uma vez! hoje estarei ensinando a colocar comentários do Facebook no seu blog sem tirar os comentários originais do blogger, esse tutorial foi feito em vídeo para ficar bem melhor explicado e também porque o processo é um pouco longo. Todos os códigos e links que eu usarei nessa vídeo aula estará aqui em baixo no artigo para você poder pegar e aplicar no seu blog.





1: como dito na vídeo aula você precisará acessar esse link : https://developers.facebook.com/apps

2: Vá em !create new app! e preencha o formulário como dito na vídeo aula.

3: Muito importante é você guardar o ID do aplicativo como diz na vídeo aula

4: Vá em configurações e preencha o formulário assim como dito na Vídeo Aula.

5: agora é hora de plicar os códigos!
Vá na painel do seu blog e em modelo e depois editar HTML
Aperte Ctrl+F e pesquise por esse codigo: http://www.google.com/2005/gml/expr'
Apos ter encontrado esse codigo, substitua por esse: http://www.google.com/2005/gml/expr' xmlns:fb='http://www.facebook.com/2008/fbml'

Segundo código: localize a tag <head> e cole antes dela os esses códigos:
<meta content='NOME-DE-USUÁRIO-DO-SEU-FACEBOOK' property='fb:admins'/> 
<meta content='ID-DO-APP/CHAVE-API' property='fb:app_id'/>
Onde tem NOME-DE-USUARIO-DO-SEU-FACEBOOK coloque o nome de Usuário do seu Facebook e não se engane porque não é o link, é o nome de Usuário como dito na vídeo aula.
E substitua o ID-DO-APP/CHAVE-API por o ID do aplicativo que eu disse anteriormente na vídeo aula para você guardá-lo.

Terceiro codigo: pesquise pela tag <body ou <body> dependendo do modelo também pode ser: 
<body expr:class=’"loading" + data:blog.mobileClass’> e cole esse código logo abaixo dessa tag que mostramos aqui esta o link do código porque o blogger não aceitou esse código.
link do código abaixo: ATENÇÃO: ACOMPANHE VENDO A VÍDEO AULA.
e substitua: ID-DO-APP/CHAVE-API por o id do aplicativo que você tenha guardado como dito na vídeo aula.

Finalmente chegamos ao meio final onde iremos colocar o cogido dos comentários no blog.
Ainda na edição do blogger você vai pesquisar pelo seguinte código: div class='post-footer-line post-footer-line-3 e no final da tag você encontrara esse codigo: </b:includable> cole o código do plugin de comentários do Facebook acima dessa tag. código do plugin:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='fb-comments'>
<h4>Comente com o Facebook:</h4>
<fb:comments data-colorscheme='light' expr:href='data:post.url' num_posts='5' width='480'/>
</div>
</b:if>

E ai é só salvar o modelo e acompanhar o resto da vídeo aula se você quiser ver como moderar os comentários.
comentem sobre o artigo porque demorou muito para fazer...




O que achou?

Comente com o Facebook:

2 comentários:

  1. muito bom post,estou dando uma arrumada no meu site,e logo depois colocarei comentários do face lá,valew pela dica amigo.

    ResponderExcluir