sexta-feira, 20 de dezembro de 2013

Browse: Home Como colocar códigos HTML nas postagens do blog Adicionando o sistema de comentários do Facebook ao Blogger

Adicionando o sistema de comentários do Facebook ao Blogger

Tugazug   at   13:52   No comments

Bem, algumas coisas me irritam em um blog, uma delas é o simples fato de ter que preencher um formulário para fazer um simples comentário. Mesmo com a auto completar ligado, eu sinto um ódio desses formulários.

Há algum tempo estive testando o Intense debate, um ótimo sistema de comentários que integrava várias redes sociais para comentar, entre elas, Twitter, Facebook, Wordpress e algumas que eu não me lembro agora. O sistema era ótimo, mas não vingava o meu ódio de preencher formulários, já que maior parte dessas redes requer autenticação e blá blá blá.

Eis que surge o salvador da pátria, o mais sensato de todos, o Facebook.
Pensei com os meus botões: se eu estou conectado no Facebook o tempo todo, e se o sistema é ligado direto no site, irá me poupar o tempo de autenticação, e estarei automaticamente logado no sistema de comentários, evitando aqueles malditos formularios e autenticações.

Eis que deu certo, então, mãos à massa!

Você vai precisar de:
-1 backup do seu template atual
-1 conta no Facebook
-1 Blog no Blogger
-Mínimo de entendimento em html
Primeiro acesse https://www.facebook.com/login.php sua conta do Facebook e preencha os dados

Não se esqueça de colocar uma barra / no final do site, senão não vai ser possível continuar.
Completado isso, na próxima pagina anote sua API ID, ou ID do Aplicativo, se trata de um número, e é de extrema importância, por isso, guarde-o.


Agora é a hora de entrar em ação no Blogger, abra seu painel do Blogger e desative os comentários, para isso vá em Detalhes> Comentários e marque “Ocutar”
Feito isso, vá em Design> Editar HML e marque a caixa “expandir modelos Widgets”

Pronto, agora você está apto a fazer as mudanças necessárias no HTML para ativar os comentários.
Procure pelo seguinte trecho no código HTMl:
<html
Pule uma linha dele e cole o seguinte trecho
 
xmlns:fb='http://www.facebook.com/2008/fbml'

Deve ficar mais ou menos assim: <html xmlns:fb='http://www.facebook.com/2008/fbml'


O próximo passo é procurar pelo seguinte trecho:
<body>

E logo após ele, adicione o código abaixo, e onde está “API ID” substitua pelo número que você pegou no Facebook logo acima, o ID do aplicativo, lembrando de manter as 'aspas'.


Agora localize o trecho </head>, e logo acima dele cole o seguinte código, com as alterações nas descrições em negrito:


Lembrando de sempre manter as aspas.

Agora é a parte que vai definir onde a caixa de comentários vai ficar, colocarei logo após o post, mas usuários com mais experiências saberão onde encaixar, e os nem tão experientes, bastam pedir ajuda.

Procure no código html o trecho
<data:post.body/>
E logo abaixo adicione

Pronto, salve o modelo e seja feliz com seus amiguinhos do Facebook =)

Tags: , ,
About the Author

Write admin description here..

0 comentários :

Subscrever: Enviar feedback ( Atom )
Blogger templates . Proudly Powered by Blogger .