Colocar Comentários do Facebook no Blog ou Site (Atualizado)

Fala ai galera, hoje vou ensinar a vocês como colocar a caixa de "comentários do facebook" no Blogger, um tutorial muito façil e sem muitas dificuldades de ser seguido, o blogspot já vem com sua caixa de comentários embutida no template, mas existe muitas vantagens em você passar a usar a caixa de comentários do facebook no seu blog ou site, também pode optar por usar ambos as caixas(do blogger, e do facebook)






Vantagens em implantar a caixa:


  • Design e aparência mais elegante (assim deixando seu site/blog com uma cara mais profissional).
  • Muitos leitores preferem,e se sentem mais a vontade de comentar usando sua conta do facebook.
  • Seus leitores podem comentar no seu blog usando a opção de postar no facebook também (assim outras pessoas vê , e pode acessar seu blog também).



    Screenshot:


Vamos ao tutorial, Passos:

1- Você precisa estar logado em uma conta do Facebook, depois de logado acesse https://developers.facebook.com/



2- Vá em "meus aplicativos" , em seguida clique em "adicionar um novo 
aplicativo"




3- Agora clique em "Facebook Canvas"






4- Escolha um nome pro seu Aplicativo , e depois cloque em "Skip and Create App ID"





5- Preencha  com seus dados e clique em "Cria um ID do Aplicativo"



6- Agora vamos pro Blogger; Vá em "Modelo", depois clique em "Editar Html" , clique dentro da caixa e dê Ctrl+F para pesquisar, e pesquise por <head> , e cole o primeiro código abaixo.


Primeiro Código:



Ficando assim, ainda não salve o modelo.





7- Volte no developers.facebook.com, e clique no aplicativo que você acabou de criar, depois em "Painel" e copie o "ID do Aplicativo", em seguida cole no lugar indicado do seu código.

8- Agora pesquise por <b:includable id='comments' var='post'> , quando encontrar clique na setinha da mesma direção, e copie o segundo código abaixo da linha pesquisada.



Segundo código:

CAIXA DE COMENTÁRIOS BRANCA;




CAIXA DE COMENTÁRIOS PRETA;




Ficando assim, agora salve o modelo e Visualize.



Obs: Para alterar a largura da caixa basta alterar o valor em "widht" como mostra destacado na imagem acima!



Comentários

Postagens mais visitadas deste blog

As 10 Raças de Cachorros mais Ferozes do Mundo

Será? Thammy Miranda disse que quer voltar a ser mulher? ENTENDA

MOD MENU VIP FREE FIRE DOWNLOAD 14.3 APK