Tutorial criar aba estilo "descubra qual personagem" para as páginas do Facebook

Que o Facebook é a rede social mais popular no momento todos nós sabemos, e justamente com isso vamos aprender um tutorial para incrementar sua página no facebook para ganhar "Curtir" mais fácilmente.

Criando um aplicativo do tipo "Clique em curtir e descbura qual personagem de Dragon Ball Z você seria"

Tudo bem que alguns acham que é um saco essas coisas, mas caso queira saber, continue a ler o post.

Vamos aos procedimentos

 Entre em seu Facebook e crie sua página 
 se você não tiver criado alguma ainda entre neste link
 
Depois de ter criado sua página, colocado uma foto e uma descrição, saia da sua página, utilize voltando para seu perfil normal e entre neste link para colocarmos uma aba que aceite HTML em nossa página.
no menu "Adicione este aplicativo a:" selecione a pagina recem criada.

Feito isso, volte novamente para sua página e note que ira aparecer um novo menu com nome padrão Welcome

clique nele e edite sua página da seguinte forma eu recomendo :
- Like button : ON
- Fan Gating : ON

Agora minimize seu navegador por que iremos agora adicionar alguma imagem
para que quem acessar sua página seja obrigado a curtir para ver o conteúdo para fãs.

Crie uma imagem no tamanho 520x700 - sendo 520 largura e 700 altura.
Essa sendo com intenção para quem não curtiu a página ainda.

Agora crie outra imagem no tamanho 520x700 - sendo 520 largura e 700 altura.
Essa sendo com intenção para já curtiu a página.

Depois finalmente crie as imagens para que sejam selecionadas aleatoriamente pelo nosso aplicativo.

Agora upe elas em sua página como albúm ou no imageshack. Exemplo :
Neste Link



Sendo assim finalizamos a primeira parte do nosso tutorial : )
Agora faça o download de nosso código Html que será utilizado

Download

Vamos edita-lo, abra-o com o bloco de notas !
primeiro procure

<title>
O Nome Titulo do seu Aplicativo ?
</title>

e edite com o nome do seu aplicativo.
Exemplo :

<title>
Qual vilão de Bleach você seria ?
</title>

 Depois procure

var likeURL = "http://www.facebook.com/otakusfranca/";  

e edite com o endereço da sua página do facebook. Exemplo:

var likeURL = "http://www.facebook.com/pages/suapagina";

 Depois procure

var enderecos = new Array (
"http://www.facebook.com/sharer.php?u=xxxx",
"http://www.facebook.com/sharer.php?u=xxxx",
"http://www.facebook.com/sharer.php?u=xxxx")

e edite os xxxx com os endereços das fotos que você fez o upload anteriormente. Exemplo:

var enderecos = new Array (
"http://www.facebook.com/sharer.php?u=http://www.facebook.com/photo.php?fbid=248551591893065&set=a.248551461893078.60147.247865278628363&type=3&theater", "http://www.facebook.com/sharer.php?u=http://www.facebook.com/photo.php?fbid=248568118558079&set=a.248551461893078.60147.247865278628363&type=3&theater")

Finalizando o código edite

<img border="0" src="http://img594.imageshack.us/img594/467/image05v.jpg">

 para o endereço da sua imagem indicando seu aplicativo. Exemplo :

<img border="0" src="http://img594.imageshack.us/minhaimagem.jpg">

ou pelo próprio link de alguma foto pelo Facebook

 e não se esqueça de modificar o botão para descobrir a imagem aleatoria

<input type="button" value="Descubra agora bla bla bla !">

 Após feito tudo isso salve.

Voltando agora a sua página, abra o aplicativo " Welcome " que anteriormente deixamos minimizado e coloque os seguintes recursos que eles pedem, sendo o código como html.

depois disso é só seguir as instruções do aplicativo.
Mudando o nome da aba, colocando ela como padrão etc....

Espero que tenham gostado do tutorial e caso tenha te ajudado não custa nada clicar em curtir : )

Autor : Antonio ~ Saiba um pouco mais sobre o cara que escreveu o tópico acima.

19 Anos, programador, fotográfo, respira livros, ama café e tenho uma tardis na garagem.
Data do post : domingo, 25 de março de 2012

Não esqueça de deixar seu comentário aqui em baixo e espero que tenha gostado do post : )
Siga @junin_md .