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

MOD MENU VIP FREE FIRE DOWNLOAD 14.3 APK

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

Melhores Browser Games Online da Atualidade para PC