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!
Adorei a dica! Bem legal o modo como você explicou, assim fica bem mais fácil na hora de colocar, porque realmente não é tão simples! Um beijo <3
ResponderExcluirDicas para todas
Vou agorinha colocar no meu !!!! obrigada pelo tutorial e dica
ResponderExcluirbjs
www.grazielamendes.com
Ótima dica. Obrigada
ResponderExcluirbjs
http://ladycatblog1.blogspot.com
Legal as dicas amore. Será bem útil seu post.
ResponderExcluirBeijinhos
www.livinganamericanlife.blogspot.com.br
Olá Flor! Tudo bem?
ResponderExcluirDica Super Útil Clau, e você explicou bem direitinho, adoramos!
Beijokas da Carol e da Camila :*
www.vamospapear.com
Óptima dica!
ResponderExcluirBeijinhos
food&emotions
http://fefoodemotions.blogspot.pt
Este comentário foi removido pelo autor.
ResponderExcluirEste comentário foi removido pelo autor.
ResponderExcluir