Postingan lainnya
Buku Ini Koding!
Baru!
Buku ini akan jadi teman perjalanan kamu belajar sampai dapat kerjaan di dunia programming!
Buat design pagination
Assalamualaikum selamat pagi, mau bertanya... disini saya buat paggination.... tapi tampilannya itu kurang menarik, gimana supaya tampilannya ada button nya kaya gambar dibawah ini.
ini tampilannya
pengennya kaya ini
<?php
/*************************************************************************
php easy :: pagination scripts set - Version One
==========================================================================
Author: php easy code, www.phpeasycode.com
Web Site: http://www.phpeasycode.com
Contact: webmaster@phpeasycode.com
*************************************************************************/
function paginate_one($reload, $page, $tpages) {
$firstlabel = "« ";
$prevlabel = "‹ ";
$nextlabel = " ›";
$lastlabel = " »";
$out = "<ul class=\"pagination\">";
// first
if($page>1) {
$out.= "<li><a href=\"" . $reload . "\">" . $firstlabel . "</a></li>";
}
else {
$out.= "<li><span>" . $firstlabel . "</span></li>";
}
// previous
if($page==1) {
$out.= "<li><span>" . $prevlabel . "</span></li>";
}
elseif($page==2) {
$out.= "<li><a href=\"" . $reload . "\">" . $prevlabel . "</a></li>";
}
else {
$out.= "<li><a href=\"" . $reload . "&page=" . ($page-1) . "\">" . $prevlabel . "</a></li>";
}
// current
$out.= "<li><span class=\"current\">Page " . $page . " of " . $tpages ."</span></li>";
// next
if($page<$tpages) {
$out.= "<li><a href=\"" . $reload . "&page=" .($page+1) . "\">" . $nextlabel . "</a></li>";
}
else {
$out.= "<li><span>" . $nextlabel . "</span></li>";
}
// last
if($page<$tpages) {
$out.= "<li><a href=\"" . $reload . "&page=" . $tpages . "\">" . $lastlabel . "</a></li>";
}
else {
$out.= "<li><span>" . $lastlabel . "</span></li>";
}
$out.= "</ul>";
return $out;
}
?>
2 Jawaban:
coba kasih class button di tag a <pre> <a class="btn btn-primary"></a> </pre>
pake bootstrap pagination aja
<a href=' https://getbootstrap.com/docs/4.0/components/pagination/ '> https://getbootstrap.com/docs/4.0/components/pagination/ </a>