Colocando Like Box no Site.

Tutoriais enviados pelos Colaboradores e Utilizadores do Comunidades.net

Colocando Like Box no Site.

Mensagempor formice » Sábado Jun 01, 2013 6:00 pm

Olá,

Bom, essa é uma dúvida de muitos, vamos imaginar, você tem uma página no facebook do seu site e quer coloca-la no seu site para mostrar a página do próprio site, isso provoca mais "curtidas" a sua página e pessoas que visitam e seguem a página do seu site podem visualizar informações novas de seu site para acessarem as novidades. É como um meio de comunicação melhor, entenderam? Bora começar?
Então.. Vou ensinar passo a passo, qualquer dúvida podem responder ao tópico perguntando que eu respondo :3

1º Passo:
Clique nesse link..https://developers.facebook.com/docs/reference/plugins/like-box/
Aparecerá isso:
Imagem
Obs: A caixa do lado seria como um modelo de como ficaria sua caixa. E a primeira caixa será as configurações da caixa.

2º Passo:
Na primeira caixa você irá configurar a caixa.
Imagem
Bom, na primeira opção que está escrito "Facebook Page URL" você colocará a url da sua página no facebook.
Exemplo: https://www.facebook.com/FacebookDevelopers(Já está lá).
Imagem

3º Passo:
Na segunda opção terá duas Palavras, Width e Height.
Tradução 1º palavra: Width(Largura)
Tradução 2º palavra: Height(Altura)
Na 1º opção você vai colocar a largura da caixa, escolha uma largura boa para encaixar na coluna do site.
No caso deixarei como está(292).
Na 2º opção você vai colocar a altura da caixa, escolha uma largura na qual fique boa e combine com a 1º na coluna do site.
Imagem

4º Passo:
Na 3º opção você só vai marcar se quiser que na caixa mostre quem curtiu a página. Se não, apenas desmarque.
Se deixar marcada essa opção ficará assim a caixa:
Imagem
Se desmarcar..
Imagem
Vou deixar marcado:
Imagem

5º Passo:
A 4º opção é meio que inútil, você só vai escolher a cor do fundo da caixa ;)
Imagem

6º Passo:
A 5º opção você vai escolher se vai ficar mostrando as postagens da página, funcionará como um feed de noticias do seu site.
Imagem
Se você deixar marcado ficará assim:
Imagem
Se desmarcar(opcional e o mais usado):
Imagem

7º Passo:
A 6ª opção é simples. Se você quiser borda deixa ela marcada, se não.. Desmarca :D
Marcada..
Imagem
Se não...
Imagem

8º Passo:
A 7ª opção é simples igual a 6º. Se quiser que esteja o header escrito "Encontre-nos no Facebook" você deixa marcado, se não, desmarca.
Marcado..
Imagem
Se não..
Imagem

9º Passo:
Após fazer tudo isso clique no botão "Get Code"
Imagem
Depois aparecerá isso:
Imagem
De todas as opções de cima, clique em "IFRAME" que é a melhor para site do comunidades.
Imagem
Copie esse código...
Vá ao site do Comunidades,
Clique em "Editar coluna",
Imagem
Clique em "HTML"
Imagem
Cole o código lá,
E clique em atualizar.
Imagem
Aparecerá isso:
Imagem
Clique em "Gravar alterações"
Imagem

DEPOIS DISSO, DÊ F5 EM SEU SITE PARA ATUALIZA-LO E VEJA A MÁGICA, EEHUEH.
É isso ai...
Meu site: http://formice.com.br/
Duvidas? Responda a esse tópico, são muitas? Me procure no chat, meu nome é Gustavo ou mande um e-mail para..gustavo@formice.com.br.
Meu facebook, também posso ajudar por lá.. http://facebook.com/ikyzem1/

Espero ter ajudado C=

Atenciosamente,
Gustavo
formice
 
Mensagens: 16
Registado: Sábado Abr 21, 2012 9:15 pm
Localização: Brasil, São Paulo, Santos

Voltar para Tutoriais

Quem está ligado:

Utilizadores a ver este Fórum: Nenhum utilizador registado e 2 visitantes