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;
}
?>

avatar Obbytokun
@Obbytokun

186 Kontribusi 16 Poin

Diperbarui 4 tahun yang lalu

2 Jawaban:

coba kasih class button di tag a <pre> &lt;a class="btn btn-primary"&gt;&lt;/a&gt; </pre>

avatar dianarifr
@dianarifr

642 Kontribusi 316 Poin

Dipost 4 tahun yang lalu

pake bootstrap pagination aja

<a href=' https://getbootstrap.com/docs/4.0/components/pagination/ '> https://getbootstrap.com/docs/4.0/components/pagination/ </a>

avatar Liimalim
@Liimalim

17 Kontribusi 1 Poin

Dipost 4 tahun yang lalu

Login untuk ikut Jawaban