meti as imagens onde diz por exemplo imagem do botão next meti a imagem do botão next, onde tem bla bla bla meti o texto ...

anda lá ajuda-me lá, faz lá isso que tu percebes disso, fazes e depois envias-me e eu é só colocar o código.

http://pastebin.com/RKpNcn18

Adicionei as imagens, mas mesmo assim necessita de adicionar os links para as paginas que pretende.
As zonas onde deve colocar estão assinaladas.

Alguma duvida basta dizer

desisto, é muito complicado, eu meto tudo bem mas isto fica tudo torto --"

vou ver noutro forum qualquer ver se alguém me manda já feito, prefiro pagar, esta porcaria fica toda destrucida

Poderia tirar uma print ao resultado?

O meu conselho inicial mantém-se... Seria melhor e mais simples, no seu caso, optar por uma pagina inicial simples.
Em todo o caso, pode sempre pagar a um webmaster para este trabalho, mas na maioria das vezes não é algo barato...

se tu sabes fazer porque não me fazes e envias-me já feito? entras no facebook e vez qual o link e essas coisas

Nawaki escreveu:se tu sabes fazer porque não me fazes e envias-me já feito? entras no facebook e vez qual o link e essas coisas

Mas isso já eu fiz no código anterior...
Basta alterar os links da sua pagina no Facebook que, segundo vi, é https://www.facebook.com/funportugal ...

No entanto deixou outra app que pode adicionar na sua pagina e pode ser mais simples para si:
https://www.facebook.com/apps/application.php?id=190322544333196

Depois de adicionar a página irá ter duas opções para editar:
- A primeira diz respeito ao codigo HTML da pagina para todos os visitantes da pagina que ainda não tenham clicado no "Gosto".
- A segunda diz respeito ao que surge depois de clicarem em "Gosto".

No seu caso, na primeira zona poderá criar algo para colocar inicialmente, como, por exemplo, uma imagem a incentivar o clique no "Gosto".

Depois dos utilizadores clicarem pode adicionar uma opção de partilha da sua página. Por exemplo, utilizando o botão "Enviar" do Facebook:
https://developers.facebook.com/docs/reference/plugins/send/

Como não possui conhecimento de HTML, poderá utilizar o editor WYSIWYG do TugaTech para ajudar: http://editor.tugatech.com.pt/

resumindo, continuo sem perceber nada ...

em vez de dizeres como se faz podias-me mandar já o codigo feito e eu era só colocar, muito mais simples , rápido e escusava-mos de andar a mais de 1 hora aqui no tópico a comentar

Nawaki escreveu:resumindo, continuo sem perceber nada ...

em vez de dizeres como se faz podias-me mandar já o codigo feito e eu era só colocar, muito mais simples , rápido e escusava-mos de andar a mais de 1 hora aqui no tópico a comentar

Mas eu já coloquei o código e, neste ultimo exemplo, disse como deveria ser tudo feito.

Não sei que mais possa ser feito
Até indiquei o editor do TugaTech que pode ajudar a criar o seu código
Alias, neste ultimo método não necessita de muito código. Basta adicionar a aplicação na sua página.

Deixo um exemplo do que pode ser colocado:
-- Primeira zona (utilizadores que ainda não clicaram em gosto):

Código:

<div style="text-align: center;"><img src="http://cdn5.iconfinder.com/data/icons/Free-PSD-blogging-icons-Bimbilini/64/thumbs_up.png"></div><div style="text-align: center;">Ao visitar a nossa página não se esqueça de clicar em "Gosto".</div>

--Segunda zona (surge depois de clicarem no gosto)

Código:

<div style="text-align: center;"><img src="http://cdn5.iconfinder.com/data/icons/Jewelry/128/Partnership.png"></div><div style="text-align: center;">Obrigado por clicar em "Gosto".</div><div style="text-align: center;">Não se esqueça de partilhar a pagina com os seus contactos.</div><div style="text-align: center;"><br></div><div style="text-align: center;">CODIGO DO BOTÃO "SEND" DO FACEBOOK</div>

O código do botão "SEND" deve ser gerado em:
https://developers.facebook.com/docs/reference/plugins/send/

Não sei como posso simplificar mais...

esquece, eu desisto

bom, os passos estão todos descritos.
Não sei como se pode "reduzir" ou simplificar mais, mas se algum utilizador conseguir, pode sempre colocar.

