Como colocar os comentários do Facebook no Blogger | Quero Dicas Quero Dicas : Como colocar os comentários do Facebook no Blogger

Quero Dicas : Como colocar os comentários do Facebook no Blogger

Como colocar os comentários do Facebook no Blogger

| |

Colocando os comentários do Facebook no Blogger Completo

Todo webmaster sabe da importância das redes sociais em um blog ou site. Sem dúvidas colocar os comentários do Facebook no seu blog é um bom diferencial que irá facilitar ainda mais a vida dos seus visitantes e a sua própria.

Sem esquecer de falar que colocando os comentários do Facebook no Blogger, a chance de aumentar as suas visualizações crescem, pois o leitor tem a opção de compartilha-las atraindo mais pessoas para seus artigos.

Por fato, hoje iremos aprender a colocar os comentários do Facebook no seu blog. Lembrando apenas que esse tutorial é valido somente para a plataforma Blogger.

1º Passo: Como criar o plugin

1. Faça login na conta do Facebook (perfil)
2. Após, acesse a página developers para a criação do aplicativo: Clique e acesse

Caso ainda não tenha, crie um usuário de perfil em: https://www.facebook.com/username

comentários do Facebook no Blogger Completo

3. Caso nunca tenha criado um aplicativo, você deverá se cadastrar. É fácil, sem nenhum mistério. Basta marcar a caixinha "Sim" e clicar em "Cadastrar". Depois clique em "crie um numero de identificação do aplicativo" siga os passos para completar o processo de cadastro e pronto.

Atenção aos escolher a categoria (não escolha ou clique nas duas primeiras opções).

4. Ao concluir irá aparecer a tela igual a esta:

Comentários do Facebook no Blogger Completo

Caso não apareça de imediato, selecione ao lado esquerdo o item "Painel"

 5. Selecione WWW (site) Para abrir esta outra pagina:

comentários do Facebook no Blogger Completo

Escreva o nome do app no local indicado (mostrado na imagem) e depois clique onde esta destacado na imagem acima ('Clique p/ criar')

6.  Após clicar aparecerá está outra pagina informando o seu ID. Veja:

Colocando os comentários do Facebook no Blogger Completo

Deixe esta aba (janela) aberta, pois precisaremos desse ID mais a frente.


2º Passo: Adicionando comentários no Blogger

Para começarmos precisaremos de alguns códigos.
Clique na imagem abaixo para pegá-los:

Acesse e pegue o código
Deixe está página aberta!

Agora vamos começar:

1. Acesse o painel do blogger
2. Clique em "Modelo" e "Editar/HTML"
3. Clique em qualquer lugar dentro da área de código e pressione CTRL + F para para abrir a caixa de pesquisar
4. Ao abrir a caixa, procure pelo código: <head>
5. Logo ABAIXO cole o primeiro código

Atenção:
- Onde eu coloquei NOME-DE-USUÁRIO-DO-SEU-FACEBOOK, coloque o seu nome de usuário do perfil, não é a url da sua página. Por exemplo, o meu é bianca.bbg



- Onde eu coloquei ID DO SEU APP coloque o seu ID do aplicativo. Aquele que pedi para não fechar a aba/janela no 1º passo.

6. Agora procure por </head> e ACIMA dela cole o segundo código

- O número 5 é a quantidade de comentários a serem mostrados

7. Agora procure por <body Logo ACIMA dela cole o Terceiro código

- Onde eu coloquei ID DO SEU APP coloque, novamente o seu ID do aplicativo.

8. agora localize 


e logo ABAIXO cole um dos estilos do Quarto código

- Escolha somente um dos estilos "fundo claro ou fundo escuro". Escolha de acordo com o designer do seu template.

- O número 5 é a quantidade de comentários a serem mostrados
- O número 620 é o tamanho da área dos comentários. Ajuste se precisar.

Salve e pronto!

Atenção

Caso você não localize <div class='post-footer'> você poderá procurar por:


. Assim que localizar, clicar na seta "►" (lado esquerdo) para expandir outros códigos.
Logo ABAIXO dele cole o Quarto Código


IMPORTANTE

Fiz tudo certo e o mesmo não apareceu
Procure por <div class='post-footer'> Provavelmente, você deverá entrar 2 iguais.
Instale o "Quarto código: Estilos" logo ABAIXO da segunda encontrada.

Não quero os comentários acima dos comentários do blogger
Ao clicar na seta "►" para expandir outros códigos. Logo ACIMA de </b:includable>
cole o Terceiro Código

Quero que os comentários apareçam na pagina inicial
No Terceiro Código, retire os trechos:

<b:if cond='data:blog.pageType == &quot;item&quot;'> --- (logo no inicio)
</b:if> --- (no final do código)


Beijinhos




Compartilhe

* Você reservou um tempinho para comentar? *

Desde já agradeço!

Devido a falta de tempo, não prometo responder a todos os comentários. Mas farei o possível!


Um comentário:

  1. para os comentários aparecerem na versão Mobile, substituir:
    data:post.url
    por:
    data:post.canonicalUrl

    ResponderExcluir

Amigos do Blog

agenda dos blogs Universo das Dicas

Ganhe Visitantes | Inscreva-se!

GeraLinks Linkicha Atoananet Linkirado
subir