A pedido da linda Cryslaine Maier estarei ensinando a como colocar comentários do facebook agregado com os do blogger.
Prestem muito atenção para fazer tudo direitinho, e vai dar tudo certo...
Se você não mexe muito no html, e não é acostumada(o) sugiro que façam backup do seu template, caso der alguma coisa errada, voltar ao normal.
Então vamos ao que interessa.
Vocês precisam está logado no seu perfil pessoal do facebook, depois acessem esse link: https://developers.facebook.com/apps
Vai aparecer essa página, e clique em register as a developer.
Logo após, irá abrir essa página
Logo após vai aparecer outra janela para você colocar o seu número de telefone, e marque a opção que desejar para receber o seu código, e depois clique em continuar.
Depois na outra janela pode clicar em pular, e na última janela clique em Done.
Feito isso, sua conta já está confirmada.
Agora é hora de criarmos o aplicativo.
Na janela que vai abrir, clique em +criar novo aplicativo
Siga o que o que está pedindo, e no final você terá o seu ID do seu aplicativo.
Para vocês que ainda não tem, aparecerá outro estilo, mas com o seu ID.
Copie o número no bloco de notas, que vamos precisar dele.
A parte mais fácil já foi feita, agora vamos mexer na parte que várias pessoas odeiam hahaha...
No seu blog acesse a aba modelo, selecione editar HTML
Aperte CTRL F e dentro da caixinha que vai aparecer você vai procurar esse código:
<div class='comments' id='comments'>
Abaixo desse código, você irá copiar esse outro código:
<div class='comments-tab' id='fb-comments' onclick='javascript:commentToggle("#fb-comments");' title='Comentários no Facebook'>
<img class='comments-tab-icon' src='http://static.ak.fbcdn.net/rsrc.php/v1/yH/r/eIpbnVKI9lR.png'/>
<fb:comments-count expr:href='data:post.url'/> Comentários
</div>
<div class='comments-tab inactive-select-tab' id='blogger-comments' onclick='javascript:commentToggle("#blogger-comments");' title='Comentários no Blogger'>
<img class='comments-tab-icon' src='http://www.blogger.com/img/icon_logo32.gif'/> <data:post.numComments/> Comentários
</div><div class='clear'/>
</div>
<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='3' width='450'/>
</b:if>
</div>
<div class='comments comments-page' id='blogger-comments-page'>
Salve.
<script src='http://connect.facebook.net/pt_BR/all.js#xfbml=1'/>
<script src='http://code.jquery.com/jquery-latest.js'/>
<meta content='SEU ID' property='fb:admins'/>
<script type='text/javascript'>
function commentToggle(selectTab) {
$(".comments-tab").addClass("inactive-select-tab");
$(selectTab).removeClass("inactive-select-tab");
$(".comments-page").hide();
$(selectTab + "-page").show();
}
</script>
Onde está escrito SEU ID, coloque o seu ID que foi gerado pelo o facebook.
Depois, salve.
Procure por:
]]></b:skin>
Acima dessa tag cole esse outro código:
.comments-page {background-color: #f2f2f2;}
#blogger-comments-page {padding: 0px 5px;display: none;}
.comments-tab { float: left; padding: 5px; margin-right: 3px; cursor: pointer; background-color: #f2f2f2;}
.comments-tab-icon { height: 14px;width: auto;margin-right: 3px;}
.comments-tab:hover { background-color: #eeeeee;}
.inactive-select-tab { background-color: #d1d1d1;}
Se você desejar. pode alterar as cores.
Depois é só salvar, e já está pronto... Terminamos
O meu ficou assim, e o seu?!
Moderar Os Comentários Do Facebook:
Para quem deseja receber notificações em seu perfil do facebook.
Aperte CTRL F e dentro da caixinha que aparece procure por esse código:
<head>
<meta content='ID-APP' property='fb:app_id'/>
Salve!
Acesse esse link: https://developers.facebook.com/tools/comments
Clique em configuração/Settings.
Agora, vai aparecer uma janela, coloque no campo MODERADORES, o seu nome do seu usuário do facebook.
E se tiver alguma ideia para novos posts, novos tutorias, só deixar aqui embaixo nos comentários que farei com muito prazer!
Big Beijos...
