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...
6
Comentários
Ótima dica! Já usei no meu blog tempos atrás mas hoje em dia confesso que somente o do blogger tem sido suficiente. Mas o tutorial é muito importante já que vai ajudar muitas outras blogueiras
ResponderExcluirBeijo,
http://www.closetcriativo.com
Verdade, algumas blogueiras acham que deixa o blog mais organizado e mais fácil de está respondendo os comentários, e outras já acham mais dificil de usar, haha
ExcluirBeijos, adorei a visita :)
Adoro essas dicas. :D Ei, aonde voc baixou o fundo colorido d tu layout? É uma imagem só ou vários pngs?
ResponderExcluirSão vários pngs, e juntei... Baixei no google, procura por png aquarela que você encontra :)
ExcluirVolte sempre!
Bjos...
O meu não deu certo ;(
ResponderExcluirOi flor, tenta de novo, talvez você fez alguma coisa errada. Até um simples espaço não vai prestar! Se não der certo me chama no faceboook que te ajudo... Beijos!
Excluirhttps://www.facebook.com/jackllynne.moreira.16