31 de ago de 2011

Colocar caixa de comentários do Facebook na página inicial do Blogger


Essa dica é para colocar a caixa de comentários do Facebook no Blogger na página inicial, como neste exemplo. Assim, vc posta de seu próprio blog, sem necessidade de entrar no Facebook

 A primeira coisa a fazer é entrar neste endereço abaixo.


http://developers.facebook.com/docs/plugins/


Ao entrar, clique em "Comments"



Preencha o pequeno formulário com o endereço completo de seu blog, depois clique em "Get code"



Copie o código que o Face te fornecerá.
 Agora vá até o Layout de seu blog.




Clique em Adicionar um Gadget



Ao abrir, clique em  HTML/Javascript, e depois, cole o código. Arraste o widget para o local que vc quer que apareça a caixa de comentários.




Como a caixa de comentários irá aumentar de tamanho a medida que forem comentando, você pode colca-la dentro de uma caixa com scroll. Para isso, copie o código avbaixo, cole no HTML/Javascript e coloque o código do Facebook no local indicado.


<div style="padding: 3px;
overflow: auto; color: #000;
position: relative;
height: 160px;">

COLE AQUI O CÓDIGO DO FACEBOOK
</div>

15 comentários:

  1. Você tem que copiar o promeiro código e colocar após a tag body
    Logo depois pegue o segundo código e crie um widget com o segundo código e simplesmente vai estar na sua página ! =D

    ResponderExcluir
  2. muito bom esse tutorial ta de parabés

    ResponderExcluir
  3. Olá,tudo bem?
    Parabéns pelos tutoriais!
    Seu blog é maravilhoso s2
    Gostaria de saber como colocar os comentários do facebook (ou do próprio blogger) abaixo de cada post na página inicial
    exemplo: http://bymarina.com.br/
    Muito obrigada desde já
    Aguardo resposta

    ResponderExcluir
  4. como colocar os comentários do facebook após cada post,na página inicial que nem o blog bymarina?
    obrigada e aguardo resposta

    ResponderExcluir
  5. gostaria de colocar a caixa de comentários debaixo de cada postagem, tem como??

    ResponderExcluir
  6. Véi o meu funcionou e funcionou muito bem... mas so tem uma coisa... nao comenta direto no face... quando comenta diz que nao foi publicado no facebook. entao pede pra clicar e publicar

    ResponderExcluir
  7. Obrigada, estava a século procurando alguém que ensinasse :D

    ResponderExcluir
  8. Olá Parabéns muito bem explicado!
    meu ajudou muito esse site!

    ResponderExcluir
  9. Olá Parabéns muito bem explicado!
    meu ajudou muito esse site!

    ResponderExcluir
  10. como eu faço para colocar essa caixa de comentários abaixo de cada postagem?

    ResponderExcluir
  11. Aqui ele informa esse seguinte erro:
    Erro ao analisar XML, linha 2197, coluna 62: The reference to entity "appId" must end with the ';' delimiter.

    =[

    ResponderExcluir
  12. meu tbm tem mesmo erro - Erro ao analisar XML, linha 2197, coluna 62: The reference to entity "appId" must end with the ';' delimiter.

    ResponderExcluir

A legislação brasileira prevê a possibilidade de se responsabilizar o blogueiro pelo conteúdo do blog, inclusive quanto a comentários; portanto, o autor deste blog reserva a si o direito de não publicar comentários que firam a lei, a ética ou quaisquer outros princípios da boa convivência. Não serão aceitos comentários anônimos ou que envolvam crimes de calúnia, ofensa, falsidade ideológica, multiplicidade de nomes para um mesmo IP ou invasão de privacidade pessoal / familiar a qualquer pessoa. Comentários sobre assuntos que não são tratados aqui também poderão ser suprimidos, bem como comentários com links. Este é um espaço público e coletivo e merece ser mantido limpo para o bem-estar de todos nós.


Copyright © Templates e Acessórios |
Design by Elke di Barros | Tecnologia do Blogger
    Twitter Facebook Google + YouTube