How to make pagination in wapkiz search page

What Is Pagination?

Pagination or paging refers to the concept of breaking a large set of data in smaller chunks so that it can easily be absorbed both by the application and the user.

In simple terms, when you search for something on Google you get a list of numbers and Goooooogle written at the bottom of the results page. This is a breakdown of all the million+ results Google has found for your query and has broken it down into “pages” so that you can easily browse through them.
This is pagination.

I know that, when you are trying to add pagination in Wapkiz search page, it’s not working!

So, How you will add pagination in search page?

Lets see How you will create a stylish search page.

wapkiz search page paging

1. At First create a search page and name that page search.

2. Now add this search form code anywhere you want to display the search box.

<form method="get" action="/site-search.html">
  <input type="search" name="to-search" value=":to-search:" placeholder="File Search" maxlength="40" style="width:200px;">
  <input type="submit" value="Search" style="padding:7px;">
</form>

3. Now go to the “search” page

Add CSS

body{font-family:Play;margin:0px;padding:0px;font-size:small;line-height:19px;}
body *{margin:0;padding:0;font-family:font-family:"Arial","Helvetica",sans-serif;}
body, td{margin:0;padding:0;}
table{width:100%;margin:0px;}
tr{margin:0px;}
h1{background-color:#006699;padding:10px 7px 9px 7px;color:white;margin:0px;overflow:hidden;font-weight:bold;font-size:medium;}
.catlist3{padding:9px;border-bottom:1px #ccc solid;}
.catlist3:hover{padding:9px;background-color:#f0f0f0;}
.catlist2{margin:1px 5px 1px 5px;padding:0;transition:all .5s ease;}
.catlist2:hover{box-shadow:0 1px 8px 0 rgba(0,0,0,.45);}
.pgn2{display:inline-block;background-color:#659ec7;font-weight:bold;padding:10px 15px;border:#bbb;margin:2px 5px;color:#fff;}
.pgn2:hover{display:inline-block;background-color:#f44336;font-weight:bold;padding:10px 15px;border:#bbb;margin:2px 5px;color:#fff;}
.pgn2 a{display:inline-block;background-color:#659ec7;font-weight:bold;padding:10px 15px;border:#bbb;margin:2px 5px;color:#fff;}
.pgn2 a:hover{display:inline-block;background-color:#f44336;font-weight:bold;padding:10px 15px;border:#bbb;margin:2px 5px;color:#fff;}

Html Code

<h1>
  Search Result For: <q><u>:to-search:</u></q>
</h1>
[fm]d=all,search=:to-search:,l=20,s=:to-page:,o=idn,no=No Results Found||
<a href="/page-download/%id%/%lname%.html">
  <div class="catlist2">
    <div class="catlist3">
      <table cellspacing="0" cellpadding="0">
        <tr>
          <td width="80px">
            <img src="%music-thumb%" width="70px" height="70px" style="border-radius: 7px; border: 1px #ccc solid; padding: 1px;"/>
          </td>
          <td valign="top" align="left">
            <a href="/page-download/%id%/%lname%.html">
              <b>%name%</b>
            </a><br/>
            <div>
              %music-artist%
            </div>
            <font color="#a3a3a3">
              %size%
            </font><br/>
            <font color="#a3a3a3">
              %music-album%
            </font>
          </td>
        </tr>
      </table>
    </div>
  </div>
</a>
[/fm]
<table width="100%" style="background-color:#f0f0f0;">
  <td align="left">(if :to-page:>1)<a href="/site-search.html?to-search=:to-search:&to-page=[math]:to-page:-1[/math]"><div class="pgn2"><i class="fa fa-long-arrow-left"></i> Prev</div></a>(/if)</td>
  <td align="right"><a href="/site-search.html?to-search=:to-search:&to-page=[math]:to-page:+1[/math]"><div class="pgn2">Next <i class="fa fa-long-arrow-right"></i></div></a></td>
</table>

Learn More: How to add pagination in wapkiz latest update file list

For help and support please comment below.

4 Comments

Leave a Reply

Your email address will not be published.


*