Kamis, 27 September 2018

Membuat Pagination Bootsrap per halaman

Selamat siang sobat, terima kasih sudah berkunjung ke Blog saya. kali ini saya akan berbagi cara membuat paging perhalaman, dari pengalaman yang sudah saya buat sebelumnya.

oke,, selamat mempelajari.

<!DOCTYPE html>
<html>
<head>
  <title>Pagination Perhalaman</title>
</head>
<body>
        <!--Start of blog-->
        <section id="blog">
            <div class="container">
                <div class="row">
                    <div class="col-md-12">
                        <div class="latest_blog text-center">
                            <h2>Berita dan Informasi Seputar PPS Budi Asih</h2>
            <?php
              $show = mysqli_query($terhubung, "SELECT * FROM tbl_informasi");
              $ada = mysqli_num_rows($show);
            ?>
              <center><p class="lead"><?php echo $ada ?> kiriman Informasi ditemukan</p></center>
                        </div>
                    </div>
                </div>
                <!--End of row-->

                <div class="row">
<?php
// Langkah 1. Tentukan batas,cek halaman & posisi data
$batas   = 3;
$halaman = (isset($_GET['halaman'])) ? (int)$_GET['halaman'] :1;
if(empty($halaman)){
  $posisi  = 0;
  $halaman = 1;
}
else{
  $posisi  = ($halaman-1) * $batas;
}
$sql = mysqli_query($terhubung, "SELECT * FROM tbl_informasi LIMIT $posisi, $batas");
// Langkah 3: Hitung total data dan halaman serta link 1,2,3
$query2     = mysqli_query($terhubung, "SELECT * FROM tbl_informasi");
$jmldata    = mysqli_num_rows($query2);
$jmlhalaman = ceil($jmldata/$batas);
while($data = mysqli_fetch_array($sql)){ // Ambil semua data dari hasil eksekusi $sql
?>
                    <div class="col-md-4">
                        <div class="blog_news">
                            <div class="single_blog_item">
                                <div class="blog_img">
                                    <img src="admin/img/news/<?php echo "$data[foto_berita]"; ?>" alt="">
                                </div>
                                <div class="blog_content">
                                    <a href=""><h3><?php echo "$data[judul_berita]"; ?></h3></a>
                                    <div class="expert">
                                        <div class="left-side text-left">
                                            <p class="left_side">
                                                <span class="clock"><i class="fa fa-clock-o"></i></span>
                                                <span class="time"><?php echo "$data[waktu_diposting]"; ?></span>
                                                <a href=""><span class="admin"><i class="fa fa-user"></i> <?php echo "$data[pembuat_berita]"; ?></span></a>
                                            </p>
                                            <p class="right_side text-right">
                                            </p>
                                        </div>
                                    </div>

                                    <p class="blog_news_content"><?php echo "$data[isi_berita]"; ?><br></p>
                                    <a href="index.php?modul=user/content&page=detail_information&id_berita=<?php echo "$data[id_berita]"; ?>" class="blog_link"><font color="blue">Baca Selengkapnya</font></a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!--End of col-md-4-->
                    <?php
                  }               
                ?>
                </div>
                <!--End of row-->

  <nav class="text-center">
    <!-- Add class .pagination-lg for larger blocks or .pagination-sm for smaller blocks-->
    <ul class="pagination">
    <?php if($halaman==1){
      echo '<li><a href="#" aria-label="Previous"> <span aria-hidden="true">&laquo;</span> </a> </li>';
    }else{
       echo '<li><a href="index.php?modul=user/content&page=information&halaman=';echo $halaman -1 ;echo '" aria-label="Previous"> <span aria-hidden="true">&laquo;</span> </a> </li>';
    }
    ?>
 
<?php
for($x=1;$x<=$jmlhalaman;$x++){
  ?>
  <li class="">
  <a href="index.php?modul=user/content&page=information&halaman=<?php echo $x ?>"><?php echo $x ?></a>
  </li>

  <?php
}
?>
    </ul>
  </nav>

                </div>
            </div>
            <!--End of container-->
        </section>
        <!-- end of blog-->

</body>
</html>



Nah, nanti begini tampilannya gan. silahkan boleh dicoba...