Tecnologia: Facebook Like Box (Atualizado!)

Olá gente! Hoje vou falar sobre um pouquinho sobre tecnologia, especificamente da Like Box do Facebook, essa caixinha linda que a gente adora colocar no nosso blog para os nossos amigos curtirem a nossa FanPage.

Recentemente o Facebook mudou o código de aplicação da Like Box, para quem não sabe, o código antigo só vai funcionar até o dia 23 de junho deste ano.




Na própria mensagem podemos encontrar o link para o novo código da Like Box.

Quando fui instalar esse novo código aqui no blog, senti uma certa dificuldade. Então elaborei um mini tutorial para ajudar as todo mundo que tiver as mesmas dúvidas que eu.

Começamos preenchendo o endereço da nossa página, a largura, altura e selecionando as nossas preferências.

Eu escolhi a largura (width) de 250px, pois são as especificações do meu blog, mas você pode formatar conforme a sua necessidade. Depois que terminar, é só clicar no botão "Get Code".

Uma janela, conforme a da figura acima irá se abrir com dois códigos. O primeiro você precisa inserir no HTML do modelo do seu blog e o segundo em um gadget de HTML/Javascript do seu layout. Então, clique no lado esquerdo em "Modelo" e depois em "Editar HTML".

 

Cole o primeiro código logo abaixo da tag conforme a figura abaixo. Ao salvar o modelo você irá se deparar com o seguinte erro:

Error parsing XML, line, column:
The reference to entity "version" must end with the ';' delimiter.

 

Acontece que o blogger interpreta o alguns caracteres de uma forma diferente da esperada pelo Facebook, então para consertar, você precisa fazer apenas uma alteração.

Substitua a linha abaixo:

js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.0";

pelo seguinte código:

js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.4";

Note que agora você conseguirá salvar o seu modelo.

Para adicionar a segunda parte do código gerado pelo Facebook clique em "Layout" e depois em "Adicionar um Gadget" 

O gadget sugerido é o "HTML/JavaScript", só clicar no "+"  para adicioná-lo.

Cole a segunda parte do código no campo Conteúdo, adicione um título e depois clique no botão de "Salvar". Prontinho \o/

Olha como ficou fofa a nova caixa do Face. Depois me contem se conseguiram atualizar a Like Box de vocês. Beijos!

Créditos