terça-feira, 8 de março de 2011

Caixa de curtir FaceBook no site

Adicionar caixa de curtir do FaceBook no seu site


Segundo pesquisas mais de 65% das pessoas que utilizam a Internet fazem parte de alguma Rede Social como Orkut, Facebook e Twitter. Hoje em dia é importante que seu Site ou Blog esteja ligado com alguma das redes acima.

Aqui vamos mostrar como colocar aquele LikeBox ou caixa de Curtir do Facebook. A mesma caixa que coloquei nessa página. Antes de tudo voce deve ter sua página no FaceBook para depois pegar uma caixa de Curtir.


Para saber como criar sua página no Facebook Clique aqui:



Se voce já tem a sua página do Facebook, clique aqui para visitar a página do próprio Facebook que fornece o código a ser colocado:


Ao entrar no Link voce encontra uma do Facebook e um formulário igual a esse:


Para preencher esse formulario e pegar o código não tem mistério, mas vamos detalhar passo a passo, caso voce tenha alguma dúvida.

Facebook Page URL - Voce deve copiar e colar o url da sua página do Facebook, aquele que aparece em cima na barra do nevegador veja o exemplo do url do JediMasterHouse:


Width - Tamanho, basta escolher o que encaixa melhor no seu site.

Color Scheme - O Facebook disponibiliza 2 cores dark e light.

As outras 3 opções Irão afetar quais itens voce deseja que aparece na sua caixa:

Show Faces - Para mostras as pessoas que curtiram (carinhas em quadradinhos).

Stream - É para aparecer as ultimas noticias publicadas no seu mural do Facebook.

Header - Mostra uma faixa do Facebook em cima.

Basta ir observando ao lado e ver como vai ficar, veja um exemplo e aproveite para curtir que deu  essa dica:




Depois de pronto clique em Get code, escolha em os 2 formatos disponíveis, geralmente os 2 funcionam, mas algumas plataformas podem haver incompatibilidade, por isso se um não funcionar teste o outro.

Copie e cole o codigo em um bloco html no Blogger ou Wordpress, ou em outro local dsejado.

Agora os visitantes da sua página podem curtir seu site no Facebook.


Alem do Facebook o Twitter tambem pode ser adicionado ao seu site:


Comentários
13 Comentários

13 comentários:

OvosDePascoa disse...

Muito legal a dica, brigadinha!

Já coloquei o Facebook no meu site:

http://ovosdepascoa.saojosecampos.com/

Richard Lucas disse...

como que eu faço para like ficar em portugues (curtir)?

JediArt disse...

Normalmente tinha que mudar uma parte do código que estava en_US para pt_BR mas crei que agora vai no automatico

JediArt disse...

Se voce pegar em Iframe ele ja vem em portugues

Richard Lucas disse...

muito obrigado
vc poderia me dizer como eu consigo parceiros para meu blog pf?

Juliana & Junior disse...

Fiz tudo como você instruiu mas ele diz que minha pg não existe. Quando eu colo a minha url no browse, a pg do Facebook abre, mas com a mensagem: Este é seu perfil desconectado.
O que pode ser? por favor me ajude.
Obrigado,
Félix

JediArt disse...

Certo, voce criou sua pagina no facebook ou esta tentando colocar o do seu perfil? Caso seja isso voce precisa criar sua pagina no facebook, consulte:
http://www.jedimasterhouse.com/2011/03/como-criar-sua-pagina-facebook.html

Juliana & Junior disse...

Eu tenho a página, a URL do perfil é diferente. Na verdade, quando inclui o botão curtir na minha pg, quando vc clica nele a mensagem é: a página não pode ser alcançada.
Ainda na área de configuração do botão Curtir ele não encontra a pg, já quando eu coloquei o seu endereço deu certo. O que pode estar havendo, minha url é: http://pt-br.facebook.com/people/AndaBaby-Bebê-Conforto-Bracelete/100002046688377

Mais uma vez obrigado.

Juliana & Junior disse...

Entendi. Obrigado, acho que eu estava no meu perfil.

JediArt disse...

Se der certo avisa ae, e se puder curta agente no Facebook. Caso não de certo me fala que eu ajudo

Rede Nova Onda disse...

www.tvnovaonda.blogspot.com
www.rnovaonda.blogspot.com

Anônimo disse...

oláaaaaaaaaaaaaa

Anônimo disse...

Valuable information. Lucky me I found your web site by
accident, and I'm shocked why this

accident didn't happened earlier! I bookmarked it.


my web-site www.Bagamare.ro

Postar um comentário

Related Posts Plugin for WordPress, Blogger...

Acompanhe por Email