Desain menarik! Cara membuat pagination atau navigation menggunakan css

Pagination or navigation

Seperti kita ketahui bahwa sebuah website tanpa pagination atau navigation ibarat artikel tanpa tujuan Hahaha.. Nah, kali ini saya akan share tentang bagaimana cara membuat desain navigasi keren menggunakan tampilan thumbnail seperti gambar diatas.

Bagaimana jadinya kalau suatu website tidak ada navigasi? mau lihat artikel lain lewat apa? Ribet bukan kalau harus edit isi tema blog orang bahkan males cari artikel selanjutnya bukan? Pilihan tepat merubah tampilan navigasi dengan tampilan thumbnail, mungkin jarang-jarang orang share tentang bagaimana modifikasi navigasi biar terlihat minimalist agar terkesan up-to-date

Penasaran bagaimana cara membuatnya?
Yuk, kita bahas kali ini!

Baca juga : cara membuat scrolling effect di template, theme blog atau website

Pertama-tama backup terlebih dahulu template Anda sebelum menerapkan ke website Anda.

Kemudian cari <nav dan ubah kode tersebut dengan kode dibawah ini


Ingat, sebelum edit template Anda backup terlebih dahulu sebelum Anda salah menerapkan kode html diatas, bila dirasa paham mari kita lanjutkan menambahkan css. Untuk menambahkan css tambahkan css dibawah ini dan taruh di template Anda



Untuk hasilnya akan seperti klik disini
Sekian penjelasan saya tentang membuat desain menarik pagination atau navigation menggunakan css, semoga bermanfaat