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 == "item"'>
<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...
muito bom post,estou dando uma arrumada no meu site,e logo depois colocarei comentários do face lá,valew pela dica amigo.
ResponderExcluirDe Boa Galera kkkkkkk
ResponderExcluir