Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Fan page

20,662 views

Published on

Tutorial de como montar uma fan page com abas personalizadas.

Published in: Technology, Design

Fan page

  1. 1. Como criar uma Fan Page e <br />personalizar as abas<br />
  2. 2. Acesse a página www.facebook.com/pages/create.phppara criar a Fan Page e,<br />escolha o tipo de página e preencha os dados pedidos.<br />2<br />
  3. 3. Com a página criada, acesse o botão “Editar Página” localizado no menu a esquerda.<br />3<br />
  4. 4. Clique em Aplicativos e siga um dos passos abaixo:<br />Caso o aplicativo FBML estático apareça nesta página, clique em adicionar o aplicativo e pule para o slide 8.<br />Se o aplicativo FBML estático não estiver disponível nesta página, clique em “Procurar mais aplicativos”<br />4<br />
  5. 5. Digite “FBML” na caixa de pesquisa de aplicativos e aperte ENTER<br />5<br />
  6. 6. Clique no aplicativo FBML estático<br />6<br />
  7. 7. Clique em “Adicionar à minha página” e a janela abaixo irá aparecer. Basta clicar novamente em “Adicionar à minha página”<br />7<br />
  8. 8. Volte a sua Fanpage, clique novamente em “Editar página” e depois em “Aplicativos”.<br />Agora aparece a opção “FBML1”. Clique na opção “ir para o aplicativo” para personalizar a sua aba.<br />8<br />
  9. 9. No “Título da Caixa” digita como será chamado a aba<br />Neste local você digita o código necessário para seu projeto. Lembrando que o Facebook não aceita alguns códigos HTML.<br />Exemplo: <html><body> entre outros<br />Após mudar o nome da aba e inserir o código, clique em “Salvar alterações” e volte para sua fanpage<br />Se for criar mais de uma aba personalizada, basta clicar aqui que ela será incluída nos seus aplicativos<br />9<br />
  10. 10. Agora você tem uma aba e o conteúdo personalizado para sua fanpage.<br />PS: Você pode manipular a posição de suas abas, basta segurá-las com o mouse e colocar a direita ou esquerda de acordo com sua preferência.<br />10<br />
  11. 11. Seu primeiro código!<br /><a href=“insira um link de destino”><br /><imgtitle=“Nome ou texto que vai aparecer quando o mouse ficar em cima da imagem”<br />Src=“link de onde a imagem está hospedada” alt=“nome alternativo” width=“largura em pixels“ height =“altura em pixels” /> </a><br />Este foi o código utilizado neste pequeno tutorial. Clicando na imagem que deixei na aba vai direto para a página dos Inovadores ESPM.<br />10<br />
  12. 12. Este é um pequeno tutorial, espero que aproveitem bem ele! Aqui há apenas um pequeno passo do que você pode fazer, que vai de acordo com a necessidade de cada trabalho.<br />OS: O FBML foi descontinuado pelo Facebook, mas ainda pode ser adicionado em novas páginas. Veja meus outros slides e aprenda adicionar.<br />@danielbaliero<br />/danielbaliero<br />

×