Cara Membuat Pagination Arrows dengan W3.CSS
Cinta yang hanya atas basic nafsu semata akan hancur di akhirnya^^.. Oke di kesempatan kali ini saya akan berbagi ilmu kepada kalian mengenai bagaimana Cara Membangun Pagination Arrows dengan W3.CSS.
Seperti panduan sebelumnya yang merancang Basic Pagination, kali ini saya akan memberitahukan kepada teman-teman seluruh mengenai bagaimana Cara Membangun Pagination Arrows dengan W3.CSS.
Apabila Basic Pagination yang terbagi hanya pada wujud 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 seketika saja, pertama-tama silahkan teman-teman siapkan file index.html nya.
Kemudian isi di bagian <head> link bagi 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=#>laquo;</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=#>raquo;</a></li>
</ul>
</div>
Bagaimana teman-teman bagi Cara Membangun Pagination Arrows dengan W3.CSS nya? lumayan gampang bukan?
Sekianlah bagi panduan kali ini, semoga bermanfaat.
Terima kasih
Sumber https://kursuswebsite.org
