17/12/2011

Colocando o Sistema de Comentário do Facebook no Blogger

Postado por Unknown  |  at  17.12.11 1 comment

Quem utiliza o Blogger (Blog Spot) tem que se conformar com varias limitações que são encontradas na plataforma, apesar das melhorias que a dona Google vem fazendo em seu painel de controle a caixa de comentário do Blogger ainda é uma coisa que se esquecerá de dar melhor atenção. Por ser muito simples e por não deixar que os visitantes deixem seu Link como acontece no Wordpress fazem seus administradores procurarem uma forma mais eficiente para interagirem com seus leitores. Para dar uma cara nova em seu blog as vezes é preciso mudar e ter muita paciência para encontrar as inúmeras opções para personalizar. 

Pensando por esse lado criei vários outros artigos em “Personalização de blog” para você que deseja dar uma cara nova em seu blog. Neste artigo vou mostra como mudar ou adicionar mais uma caixa de comentário em seu blog, colocando a caixa de comentário do Facebook, uma ferramenta de ótima aceitação que vai ajudar você a dar mais opções aos seus leitores. 
Passo 1 Para iniciar baixe o código HTML da caixa de comentário depois Vá ao painel do Blogger, clique no menu “Design” ~> “Editar HTML” e marque a opção

 “Expandir modelos de widgets” para ver todo o código fonte do seu blog, como ilustra a imagem abaixo:
Agora, nessa tela, procure pela seguinte linha de código:

<div class='comments' id='comments'>

É esta linha que indica o local do formulário padrão de comentários do 

Blogger e será nossa guia nesse processo. Imediatamente ABAIXO dessa linha que encontramos, vamos colar o trecho do passo 2 do código que você baixou exatamente como mostrado e sem mudar nada além do que for indicado:

O número 400 do código determina a largura do formulário de comentários do Facebook. Só altere esse número se você souber a medida do espaço que tem para os formulários.

Ainda não acabou e falta só mais uns detalhes.

No Passo 3 Nessa mesma tela dentro do código fonte de seu blog, procure agora pela linha que diz:

<head>

E logo ABAIXO dela, cole o seguinte trecho, do passo 3 cole um pequeno Script que fará tudo funcionar: Agora salve o modelo, clicando no botão laranja “SALVA MODELO”. Mas ainda faltam os estilos em CSS para que tudo funcione e apareça o resultado em seu blog.

No Passo 4. A última coisa é colar o código do passo 4 em CSS que forma o estilo e organiza os formulários.. 

Vamos a ultima etapa. Depois de salvar os passos citados acima no passo 3, clique na aba “Design” ~> “Designer do modelo”. Na janela que abrir procure no menu lateral pela opção “Avançado” e ache o “Adicionar CSS”. No espaço indicado, cole o seguinte trecho do passo 4 no CSS: Como mostra na figura abaixo.
Depois clique no botão laranja “Aplicar a Blog” para salvar essa alteração e depois volte para o Blogger.

Pronto. Agora já está funcionando o seu novo modelo de formulário de comentários, integrando Blogger e Facebook ao mesmo tempo.

 Observações: Para funcionar perfeitamente, recomendo que escolha a opção de moderar comentários do Blogger e retire a verificação de palavras.

 Não é possível, segundo esse modelo, moderar os comentários feitos no Facebook.

Veja como pode ficar sua caixa de comentário do Facebook em seu blog. É claro se você fez tudo certo!

Se este artigo lhe foi útil deixe seu comentário, participe do blog seguindo e assinando o nosso Feed e receba gratuitamente novas atualizações em seu e-Mail.

Sobre o Autor

Claudio Silva é Graduado em Tecnologia em Automação Industrial e Web Masters desde 2010

Receba as atualizações

Assine nossa newsletter e-mail para receber atualizações.

Compartilhe este Post

posts Relato

Um comentário:

Faça um Comentário!
Leia as regras:
Todos os comentários são lidos e moderados préviamente.
São publicados aqueles que respeitam as regras abaixo:

- Seu comentário precisa ter relação com o assunto do post;
- Em hipótese alguma faça propaganda de outro blog ou site;
- Não inclua links desnecessário no conteúdo do seu comentário;
- Se quiser deixar sua URL, comente usando a opção OpenID ou Nome/URL;


OBS: Comentários dos leitores não refletem as opiniões do blog.

Publicidade

Shopping

Cadastro

Digite Aqui o seu e-mail e Baixe nossa Coleção de e-books Gratis:

Cadastro Gratuito

Fique sempre atualizado!
Cadastre-se e receba nossas novidades em seu e-mail.
Desenvolvido por MMDW

Clique +

Copyright © 2013 Muito Mais Dinheiro Web. WP Theme-junkie converted by BloggerTheme9
Blogger template. Proudly Powered by Blogger.
back to top Related Posts Plugin for WordPress, Blogger...