Hallo teman-teman, berjumpa kembali dengan saya Muhamad Rizal Hidayat (Murihat). Masih seperti biasa diwebsite dumetschool ini banyak sekali artikel yang bermanfaat dalam memberikan tutorial atau tips dan trik seputar desain website dan semoga teman-teman dapat dengan mudah dan semangat dalam mempelajari ilmu seputar desain website.

Pada Kesempatan kali ini saya akan memberikan tutorial atau contoh Cara Membuat Design Pagination dengan CSS Part 1. Jadi pada pembahasan kali ini tentang macam-macam design pagination, pagination disini merupakan sebuah tombol gunanya untuk membatasi tampilan data agar tidak terlalu panjang. dan saya harap dipembahasan ini teman-teman sudah mengenal terlebih dahulu tentang HTML dan CSS.

Oke langsung saja kita Membuat Design Pagination dengan CSS Part 1. pertama-tama buatlah folder, kemudian jalankan/run text-editor yang teman-teman gunakan lalu ketiklah/copy script HTML dibawah ini :

Jika sudah, langkah selanjutnya teman-teman masukan script CSS dibawah ini dan disini kita menggunakan CSS internal jadi langsung tambahkan tag style diantara tag head pada html :

Jika sudah, silahkan teman-teman simpan didalam folder yang tadi dibuat, lalu kemudian teman-teman dapat langsung menjalankan/run dibrowser yang teman-teman gunakan. Jika benar maka hasilnya akan terlihat seperti pada gambar dibawah ini :

Cara-Membuat-Design-Pagination-dengan-CSS-Part-I

Oke cukup mudah ya teman-teman ? jadi seperti itulah contoh sederhananya dalam Cara Membuat Design Pagination dengan CSS Part 1 dan silahkan teman-teman modifikasi sendiri sesuai keinginan teman-teman dengan acuan dasarnya seperti diatas.

Oke kalau begitu cukup sekian pembahasan kali ini tentang Cara Membuat Design Pagination dengan CSS Part 1 semoga bermanfaat dan sampai bertemu dipembahasan selanjutnya.

Terimakasih