Caso necessite de mais ajuda não hesite em colocar.

não dá para me fazeres tu? entras no meu pc por team viwer e fazes isso

DJPRMF escreveu:
No entanto deixou outra app que pode adicionar na sua pagina e pode ser mais simples para si:
https://www.facebook.com/apps/application.php?id=190322544333196

Depois de adicionar a página irá ter duas opções para editar:
- A primeira diz respeito ao codigo HTML da pagina para todos os visitantes da pagina que ainda não tenham clicado no "Gosto".
- A segunda diz respeito ao que surge depois de clicarem em "Gosto".

No seu caso, na primeira zona poderá criar algo para colocar inicialmente, como, por exemplo, uma imagem a incentivar o clique no "Gosto".

Depois dos utilizadores clicarem pode adicionar uma opção de partilha da sua página. Por exemplo, utilizando o botão "Enviar" do Facebook:
https://developers.facebook.com/docs/reference/plugins/send/

Como não possui conhecimento de HTML, poderá utilizar o editor WYSIWYG do TugaTech para ajudar: http://editor.tugatech.com.pt/

Basta seguir o que está indicado...
Onde está a ter duvidas ou problemas ao certo?
Conseguiu adicionar a aplicação na sua página?

eu quero é fazer aquela do inicio que são so 3 passos, gostar, convidar amigos e partilhar

Nawaki escreveu:eu quero é fazer aquela do inicio que são so 3 passos, gostar, convidar amigos e partilhar

Se não tiver conhecimento HTML, é escusado tentar criar o código que pretende. Irá sempre ter de alterar algumas coisas no código para este ficar adaptado à sua página e site.

Não passa por ajudar da minha parte, mas sim do conhecimento que é necessário. Como já fiz anteriormente, coloquei todo o código pronto a ser colocado, bastando alterar alguns links. Mas se não tiver conhecimento obviamente que não irá perceber, mas neste caso não consigo ajudar mais (nem ninguém ).
Seria como pedir a uma criança de 5 anos para resolver um complexo problema matemático (não daria certo )

Os passos que referi nas ultimas mensagens permitem fazer praticamente a mesma função e de uma forma mais simples e rápida.

eu não vou precisar de fazer alterações, só preciso do código e nunca mais mudo pois não faço alterações no site nem na página

Nawaki,

DJPRMF escreveu:http://pastebin.com/RKpNcn18

Adicionei as imagens, mas mesmo assim necessita de adicionar os links para as paginas que pretende.
As zonas onde deve colocar estão assinaladas.

Alguma duvida basta dizer

Mas o código está ai...
Como referido, basta alterar os textos e links...

pois mas isso eu já tentei e não consegui

Nawaki escreveu:pois mas isso eu já tentei e não consegui

E qual é o resultado final? Surge algum erro?

E tentou aplicar o segundo método que referi? Qual o resultado neste?

o resultado ficou tudo mal, só consegui colocar o texto no 1º passo e a segunda tentativa que disses-te eu nao quero.

Quero igualzinho a esta página: https://www.facebook.com/LOLTUGA?sk=app_7146470109

script já está agora só preciso que me faças as ligações correctas,meter as imagens no sitio, links no sitio ...

Nawaki escreveu:o resultado ficou tudo mal, só consegui colocar o texto no 1º passo e a segunda tentativa que disses-te eu nao quero.

Quero igualzinho a esta página: https://www.facebook.com/LOLTUGA?sk=app_7146470109

script já está agora só preciso que me faças as ligações correctas,meter as imagens no sitio, links no sitio ...

Note que o script que enviei não é o utilizado na página do "loltuga". Trata-se de uma versão gratuita.

A versão paga encontra-se em http://mporgsoft.com/fbfanpage.php e custa cerca de 20 dólares (ver no final da pagina).
Mas irá sempre necessitar de saber código HTML para editar.

então cria-me uma em que tenha só de colocar o código e já está.

uma em que metam gosto e partilhem

DJPRMF escreveu:

Nawaki escreveu:resumindo, continuo sem perceber nada ...

em vez de dizeres como se faz podias-me mandar já o codigo feito e eu era só colocar, muito mais simples , rápido e escusava-mos de andar a mais de 1 hora aqui no tópico a comentar

Mas eu já coloquei o código e, neste ultimo exemplo, disse como deveria ser tudo feito.

