FaceBook кастомизация и раскрутка

Код не пускает в фан-страницу пользователя, пока он не пригласит на фан-страницу своих друзей.

1 находим app Profile HTML http://apps.facebook.com/profile_html/
2 Установите его у себя на fanpage
3 настраеваем под страничку
http://img265.imageshack.us/i/37654701.jpg/
http://img202.imageshack.us/i/79744588.jpg/
Код:

<fb:fbml version=»1.1″>
<style type=»text/css»>
#step1 { margin: 0pt auto; padding: 60px 10px; background-image: url(«http://imakeinternet.com/squeeze/step1.png «); background-repeat: no-repeat; width: 510px; height: 226px; }
#step2 { margin: 0pt auto; padding: 60px 10px; background-image: url(«http://imakeinternet.com/squeeze/step2.png «); background-repeat: no-repeat; width: 516px; height: 510px; }
#step3 { margin: 0pt auto; padding: 60px 10px; background-image: url(«http://imakeinternet.com/squeeze/step3.png «); background-repeat: no-repeat; width: 516px; height: 226px; }
.app_content_7146470109 .content { width: 500px; }

</style>

<div id=»header»>

<center>

</center>

<p>Follow these 3 Steps.</p>

</a>

</div>

<hr>

<div id=»step1″>

<div class=»content»>

<p>Becoming a fan is easy! Simply click the button that looks like <img src=»http://imakeinternet.com/squeeze/fan.png «> and you’re finished! When you are done, click next to continue!

</p>

<fb:visible-to-connection>

<div align=»right»>

<a href=»#» clicktotoggle=»step1,step2″><img src=»http://imakeinternet.com/squeeze/next.png «></a>

</div>

</fb:visible-to-connection>

</div>

</div>

<div id=»step2″ style=»display: none;»>

<div class=»content»>

<div style=»float: left; width: 200px;»>

<div style=»padding: 10px;»> <fb:request-form method=»post» action=»index.php» content=»Ciao, iscriviti anche tu a questa fantastica pagina!» type=»MY»invite =»true»> <div class=»clearfix» style=»padding-bottom: 10px;»> <fb:multi-friend-selector condensed=»true» style=»width: 200px;» /> </div> <fb:request-form-submit /> </fb:request-form> </div>

</div>

<div style=»float: right; width: 220px;»<p>You should suggest this page to all your <p>friend to help the page grow. You can do</p> that by clicking on the <b>Wall</b> tab and<p> clicking <b>Suggest to Friends</b> on the left</p> hand side below our profile image. When<p> you are done, click next to continue!</p></div>

<br>

<div align=»right»><a clicktotoggle=»step3″ clicktohide=»step2″ onclick=’FBML.clickToHide(«step2″);FBML.clickToTog gle(«step3″);return false;’><img src=»http://imakeinternet.com/squeeze/next.png «></a></div>

</div>

</div>

<div id=»step3″ style=»display: none;» fbcontext=»d155043c5c53″>

<div class=»content»>

<p>Click the Share Button Below!</p>

<p style=»cursor: pointer;»></p>

<fb:share-button class=»url» href=»http://www.facebook.com/pages/Write-Upside-on-Your-Profile-no-u-uop-episdn-ei-u-i/113096758705227?v=app_4949752878 » />

<div align=»right»><a clicktoshow=»final» clicktohide=»step3″ onclick=»(new Image()).src = ‘/ajax/ct.php?app_id=7146470109&amp;action_type=3&amp;pos t_form_id=95f014899fe1b372c8231739eeff6a58&amp;pos ition=16&amp;’ + Math.random();FBML.clickToHide(&quot;app7146470109 _step3&quot;FBML.clickToShow(&quot;app7146470109 _final&quot;return false;»><img src=»http://imakeinternet.com/squeeze/finish.png «></a></div>

</div>

</div>

<div id=»final» style=»display: none;» fbcontext=»d155043c5c53″>

<center>

<span style=»font-size: 24px;»>Thanks for completing the steps, Click below!

<br>

<a href=»/YOUR LINK GOES HERE» onclick=»(new Image()).src = ‘/ajax/ct.php?app_id=4949752878&amp;’ + Math.random();return true;»>

YOUR HYPERLINK GOES HERE</a></span>

</div>

</center>

</fb:visible-to-connection>

</div></div></div></div></div></div></div>

</div>

</div>

</div>

</fb:fbml>

Tags:

• facebook
• код