Colocando a Caixa do Facebook em seu Site

**Scotti** · Setembro 2, 2012

Olá pequenos gafanhotos, aprenda a partir deste tutorial como colocar a tão usada caixinha de curtir do Facebook, onde são mostrados os usuários que curtiram uma página em questão, juntamente com suas fotos de perfil, além da quantidade de pessoas que curtiram a página.

Exemplo L2JBRASIL

(o plugin utilizado pelo L2JBrasil trata-se de uma customização feita pelo AiroN, sua caixa de curtir poderá ficar diferente, seguindo os padrões do Facebook)

TUTORIAL

Visite a página de plugins do Facebook
O conteúdo está oculto, favor efetuar login ou se cadastrar!
- Entre
- ou
- Cadastre-se
.
Na lista de plugins, selecione "Like Box".
Preencha seguindo as dicas na imagem abaixo:

FINALIZANDO

O próximo e último passo é colar o código na sua página através de uma edição no HTML.

O código SDK deve OBRIGATORIAMENTE ser colado dentre as tags <body> e </body>, ficando desta forma:

<body>
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/pt_BR/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
</body>

O código do plugin(segunda caixa de código) pode ser colocado em um local de preferência sua.

Quaisquer dúvidas quanto à instalação de seus plugins deixem sua questão aqui.

Na página que eu linkei aqui, você pode encontrar vários outros plugins fornecidos pelo próprio Facebook para incrementar seu site.

Créditos: Fabricio P. Scotti, vulgo ScottinG.

Editado Setembro 2, 2012 por ScottinG

**-Zero3Um-** · Setembro 2, 2012

Nossa, belo tutorial Scotti Vlw !

**_ADM_** · Setembro 2, 2012

Legal, eu também não sabia, agora qualquer um né? kkkkkkkkkk'...

**BladeDancer** · Setembro 2, 2012

OPa muito boom obrigado sera muito util .

**BySouza** · Setembro 2, 2012

parabéns pelo tutorial scotting,

pra quem não sabe, a hora de aprender é agr .

**Bluur** · Setembro 2, 2012

Valeu Scotting. :biggrin:

**_ADM_** · Setembro 2, 2012

Ow Scotti, esqueceu que no site também pode ser usado o código do IFRAME, é o que eu uso :).

**Scotti** · Setembro 2, 2012

Geralmente eu utilizo o HTML5, porém é facultativo.

**L2Alucard** · Setembro 4, 2012

Otimo tutorial Scotti, So lembrando que a caixa que voce postou da L2J Brasil é diferente desse tutorial. A box do Forum é outro tipo de Box. Ela é um aplicativo do IPB. Se nao me engano apartir do 3.2.3 vem com esse aplicativo. Mais ta valendo ; )

**Scotti** · Setembro 4, 2012

Deixei escrito isso no tópico, @L2Alucard.

(o plugin utilizado pelo L2JBrasil trata-se de uma customização feita pelo AiroN, sua caixa de curtir poderá ficar diferente, seguindo os padrões do Facebook)

**L2Alucard** · Setembro 4, 2012

Desculpe. Não percebi a Observação. Melhor ainda, Que todos agora já sabem disso. : )

Editado Setembro 4, 2012 por L2Alucard

**martered** · Setembro 4, 2012

Ops erro meu desculpe-me

Editado Setembro 4, 2012 por martered

**Faboulos72** · Dezembro 28, 2012

Opa, sou novo nessa area ^^...

Akee gerou 2 codigo HTML5 e o Codigo do Plugin, qual eu uso pra colocar na pagina do site do server? obg

**Scotti** · Janeiro 12, 2013

Opa, sou novo nessa area ^^...

Akee gerou 2 codigo HTML5 e o Codigo do Plugin, qual eu uso pra colocar na pagina do site do server? obg

Coloque o código do plugin

**l2juninho** · Janeiro 19, 2013

u no tutorial se puder ajuda ai

Editado Janeiro 20, 2013 por l2juninho

**ADM-LORDS** · Fevereiro 17, 2013

EU nao consegui hehe tenso aqui aparece tudo branco

**magnoprorad** · Abril 3, 2013

pow eu coloco o meu mais quando clico para cutri ele da um bug e fecha

afs

**Scotti** · Abril 22, 2013

pow eu coloco o meu mais quando clico para cutri ele da um bug e fecha

afs

Algum problema com seu script ou seu navegador amigo!

Siga os passos corretamente a faça sem medo que dá tudo certo

**RafaelReis** · Junho 8, 2013

Onde coloco este link gerado?

**JeanTorres** · Agosto 18, 2013

Onde coloco o Link ? :S

dscp iniciante

**Scotti** · Agosto 20, 2013

No lugar onde você quer que apareça, amigo.

**JeanTorres** · Agosto 20, 2013

entao coloco dentro da pasta Index em qualqer lugar ? ou tenho qe abrir outro arqivo ?

Entrar

Colocando a Caixa do Facebook em seu Site

Posts recomendados

Link para o comentário

Compartilhar em outros sites

Link para o comentário

Compartilhar em outros sites

Link para o comentário

Compartilhar em outros sites

Link para o comentário

Compartilhar em outros sites

Link para o comentário

Compartilhar em outros sites

Link para o comentário

Compartilhar em outros sites

Link para o comentário

Compartilhar em outros sites

Link para o comentário

Compartilhar em outros sites

Link para o comentário

Compartilhar em outros sites

Link para o comentário

Compartilhar em outros sites

Link para o comentário

Compartilhar em outros sites

Link para o comentário

Compartilhar em outros sites

Link para o comentário

Compartilhar em outros sites

Link para o comentário

Compartilhar em outros sites

Link para o comentário

Compartilhar em outros sites

Link para o comentário

Compartilhar em outros sites

Link para o comentário

Compartilhar em outros sites

Link para o comentário

Compartilhar em outros sites

Link para o comentário

Compartilhar em outros sites

Link para o comentário

Compartilhar em outros sites

Link para o comentário

Compartilhar em outros sites

Link para o comentário

Compartilhar em outros sites

Anúncios

Quem Está Navegando

Posts

Important Information