Não sei que mais possa ser feito
Até indiquei o editor do TugaTech que pode ajudar a criar o seu código
Alias, neste ultimo método não necessita de muito código. Basta adicionar a aplicação na sua página.

Deixo um exemplo do que pode ser colocado:
-- Primeira zona (utilizadores que ainda não clicaram em gosto):

Código:

<div style="text-align: center;"><img src="http://cdn5.iconfinder.com/data/icons/Free-PSD-blogging-icons-Bimbilini/64/thumbs_up.png"></div><div style="text-align: center;">Ao visitar a nossa página não se esqueça de clicar em "Gosto".</div>

--Segunda zona (surge depois de clicarem no gosto)

Código:

<div style="text-align: center;"><img src="http://cdn5.iconfinder.com/data/icons/Jewelry/128/Partnership.png"></div><div style="text-align: center;">Obrigado por clicar em "Gosto".</div><div style="text-align: center;">Não se esqueça de partilhar a pagina com os seus contactos.</div><div style="text-align: center;"><br></div><div style="text-align: center;">CODIGO DO BOTÃO "SEND" DO FACEBOOK</div>

O código do botão "SEND" deve ser gerado em:
https://developers.facebook.com/docs/reference/plugins/send/

Não sei como posso simplificar mais...

Já tinha sido referido...

olha como ficou: https://www.facebook.com/funportugal?sk=app_4949752878

Na linha 11 do código em http://pastebin.com/RKpNcn18 remova:

Código:

float: center; width: 760px;

Ou seja, deve ficar:

Código:

<div style="font-size: 13px;">

Se for necessária mais alguma alteração que note basta dizer

https://www.facebook.com/funportugal?sk=app_4949752878

continua tudo torcido

Em todo o código procure por:

Código:

font-size: 13px;

e adicione, imediatamente a seguir a este, dentro das aspas:

Código:

margin-left: 10px;

Pode alterar o valor 10px por outro até verificar que se encontra direito

mudei o 10 para 9 e para 8 e continua destorcido

este é o codigo que está agora, se poderes configura para ficar tudo bem e já agora muda a cor da letra para branco e a negrito.

Código:

<script type="text/javascript" charset="utf-8">
    var outside_location = document.getElementById('outside_location');
</script>
<div id="outside_location">
<div align="center">
                <img src="IMAGEM HEADER" border="0">
        </div>
<br>
<br>
 
        <div style="font-size: 13px;margin-left: 8px;">
     
        <div id="step1" ><center>
<table height=226 width=528 background='https://lh5.googleusercontent.com/-Ui07TshzekQ/TveAi2Y24DI/AAAAAAAAAzI/Ie6S8tSPD88/s528/Untitled-3%252520copy.png'>
<tr>
<td>
</td>
<td align="center">
<div style="font-size: 13px;margin-left: 8px;">Para aceder bla bla bla  <img src="http://i858.photobucket.com/albums/ab142/harris444/bbc-1.png" border="0" > dsfhfghdgh! Depois clique em Next!</div>
</td>
<td allign="center">
</td>
</tr>
</table>
</center>
                 
                    <fb:visible-to-connection>
<center>
<a  href="#"  clicktohide="step1" clicktoshow="step2" ><img src="https://www.facebook.com/app_full_proxy.php?app=7146470109&v=1&size=o&cksum=bc59a96bb5415dff678eee66fccda427&src=http%3A%2F%2Fimakeinternet.com%2Fsqueeze%2Fnext.png" border="0" ></a>       
                </center></div>        </span>
 
        <div id="step2" style="display: none;"> <center> <table height=410 width=528
        background='https://lh4.googleusercontent.com/-pepUBNVfZjQ/TveAiI0EqEI/AAAAAAAAAzA/K8ZfgLAZ4ME/s528/Untitled-3%252520copssy.png'> <tr> <td>
        </td> <td align="left">
<fb:request-form
method="post"
type="Visite"
invite="true"
content="Visite a nossa pagina!
<fb:req-choice url='https://www.facebook.com/funportugal' ' label='GO' /> ">
<div class="clearfix" style="padding-bottom: 10px;">
<fb:multi-friend-selector condensed="true" selected_rows="0" style="width: 200px;" /><fb:request-form-submit />  </fb:request-form>  <div>
 
     
 </td>
 <td allign="Right">
