Yang namanya cinta itu aneh. Dia bisa datang di saat kita tidak membutuhkan nya, tapi dia bisa pergi di saat kita benar2 membutuhkannya. Pada kesempatan kali ini saya akan berbagi ilmu kepada kalian tentang bagaimana Cara Membuat Basic Pagination dengan W3.CSS.
Pada udah tau kan apa itu pagination? Singkat aja pagination itu tombol untuk pindah ke halaman yang mempunyai lebih dari 1 halaman. Pagination juga mempunyai banyak model ya teman-teman. Tapi disini kita membuat pagination yang dasar aja dulu ya hehe.
Oke langsung aja, berikut Cara Membuat Basic Pagination dengan W3.CSS.
Pertama-tama, silahkan teman-teman siapkan file index.html nya.
Kemudian, isi di bagian <head> link library W3.CSS nya.
<link rel="stylesheet" href="http://www.w3schools.com/lib/w3.css">
Setelah itu, isi di bagian <body> tag-tag berikut,
<div class="w3-container">
<h2>Pagination</h2>
<p>Ini adalah pagination</p>
<ul class="w3-pagination">
<li><a href="#">1</a></li>
<li><a href="#">2</a></li>
<li><a href="#">3</a></li>
<li><a href="#">4</a></li>
<li><a href="#">5</a></li>
</ul>
</div>
Bagaimana teman-teman untuk Cara Membuat Basic Pagination dengan W3.CSS nya? cukup mudah bukan?
Sekian untuk tutorial kali ini ya, semoga bermanfaat.
Terima kasih