Últimos Posts

15 de julho de 2013

Colocar caixa de comentários do Facebook no blog!




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


Comente com o Facebook:

6 comentários:

  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
:) :( ;) :D :-/ :P :-O X( :7 B-) :-S :(( :)) :| :-B ~X( L-) (:| =D7 @-) :-w 7:P \m/ :-q :-bd

Related Posts Plugin for WordPress, Blogger...
© Diva e Maquiada - 2013. Todos os direitos reservados.
Criado por: Fran Lourenço.
Tecnologia do Blogger.
imagem-logo