Cinta yang hanya atas dasar nafsu semata akan hancur pada akhirnya^^.. Oke pada kesempatan kali ini saya akan berbagi ilmu kepada kalian tentang bagaimana Cara Membuat Pagination Arrows dengan W3.CSS.
Seperti tutorial sebelumnya yang membuat Basic Pagination, kali ini saya akan memberitahukan kepada teman-teman semua tentang bagaimana Cara Membuat Pagination Arrows dengan W3.CSS.
Jika Basic Pagination yang terbagi hanya dalam bentuk angka saja, nah kali ini kita komplikasikan ya teman-teman dengan menambahkan panah kiri yang artinya previous atau mundur, dan panah kanan atau next yang artinya maju.
Penampakan nya seperti ini teman-teman:
Oke langsung saja, pertama-tama silahkan teman-teman siapkan file index.html nya.
Kemudian isi di bagian <head> link untuk mengkoneksi ke W3.CSS nya.
<link rel="stylesheet" href="http://www.w3schools.com/lib/w3.css">
Lalu isi di bagian <body> tag-tag seperti gambar di bawah,
<div class="w3-container">
<h2>Pagination Arrows</h2>
<p>Ini pagination menggunakan panah :</p>
<ul class="w3-pagination">
<li><a href="#">«</a></li>
<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>
<li><a href="#">»</a></li>
</ul>
</div>Bagaimana teman-teman untuk Cara Membuat Pagination Arrows dengan W3.CSS nya? cukup mudah bukan?
Sekian untuk tutorial kali ini, semoga bermanfaat.
Terima kasih
The post Cara Membuat Pagination Arrows dengan W3.CSS appeared first on Kursus Website Terbaik.