<u><font SIZE="3"style="color: #ff0000;">IMPORTANT</font></u>:<b><font SIZE="3">If you Skip this step you will be banned from this offer</font></b>
 <div style="font-size: 13px;margin-left: 8px;">Invite All Your Friends To this page By selecting their names.
When you are done, click next to continue! <br>
 
<br>
<center>
<a  href="#"  clicktohide="step2" clicktoshow="step3" ><img src="https://www.facebook.com/app_full_proxy.php?app=7146470109&v=1&size=o&cksum=bc59a96bb5415dff678eee66fccda427&src=http%3A%2F%2Fimakeinternet.com%2Fsqueeze%2Fnext.png" border="0" ></a>         
                </center>
</div>
</td>
</tr>
</table>
</center>
 
</div>   
     
        <br />
     
        <div id="step3"  style="display: none;">
<center>
<table height=226 width=528 background='https://lh3.googleusercontent.com/-5RLTmKi11lk/TveLPexWDuI/AAAAAAAAAzw/jvnq-mi5TfU/s528/Untitled-3%252520copy.png'>
<tr>
<td>
</td>
<td align="center">
<div style="font-size: 13px;margin-left: 8px;">Sharing is caring, so tell your friends about this page by posting a quick note to your stream.</div>
</td>
<td allign="center">
<center><fb:share-button class="url" href="https://www.facebook.com/funportugal" />           
                </center>
<br>
<div align="center">
<a  href="https://www.facebook.com/funportugal"  ><img src="https://www.facebook.com/funportugal" border="0">
</a>
</div>
 
</td>
</tr>
</table>
</center>
<center>
 
 
 
        </div>
     
     
        </div>
        </fb:visible-to-connection>
                </div>
</div>

Quanto menos o valor, mais desalinhado fica...

Poderia tirar uma print do problema, para poder verificar o código?

queres que tire um print ao que?

Por partes:
- A primeira já se encontra correctamente configurada...

- A segunda o problema passa pelo tamanho da imagem de fundo. Altere a imagem de fundo do passo dois para outra com o tamanho: height=410 width=528

- O terceiro passo também se encontra correcto, pelo que vi...

Para fazer o texto em negrito coloque o mesmo da seguinte forma:

Código:

<b>texto a negrito</b>

Mas esse passo poderemos fazer à posterior. Agora iremos centrar na configuração.

diz-me um programa grátis onde possa meter a imagem a esse tamanho. já não tenho photoshop

http://www.getpaint.net/

entravas no meu pc, fazias-me isso que era mais rápido

esta está com as medidas que falas-te

Ok, agora altere a imagem no seu código...

Procure por

Código:

<table height=410 width=528
        background='https://lh4.googleusercontent.com/-pepUBNVfZjQ/TveAiI0EqEI/AAAAAAAAAzA/K8ZfgLAZ4ME/s528/Untitled-3%252520copssy.png'>

e substitua o link do background pela imagem que criou...

ficou assim:

Pelo que vi o link não está correcto...
Não deve adicionar links de imagens do facebook...
Por exemplo: http://platform.ak.fbcdn.net/www/app_full_proxy.php?app=4949752878&v=1&size=o&cksum=b6e7050aecb1b1779c95234584f448ce&src=http%3A%2F%2Fi.imgur.com%2FAhZPC.png

Altere, por exemplo, por https://redcdn.net/ihimizer/img855/2559/blili.png

não tem link do facebook o que tem e do imgur ou imageshack.

Código:

<script type="text/javascript" charset="utf-8">
    var outside_location = document.getElementById('outside_location');
</script>
<div id="outside_location">
<div align="center">
                <img src="IMAGEM HEADER" border="0">
        </div>
<br>
<br>
 
        <div style="font-size: 13px;margin-left: 8px;">
     
        <div id="step1" ><center>
<table height=226 width=528 background='https://lh5.googleusercontent.com/-Ui07TshzekQ/TveAi2Y24DI/AAAAAAAAAzI/Ie6S8tSPD88/s528/Untitled-3%252520copy.png'>
<tr>
<td>
</td>
<td align="center">
<div style="font-size: 13px;margin-left: 8px;">Para aceder bla bla bla  <img src="http://i858.photobucket.com/albums/ab142/harris444/bbc-1.png" border="0" > dsfhfghdgh! Depois clique em Next!</div>
</td>
<td allign="center">
</td>
</tr>
</table>
</center>
                 
                    <fb:visible-to-connection>
