Agora chegou a vez do Blogger, vou mostrar como fazer o mesmo para quem usa a plataforma Blogger, vamos colocar uma caixa de comentários no final de cada postagem permitindo que os visitantes façam comentários via Facebook, e importante sem repetir os comentários.
Em alguns tutoriais as pessoas conseguem colocar a caixa do Facebook só que quando se comenta em uma página, esse comentários aparece em todas as páginas, dessa forma que vou mostrar nos testes não apareceu, cada comentários só apareceu na página em que foi feito.
Veja como ficará na imagem abaixo:
O Tutorial será separado em duas etapas, na primeira vou mostrar como criar uma ID no Facebook e na segunda etapa como colocar no Blogger.
Criando nossa ID no Facebook
1º Passo: Entre no seu Facebook normalmente já que é preciso estar logado para poder criar um aplicativo que no nosso caso é uma caixa de comentários.Já logado em seu Facebook clique no link abaixo para ir direto na página de criação de aplicativos:
2º Passo: Agora clique em “Apps” e depois em “Register as a Developer“:
3º Passo: Mude essa chave de “Não” para “SIM” para aceitar os termos do Facebook e clique em “Próxima“:
4º Passo: O próximo passo é verificar sua conta via mensagem de texto, onde você deve informar um número celular, clicar em “Send as Text” e esperar receber um código em seu celular. Esse código deve ser informado na tela e com isso, continuar clicando em “Cadastrar-se“:
5º Passo: Após confirmar sua conta você deve novamente clicar em “Apps” e depois em “Add a New App” ou então clicar em “Website” como na imagem abaixo:
6º Passo: Agora clique em “Skip Quickstart” no canto superior direito:
7º Passo: Parar criar o aplicativo escolha uma nome para você identificar o aplicativo, um nome de usuário, uma categoria e clique em “Criar aplicativo“:
8º Passo: Pronto! Agora já podemos ver nossa ID em “ID do aplicativo”. NÃO feche a página ainda!:
9º Passo: Copie o código abaixo e cole em um bloco de notas por exemplo:
Colocando no Blogger
1º Passo: Entre no painel do seu Blogger e clique em “Modelo” e depois em “Editar HTML“:
2º Passo: Clique levemente sobre o código do seu blog, aperte “CTRL + F” e procure por:
3º Passo: Agora clique no botão “Ir para um widget” e selecione “Blog1“:
4º Passo: Encontrando nosso widget de nome “Blog1” na frente dele clique na setinha preta para se expandir:
5º Passo: Nesses novos códigos que se expandiu, procure por:
6º Passo: Assim que clicar na seta vai se expandir outros códigos e logo abaixo deles cole o seguinte código:
Fundo claro
Fundo escuro
7º Passo: Pronto! Agora basta clicar em “Salvar modelo” e ver como ficou!:
Detalhe: Se o tamanho da caixa de comentários ficar menor ou maior do que a largura do seu blog você pode mudar a largura da caixa no código acima em:
