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">«</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">«</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...
Tidak ada komentar:
Posting Komentar