Passo a explicar, o objetivo é o seguinte:
Imagem: http://i.imgur.com/exADJ.png
colocar isto na minha página do facebook exatamente como esta página: http://www.facebook....=app_7146470109
o que pretendo é que me façam um código HTML para a minha página exatamente igual a esta página em que metem gosto, convidam amigos e partilham.
minha página facebook: http://www.facebook.com/funportugal
Um grande obrigado a quem me ajudar.
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="float: center; width: 760px; font-size: 13px;"> <div id="step1" ><center> <table height=226 width=528 background='http://i.imgur.com/KmAJ9.jpg'> <tr> <td> </td> <td align="center"> <div style="font-size: 13px;">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="http://imakeinternet.com/squeeze/next.png" border="0" ></a> </center></div> </span> <div id="step2" style="display: none;"> <center> <table height=410 width=528 background='http://i.imgur.com/POhtj.jpg'> <tr> <td> </td> <td align="left"> <fb:request-form method="post" type="Visite" invite="true" content="Visite a nossa pagina! <fb:req-choice url='LINK DA SUA PAGINA' ' 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;">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="http://imakeinternet.com/squeeze/next.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='http://i.imgur.com/dxSq8.jpg'> <tr> <td> </td> <td align="center"> <div style="font-size: 13px;">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="PAGina LINK" /> </center> <br> <div align="center"> <a href="PAGINA FACEBOOK LINK" ><img src="http://imakeinternet.com/squeeze/finish.png" border="0"> </a> </div> </td> </tr> </table> </center> <center> </div> </div> </fb:visible-to-connection> </div> </div>