Mostrando postagens com marcador Tutorial. Mostrar todas as postagens
Mostrando postagens com marcador Tutorial. Mostrar todas as postagens

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>
<br> Nome do Seu aplicativo, descubrir bla bla bla<br>
e edite com o nome do seu aplicativo.
Exemplo :
<br> Qual personagem de Bleach você seria<br>  <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 : )


Continue Lendo