<center>
<a  href="#"  clicktohide="step1" clicktoshow="step2" ><img src="https://www.facebook.com/app_full_proxy.php?app=7146470109&v=1&size=o&cksum=bc59a96bb5415dff678eee66fccda427&src=http%3A%2F%2Fimakeinternet.com%2Fsqueeze%2Fnext.png" border="0" ></a>       
                </center></div>        </span>
 
        <div id="step2" style="display: none;"> <center> <table height=410 width=528
        background='http://i.imgur.com/AhZPC.png'> <tr> <td>
        </td> <td align="left">
<fb:request-form
method="post"
type="Visite"
invite="true"
content="Visite a nossa pagina!
<fb:req-choice url='https://www.facebook.com/funportugal' ' label='GO' /> ">
<div class="clearfix" style="padding-bottom: 10px;">
<fb:multi-friend-selector condensed="true" selected_rows="0" style="width: 200px;" /><fb:request-form-submit />  </fb:request-form>  <div>
 
     
 </td>
 <td allign="Right">
<u><font SIZE="3"style="color: #ff0000;">IMPORTANT</font></u>:<b><font SIZE="3">If you Skip this step you will be banned from this offer</font></b>
 <div style="font-size: 13px;margin-left: 8px;">Invite All Your Friends To this page By selecting their names.
When you are done, click next to continue! <br>
 
<br>
<center>
<a  href="#"  clicktohide="step2" clicktoshow="step3" ><img src="https://www.facebook.com/app_full_proxy.php?app=7146470109&v=1&size=o&cksum=bc59a96bb5415dff678eee66fccda427&src=http%3A%2F%2Fimakeinternet.com%2Fsqueeze%2Fnext.png" border="0" ></a>         
                </center>
</div>
</td>
</tr>
</table>
</center>
 
</div>   
     
        <br />
     
        <div id="step3"  style="display: none;">
<center>
<table height=226 width=528 background='https://lh3.googleusercontent.com/-5RLTmKi11lk/TveLPexWDuI/AAAAAAAAAzw/jvnq-mi5TfU/s528/Untitled-3%252520copy.png'>
<tr>
<td>
</td>
<td align="center">
<div style="font-size: 13px;margin-left: 8px;">Sharing is caring, so tell your friends about this page by posting a quick note to your stream.</div>
</td>
<td allign="center">
<center><fb:share-button class="url" href="https://www.facebook.com/funportugal" />           
                </center>
<br>
<div align="center">
<a  href="https://www.facebook.com/funportugal"  ><img src="https://www.facebook.com/funportugal" border="0">
</a>
</div>
 
</td>
</tr>
</table>
</center>
<center>
 
 
 
        </div>
     
     
        </div>
        </fb:visible-to-connection>
                </div>
</div>

Segundo verifiquei na sua pagina, o link está errado.
E, alem disso,a imagem https://i.imgur.com/AhZPC.png continua a estar pequena...

Quando alterar para o link https://redcdn.net/ihimizer/img855/2559/blili.png o resultado fica correcto:


Cumps

ja meti a imagem maior, ve agora como ficou

https://www.facebook.com/funportugal?sk=app_4949752878

Segundo verifiquei está a colocar a imagem https://i.imgur.com/AhZPC.png , que é mais pequena...
Tente colocar a imagem https://redcdn.net/ihimizer/img855/2559/blili.png

ja meti a maior e está bom

Note que verifiquei que algumas imagens do codigo continuam a ser do Facebook.
Opte por utilizar o link de imagens em serviços como o tinypic ou imageshack...

Falta algo ou notou mais algum erro?

Cumps

https://www.facebook.com/funportugal?sk=app_4949752878

ve como ficou

A mim aparece correctamente...
Somente no primeiro passo a imagem está errada, uma vez que o link é do facebook...
E, obviamente, o texto necessita de ser alterado.

Mas de resto aparece correctamente...

está bom, vou so fazer outras imagens porque o fundo vermelho não se nota muito as letras, vou meter fundo branco para ficar mais simples e mais bonito.

vou substituir por estas assim mais simples

Se necessitar de mais ajuda em algum passo não hesite em colocar...

Obrigado.


Olha ás vezes mandam-me mensagens automáticas que não foi o utilizador que enviou ou seja
são mensagens corrente que passam de chat em chat, sabes como se faz isso?