All for Joomla All for Webmasters

Como colocar FBML na página do Facebook

Bem… todos podem ver como está a minha página no Facebook. E eu fiz ela usando o FBML, é como se fosse um código HTML do Facebook, com poucos recursos, mas que dá pra fazer uma página bem bacana (:

Enfim, o tutorial terá três etapas. Primeiro, vou ensinar a instalar o aplicativo na sua página. Depois, você vai aprender a colocar uma imagem (que nem na minha página) no seu FBML e, por último, você vai aprender a deixar o FBML como a sua página principal no Facebook da sua página.

instalando o FBML

1. Na sua busca do Facebook, procure por “FBML estático“.

2. Clicando no FBML estático, vai abrir uma página. Clique em Adicionar à minha página.

3. Agora, vai abrir uma janelinha. Você vai selecionar a sua página no Facebook, clicando em Add to page (Adicionar à página).

4. Agora, feche a janelinha clicando em Fechar e depois, vá para a página do seu blog.

A página do Facebook do meu blog:

5. Clique em Editar Página.

6. Clique em Aplicativos.

7. No aplicativo do FBML, clique em Ir para o aplicativo.

código fbml

Lembrando que o FBML só usa códigos básicos, como <img src="http://imagem.png"> (código de imagem), <a
href="http://link.com">link</a>
(links), CSS (<style> personalização </style>), <br> (pular linhas), <center> (centralizar), etc… E lembrando: não tem como fazer mapeamento de links nas imagens do FBML.

Agora, vamos ao código!


clique na imagem para visualizá-la maior

Em Título de Caixa, você vai colocar o título da sua página no Facebook, que vai aparecer assim:

E em FBML você vai colocar o conteúdo da página. Veja na imagem novamente que eu usei um código bem simples, apenas de duas imagens, e para centralizá-las… e pular algumas linhas, que é a tag br, para elas não ficarem grudadas.


clique na imagem para visualizá-la maior

Se você for adicionar uma imagem no FBML, para ela ocupar aproximadamente toda a página em questão de largura, use o tamanho 490px. A imagem vai ficar do mesmo tamanho que as imagens que ficam na página principal (FBML) do seu Facebook.

Depois de todas as alterações feitas, clique em Salvar Alterações.

fazendo do fbml sua página principal

1. Na página do seu blog/site no Facebook, clique novamente em Editar página.

2. Na página, está a opção Guia de destino padrão. Selecione a página que você acabou de criar com o seu FBML (ela vai estar com o título que você colocou em Título de Caixa, lá na edição do seu FBML… lembra?). Depois, clique em Salvar alterações:

Pronto! Agora, toda vez que alguém entrar na sua página do Facebook, vai aparecer a página que você criou com o FBML. Apenas para os administradores da página, a página principal vai ser sempre o Mural.