quarta-feira, 12 de dezembro de 2012

Adicionar barra de recomendações do Facebook

Adicionar barra de recomendações do Facebook

A barra de recomendações é mais uma excelente aplicação do Facebook para gerar tráfego no teu website. Funciona de modo semelhante aos artigos relacionados, mas em vez de serem artigos relacionados são artigos recomendados, isto é, publicações que outros leitores leram e recomendaram para amigos. A caixa é flutuante e fica no canto inferior direito.

Como adicionar a barra de recomendações

  1. Vai a blogger > Modelo > Editar HTML, tal como aparece na imagem.

  2. Adicionar barra de recomendações do Facebook

  3. Copia o seguinte código e cola-o imediatamente abaixo da linha de código <head>.

  4. Antes de gravar as alterações no HTML vai a Facebook Apps, pois é necessário criar uma aplicação no Facebook.
  5. Nessa página irás ver um formulário como o que se encontra abaixo. Sem alterar nada clica em "Get Code", como aparece na imagem.

  6. Adicionar barra de recomendações do Facebook

  7. Ao clicares nesse botão abrir-se-à uma janela como a que se encontra na imagem seguinte. Nessa janela clica em “Create a new app”.

  8. Adicionar barra de recomendações do Facebook

  9. De seguida abrir-se-à uma outra janela como um formulário como a que se encontra abaixo. Basta dares um nome à aplicação (pode ser por exemplo o nome do teu site). Depois é só clicar em continuar.

  10. Adicionar barra de recomendações do Facebook

  11. De seguida serás redirecionado para a página da aplicação, onde deves anotar/guardar o App ID da tua aplicação, bem como inserir o url do teu site. Para inserir o url tens que clicar "editar aplicação".

  12. Adicionar barra de recomendações do Facebook

  13. A aplicação já está criada! Agora volta ao editor HTML do blogger, copia o seguinte código e cola-o imediatamente abaixo da linha de código <body>.


  14. No código acima insere o App ID onde diz OTEU_AP_ID e substitui também onde diz OTEUSITE pelo nome do teu site.
  15. Por fim, volta ao editor de HTML do blogger e procura por: <data:post.body/>. Logo abaixo de <data:post.body/> insere o seguinte código:


  16. Agora sim podes gravar as alterações no HTML do blog!


Se gostaste deste artigo considera em assinar a Newsletter.

Enter your email address:


Delivered by FeedBurner

Sobre o Autor:
Adicionar caixa sobre autor no rodapé dos posts Facebook | Twitter | Google +

João Paulo Gramacho é o criador do Bizzarru.com onde escreve artigos sobre como ganhar dinheiro, dicas para blogs e técnicas SEO. Além de Webmaster também é licenciado em Química pela Faculdade de Ciências das Universidade de Lisboa.
Reacções:
Blog Widget by LinkWithin