Aqui também ajudamos nossos amigos.
Como muitos estão me perguntando, resolvi fazer este tutorial para ajudar nosso amigos leitores do blog.
Aí vai:
Como colocar comentários do facebook no blogger.
Como muitos estão me perguntando, resolvi fazer este tutorial para ajudar nosso amigos leitores do blog.
Aí vai:
Como colocar comentários do facebook no blogger.
1º Faça login no seu facebook.
Depois terá que criar um aplicativo (é bem fácil e rápido)
Click aqui neste link para fazer o aplicativo: [https://developers.facebook.com/apps]
click no botão + Criar Novo Aplicativo.Irá abrir uma janela
Preencha os dois campos, com um nome corretamente, lembrando ele terá que ficar verde para serem aprovados e também escolha uma categoria.
Depois click em criar aplicativo e digite os códigos e em seguida continuar.
Pronto você acabou de criar o aplicativo,não esqueça de marcar o número do aplicativo ele será importante pra frente.
Agora vamos no blogger criar o painel clicando em Modelo>Editar Html.
No seu Html termos que achar a tag <head> depois dê F3 e procure por
<head>
E abaixo dele cole este código :
<script src='http://connect.facebook.net/pt_BR/all.js#xfbml=1'/>
<script src='http://code.jquery.com/jquery-latest.js'/>
<meta content='AQUI O NÚMERO DO APLICATIVO DO FACEBOOK' property='fb:admins'/>
<script src='http://code.jquery.com/jquery-latest.js'/>
<meta content='AQUI O NÚMERO DO APLICATIVO DO FACEBOOK' property='fb:admins'/>
Importante: aonde está escrito '' AQUI O NÚMERO DO APLICATIVO DO FACEBOOK'' você terá que colocar o IP do aplicativo anteriormente falado.
Agora, click no botão ''ir para um widget'' e Depois Blog1
Click na seta expandir e procure por :
<b:includable id='comments' var='post'>
Depois de ter achado o código acima e clicado em expandir como mostra na imagem, cole o código abaixo do treco acima
<div class='comments-page' id='fb-comments-page'>
<b:if cond='data:blog.pageType == "item"'>
<div id='fb-root'/>
<fb:comments expr:href='data:post.url' num_posts='52' width='560'/>
</b:if>
</div>
<div class='comments comments-page' id='blogger-comments-page'/>
<b:if cond='data:blog.pageType == "item"'>
<div id='fb-root'/>
<fb:comments expr:href='data:post.url' num_posts='52' width='560'/>
</b:if>
</div>
<div class='comments comments-page' id='blogger-comments-page'/>
Depois só salvar e visualizar, não tem erro, é só seguir certinho que não da erro.
Para aumentar o tamanho da caixinha de comentário é fácil, veja:
No código acima tem width='560' é só aumentar os números.
Qualquer duvida posta nos cometários estou pronto para ajudar!
Comentários
Postar um comentário