quinta-feira, 9 de abril de 2015

Como Colocar os Comentários via Facebook no seu Blog 2015

Tem muita gente que ainda tem uma certa dificuldade de instalar e encontrar um tutorial que ainda funcione, de como colocar comentários do facebook em seu blog.
Na verdade é super fácil e rápido! vou explicar de um jeito bem bacana e longe de complicações, tenho certeza que vai dar tudo certo aí! Bora lá?

:: CRIANDO O APLICATIVO :: 

Primeiramente você precisa criar um aplicativo lá no facebook.
Depois de ter criado ele te dará um número de código que serve para indentificá-lo como moderador dos comentários.
Esteja logado em sua conta do facebook, em seguida clique em "My apps" ou "Apps", caso esteja assim.
Agora cliquem em "Create a New App", o meu aparece "add a new app" por causa que já tenho um aplicativo (apaguei ele na imagem)

Escolha a opção "Site", em seguida clique em "Skip and Create App ID"
Escreva o nome do seu aplicativo, escolha a categoria e digite o código de verificação (captcha) que vai aparecer.

Logo em seguida vai abrir uma página mostrando o ID do seu aplicativo. Copie o número do ID

:: ADICIONANDO O CÓDIGO NO BLOG ::
Essa parte é super simples, você só precisa ter cuidado quando for escolher onde colar o código. Você deve colar logo abaixo de:

<div class='post-footer-line post-footer-line-3'>

Encontre esse código clicando em "formatar modelo" dentro do código do seu layout e tecle ctrl + f para abrir a caixa de pesquisa. Cole o código dentro e tecle "enter". Não encontrou o código assim? procure por:

<div class='post-footer-line post-footer-line-2'>
ou
<b:includable id='comment_picker' var='post'>

Assim que encontrar, cole o código do sistema de comentários do facebook (logo abaixo)

<b:if cond='data:blog.pageType == &quot;item&quot;'>
                        <div style='float: left; margin: 0px auto 20px; padding: 10px; background: #fff;'>
                          <h4>
                            <fb:comments-count expr:href='data:post.url'/>
                            comentário(s) pelo facebook:
                          </h4>
                          <div id='fb-root'/>
                          <script src='http://connect.facebook.net/pt_BR/all.js#xfbml=1'/>
                          <fb:comments expr:href='data:post.url' num_posts='3' publish_feed='true' width='710'/>
                        </div>
                  </b:if>

Entendendo o código:
LARANJA: é o número de comentários que aparecem na página.
AZUL: é o tamanho do formulário de comentários do facebook. Coloque o tamanho igual ao das suas postagens.
VERMELHO: é a tag que condiciona que o formulário vai aparecer apenas dentro das postagens. Se você quiser que ele apareça na home, na página principal, é só apagar esse trechinho.
** MODERANDO OS COMENTÁRIOS **
Nem sempre as notificações de comentários irão chegar para você. por isso que deve criar aquele aplicativo. Use aquele ID para indentificar a si mesmo como moderador. tecle ctrl + f e procure por:
<head>
Logo acima, cole o código, modifique a parte em vermelho pelo ID do seu aplicativo.
<meta content='ID-APP' property='fb:app_id'/>
Agora salve!
Acesse https://developers.facebook.com/tools/comments e clique em "settings". Na janela que vai aparecer, digite o seu nome de usário do facebook no campo de "moderadores".
Agora você pode usar sempre essa página para visualizar e moderar os comentários via facebook do seu blog! Espero que tenha ajudado!<3
Siga o Blog no Instagram:
Instagram

Inscreva-se no Canal do Youtube:


Curta a Fan Page do Moda Aprovada:



Related Posts Plugin for WordPress, Blogger...

Nenhum comentário:

Postar um comentário