News

Decorating Your Blog #2 Comentar usando o Facebook no Blogger

Omeus amores!! como vocês estão passando esse feriado? rsrs Voltou o friozinho gostoso graças a Deus! mas mesmo amando o frio, é bom um solzinho pra esquenta... seca as roupas no varal kkkk isso é muito útil kkk ;P

Hoje o Tutorial do Decorating your Blog é como comentar usando o Facebook no seu BloggerLembrando, claro que aprendi no blog Follow Your Dreams que em falar nisso esta lindoo!!  Isso foi pedido bastante e também era o que queria o João, do blog Eu Piro que vou falar na próxima post sobre ele!!! ;D




Para você colocar esse mecanismo no seu blog, só você pode fazer. Por isso que eu não fiz isso para o João, só nós mesmos que temos o acesso a fanpage do seu blog pode fazer.
Vamos lá!!

1. Primeiro de tudo você precisa criar uma página (FanPage) do seu blog é apenas ir no seu face pessoal mesmo e criar Página. Simples! Agora se caso você já tem uma página fica mais fácil. Você vai na página Facebook Developers e clique em Apps > Add a New App.


2 - Selecione a opção Website.


3 - Nomeie o seu App (digite exatamente como esta na imagem: Comentários para o Blogger)e clique em Create New Facebook App ID.



4 - Escolha uma categoria para o seu App (escolhi a primeira) e clique em Create App ID.



Na próxima página você receberá o número do seu App ID, ele será usado no template.



5 - No painel do Blogger, em Modelo > Editar HTML, clique dentro da caixa de códigos para liberar a pesquisa, aperte Ctrl + F e pesquise por <head>. Abaixo dessa linha cole o código à seguir incluindo o número do seu App ID encontrado no passo 5.
<script  src='http://connect.facebook.net/pt_BR/all.js#xfbml=1'/>
<script src='http://code.jquery.com/jquery-latest.js'/>
<meta content='NÚMERO-DO-APP-ID' property='fb:admins'/>

Deve ficar assim:


6 - Agora pesquise por <div class='post-footer-line post-footer-line-3'> e abaixo dessa linha cole o seguinte código:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='fb-root'/>
<fb:comments expr:href='data:post.url' num_posts='5' width='650'/>
</b:if>

O número 5 é a quantidade de comentários que aparecem inicialmente.
O número 650 é a largura total.

Agora só salva e  a caixa de comentários do Facebook deve aparecer logo acima dos comentários do Blogger.
Qualquer dúvida pessoal só comentar que respondo ok?!
Obrigado pela visita!!
Bjox karinhoso da Kaa

Nenhum comentário