How to Create Toplist in Wapka

In this tutorial, I will show you how to create toplist site with wapka site builder, no need to host your toplist, no need to learn programming, all so simple.. :)

Our tutorial is very lengthy, so it maybe add in two parts or more, it all depends.. Lets do it in real time :)

1. Login to your free wapka account, for toplist I recommend you should create new site or else you will not be able to handle the extra load in one site..
2. Goto Admin Mode
3. At first, we will design our registration site,
   
   1. for this goto ES > USER > USER PROFILES Activate user profiles by marking the checkbox at the top most and press SET Button at the end.. It will activate profile system to be used..
   2. Now find the text Registration Profile form under this text in textbox insert the following code and press SET button again
      <b>Site Title:</b><br /> ::var+1(40):: <br /> <br /> <b>URL: (include http://)</b><br /> ::var+2(50):: <br /> <br /> <b>Description:</b><br /> ::var+3(area)::
      
   3. Mark the check box asking for Display profile form in registration page: and again press SET button
      
   4. Find Profile form (default) and empty its textbox and press SET button
   Now the registration page in your site should look like the following picture, you can see your registration page by going to http://site.wapka.mobi/registration_0.xhtml (Change Site with your wapka login)
   
   
4. Now we will design the main page first, I think that way you will understand better..
   
   1. Goto Home page of your site
   2. Via WML/xHML code add the following code
      <table width="100%">:userstats:d=ru,l=10,wc=2-5000,s=:geti-page:,o=cr,n=No Site in this category at the moment :: <tr><td>%sn%. <a href="%urlprofile%">%prvar-1%</a></td></tr> :: :/userstats: </table>:paging: n=:geti-page(1):, u=site_:getid-site:.%ext%?get-page=%n% ::<div>Pages: %n% %n% %n% .... %nlast%</div>:/paging:
      This will display user list displaying the site title and link.. Only those sites will be displayed that have send more than 2 hits..
      
   3. Now we need to add two links Register Now, Login/Edit Site, add them via ES > WML/xHTML with the help of the following code
      <a href="/registration_1.xhtml">Register Now</a><br /> <a href="/login_1.xhtml">Login/Edit Site</a>
      
   4. If you like you can add another info for the visitors, let them know how many site are registered and how many sending us hits.. Just add the following code via ES > WML/xHTML code
      <hr/><b>:userstats:d=ru,wc=2-5000,l=0:: :: :/userstats:</b> sites sending hits to us out of <b>:stats-ru:</b> registered sites.
   Now we have completed our home page.. looking nice?
   
At the point, we have completed our registration page, login page and home page.. If you don't understand any of them ask via comment form below..
5. Now we will design page that will keep the user site details and more data, for this do following
   
   1. Goto ES > USER > USER PROFILES > find Profile form (default) *: and post the following code in the box, after that press SET button at the end
      <b>Site Title:</b> ::var+1(40):: <br /> <br /> <b>URL:</b> ::var+2(50):: <br /> <br /> <b>Description:</b> ::var+3(area)::
   2. find Profile constants **: and change its code with the following one
      <b>Hits In:</b> ::credit::<br /> <br /> <b>Hits Out:</b> ::pr_count::<br /> <br /> <b>Voting: </b>::vote::
      After that click SET at the bottom of the form..
   3. Now fiind Own style of profile site ***: and place the following link instead the first one..
      <div align="center"><a href="/profile_0.xhtml?get-redirect=true&u=::TUSER_NAME::">Click Here to Continue to the website</a></div>::PROFILE_FORM::<br /> <br /> <br /> ::PROFILE_CONS::<br /> <br /> <b>Vote for this site: ::VOTE(Bad;Good)::</b></p>
      again Press Set button at the end of form o save settings..
6. Now goto ES > ADD AUTOCONTENT > Autocontent for profiles > In first text box write -4 and in second write -5 and then click SET button
7. Now goto Home page and click the >> button after site at the bottom and goto site -4 via the jump box.. In site -4 add the following code via ES > WML/xHTML code
   <meta HTTP-EQUIV="REFRESH" content="0; url=:userstats:d=ru,l=1,x=u:: %prvar-2%:: :getid-profile: :/userstats:"/>
   Please take in mind that this code will redirect every time you will refresh the page, please be carefull and tricky in this part after adding the code just goto ES > USER > ITEM VISIBILITY and click g c t l p U link and after that click URL GET variable llink, in next page set as following in the picture and click the SET button
   
   Now go back to home page to make our control panel area
   
8. In this part we will create our control panel for user, you need to create new page via ES > NEW PAGE > suppose its SITEID is 1..
   
   1. To allow user to edit its site address and title etc we will add few options.. Add the following code via ES > WML/xHTML code
      <h3 class="div">Edit Site</h3>:eprofile-XXX: Site Title:<br /> ::var+1::<br /> Site URL: (include http://)<br /> ::var+2::<br /> Site Description:<br /> ::var+3::<br /> @@Edit My Site:/eprofile:<br />
      Change XXX with the Site ID on which we are working or that you have added in this part :) suppose 1
   2. Now its time to add the reference codes that will be used to increase hits in when user sends a vistor, add following via ES > WML/xHTML code
      <text#area><h3 class="div">Install Codes</h3><a href="http://XXXXXXXXXXXXXX.wapka.mobi/ref/:user-tname:">Free toplist</a><#/textarea>
      Change XXXXXXXXXXX with your site address and remove # from above code.. you can add banner links as well all up to you ;)
   3. To allow user to change password for his account, you can use following code, add via ES > WML/xHTML code
      <a href=":url-usr-pass:">Change Password</a>
   4. Now add link for user to logout of the system, here is code
      <a href=":url-usr-logout:">Logout</a>
   5. lease set access to this page by the user only so that no other anonymous user can enter here.. do it via ES > USERS > PROTECTED ITEM > Mark the page and set access for logged users only.
9. Now the last step is very easy, Goto ES > USER > CREDIT SYSTEM > and set credit settings for ref link etc. See below fpor more info
   
   1. If you wanted to set credit +1 for every click to ref link just find Users referred via referral link and press settings link against it > find
      Add credits for:
      Click ref. link: and press EDIT OPTIONS BUTTON
   2. Ots all upto you how you set credit and on what basis you use it..

That's it, its very simple tutorial on adding toplist in wapka site, hope you enjoyed it and please write below for further help.. Thanks

Join our facebook page
Create your own free wapsite in minutes
Request New Tutorials