Como Clocar botão curtiu no seu blog - Facebook

Tenho visto vários sites e blog com o botão de Curtiu do facebook. Então resolvi também criar um também no meu blog. Como achei legal estarei passando pra vocês essa dica:
O kit de desenvolvimento do Facebook contém muitas outras funções interessantes tais como integração de login, “conectar com Facebook” ou single sign-on, gráfico de estatísticas e plugins de integração social (para ver a lista de artigos que foram “curtidos”).
Para integrar seu site com o Facebook, a primeira coisa que você deve fazer é criar uma identidade do aplicativo, ou App ID. Anote o código de integração que será gerado com sua identidade.
Depois disso, você precisa colocar esse pedaço de código criado nesta mesma página no rodapé do seu site, blog, wordpress, blogger, qualquer um funciona.
Depois é so clicar no link  "like button"
Veja a lista de plugins sociais, o botão de curtir ou “like button” é a opção mais popular e você pode incorpora-lo adicionando esse pedaço de código em javascript:
obs:width é a largura do objeto.
Para iniciar, visite a página do desenvolvedor do Facebook e estude as possibilidades que se apliquem a sua necessidade.
 Fonte: gusleig

1. Para o Blogger (Blogspot)
Abra o painel e clique no menu "Layout" ~> "Editar HTML", marcando a caixa "Expandir modelos de widgets". Então procure pela seguinte linha:


Imediatamente ACIMA, cole o seguinte trecho, sem modificar nada:










Salve o modelo e tudo já estará funcionando. Aparecerá o botão alinhado à direita do primeiro parágrafo de todos os seus posts, ocupando o mínimo de espaço, somente na página do artigo individualmente.

2. Para o Wordpress.org
Mas se você tem um blog no Wordpress.org (com hospedagem e domínio), o código é um pouco diferente.
Entre no painel, clique no menu "Aparência" ~> "Editor" e abra o arquivo do tema "Post único (single.php)". Procure pela linha que indica o início do texto e cole o seguinte trecho:
 




Salve e já estará funcionando em todos os posts de seu blog. Aparecerá alinhado à direita do primeiro parágrafo de cada página.
Observações sobre algumas mudanças:
  • Fiz alguma modificações no código original dado na página padrão de Desenvolvedores do Facebook para que funcionasse sem erros no Blogger e no Wordpress e para que o código identificasse a URL de cada página onde está inserido.
  • Também mexi nas medidas de altura a largura do espaço ocupado pelo ícone e o contador. No original há uma largura de 460px e 600px de altura, que atrapalhava uma boa integração. Mudei aqui para apenas 80x20.
Fonte: ferramentasblog

1 Comentários

  1. cade os codigos pra botar o botão do facebbok no site cara,ñ estou exergando nada "codigo invisivel é..." :p

    ResponderExcluir
Postagem Anterior Próxima Postagem