Colocar caixa de comentários do Facebook no blog!

by - 10:44




Olá lindezas como vão vocês?
Então pessoal esse assunto merece um post! porque sofri muito para colocá-lo no blog!! seguia diversos tutoriais e nada! teve um que coloquei eram dois essa foto a baixo:

 mas quando comentavam no Gmail sumia a caixa! fiquei muito frustrada por não consegui! as vezes não postava no blog só tentando por essa caixa de comentários do Facebook no blog! gente e eu sou muito insistente quando eu quero uma coisa não desisto!!
Ficava o dia todo tentando e no final do dia erro no html mais uma vez... nada de consegui!!! 
Eu tive uma noção de como mexer no novo html com esse vídeo:


 Bom pessoal dicas de como eu consegui:
1º criei um blog teste; com o mesmo templante do meu blog vejam MEu blog teste!! e isso foi fundamental, veja porque: eu comecei a treinar a mexer no html através dele, fui pegando prática! o primeiro blog que eu consegui por a caixa de comentários foi no blog teste! e quando eu queria seguir os mesmos passos no que eu realmente queria por a caixa de comentários dava erro! a caixa apareceu no topo do blog e ai ficava feio né!! não dava certo! e eu pensava como consegui por no blog teste?  e não conseguia me lembrar... Bom eu fiz o download do templante do blog teste e instalei nesse blog  o templante desse blog é do blog teste! viu só como valeu a pena ter o blog teste com o mesmo templante!!!
Bom mas como eu consegui instalar no blog teste??? até hoje não sei ao certo!!! 
Eu sei que coloquei dois tutoriais diferentes!!!

1º Desse blog a baixo!!!  Esses códigos estão no blog teste!! que é o mesmo templante desse!!!
Configurar o código do aplicativo no html do blogger

6. Acesse o painel do blogger, clique no menu “modelo” e entre em “editar html”. No início do html do seu template, localize o seguinte trecho do código HTML:

http://www.google.com/2005/gml/expr'

SUBTITUA por:





7. Agora localize a tag <head>  e cole ANTES dela, os seguintes 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'/>
Eu entendi que colocando esse código a baixo não se repetiriam os comentários
Agora veremos como incluir código CSS.
Procure pela tag ]]></b:skin> e logo ACIMA dela, cole o seguinte código:
.fb-comments {
margin:10px;
padding:10px;
}
.fb-comments h4{
color:#CCCCCC; 
font-size:18px; 
font-weight:bold;
padding:10px; 
}


Depois desses passos a cima eu coloquei todos os 
códigos deste outro 



blog clique no link Ajudando Blogger

Fiz tudo e deu certo somente no blog teste no Franci Make Up não dava certo, acho que tinhaálgum  código que impedia de dar certo;se vocês conseguirem seguindo esses passos me
deem um toque!!!

Depois de ter seguido esses  passos "malucos" no blog teste eu consegui colocar o que eu acho que é o certo no blog do meu bebe: Vejam a baixo:

Uma Dica colocar um código de cada vez e SALVAR, para dar certo, sem medo!!
Primeiro Criar aplicativo Seguir todos os passos para dar certo!! 
Segundo  Instalando o plugin de comentários do facebook Seguir todos os passos que dará certo deu certo comigo!!

Seguindo esse tutorial esses são os resultados dos dois blogs a baixo: vejam nos links!
 Esse foi o resultado do blog do meu filho vejam Meu BB propaganda! coloquei nesse blog também My life my faith o templante é parecido com esse...
 Detalhe que tem que abrir os comentários do Google para ver a caixa de comentários, aqui já esta na frente e quando abre a página de comentários ele fica a cima dos comentários do Google; como vocês podem está visualizando!!!
E vejam que não se repetem os comentários!!

Atualizando: Bom pessoal eu cometi um erro no html e quase perdi o templante a minha sorte é que eu fiz download do outro templante!
Tive que colocar de novo a caixa do Facebook por isso não está mais na frente e sim quando abre os comentários! eu fiz por esse tutorial a cima: Criar aplicati e depois instalando o plugin de comentários do Facebook! veja a cima!!

Muito importante antes de mexer, mudar o HTML, faça um download  do templante completo.

Bom espero que tenham gostado do post de hoje! 
Fiquem com Deus e até a próxima!!
Beijos


Poderá Gostar De:

6 comentários

Comentário(s)
6 Comentário(s)
  1. Boa dica, gostei!!! Passa no meu blog pra conhecer tb, se gostar e seguir, sigo de volta!!!
    www.makeolatras.blogspot.com.br
    Bjsss =]

    ResponderExcluir
  2. Ah que legal, eu não sabia fazer e adorei a dica! bjo

    ResponderExcluir
    Respostas
    1. Pois é não foi fácil no começo para mim tive que ter algumas noções mas que ja meche com isso direto e fácil!!
      bjus

      Excluir
  3. Ótimas dicas
    Bjus e boa semana
    http://segredosdaluma.blogspot.com.br/

    ResponderExcluir
  4. Passei para retribuir a visita e adorei seu blog!! Já estou seguindo de volta seus dois blogs :D
    Bjos e boa semana, diarios-delola.blogspot.com

    ResponderExcluir