Cara Membuat Infinite Scroll Pada Template Median UI
Infinite Scroll (Gulir tak terbatas) adalah sebutan untuk navigasi halaman yang tidak membutuhkan tombol untuk memuat postingan berikutnya. Jadi setiap kali pengunjung mencapai batas akhir postingan, fitur infinite scoll ini akan loading otomatis agar konten dimuat terus menerus.
Kelebihan Infinite Scrolling
Buat kalian yang menggunakan template blogger Median UI dari jagodesain, perlu tahu pengaturan Infinite Scroll ini. Sebab, penggunaan Infinite Scroll memiliki beberapa kelebihan, berikut kelebihan yang saya maksud.
1. Meminimalisir menekan tombol
Setiap pengunjung biasanya memiliki keperluan yang berbeda saat menemukan blog kita, begitupun cara menemukan artikel dari dalam blog. Ada mereka, pengunjung, yang menggunakan kolom pencarian dengan menggunakan key word yakni memasukkan kata atau kaliman isi artike. Ada juga yang men-scroll artikel kita ke bawah, kemudian mengharuskan klik Load More atau tampilkan postingan selanjutnya.
Nah, untuk memudahkan pengunjung yang melakukan scroll inilah perlu dimudahkan dengan dibuatkan infinite scroll. Di dalam template Median UI ini sudah tersedia beberapa tipe. Nanti akan kita bahas lagi.
2. Memberikan Eksposur Konten Yang Lebih Baik
Dalam sosial media, periklanan, dan bisnis, kita mengenal istilah exposure dan impression. Kedua hal ini sangat penting untuk meningkatkan jumlah klik postingan. Makanya Instagram, Facebook, Twitter, dan Pinterest selalu menggunakan teknik infinite scrolling dalam setiap aplikasinya.
Selain membuat pengguna tidak capek menekan tombol, pengguna juga bisa dibuat ketagihan dengan konten yang tampil terus menerus apalagi ada yang mereka sukai.
Berbeda jika kita pakai navigasi tombol, mata pengunjung hanya akan melihat konten teratas saja. Mereka baru akan melihat konten lain jika mau menekan tombol selanjutnya.
3. Penelusuran Halaman Cepat
Tidak diragunakan lagi, penelusuran menggunakan infinite scroll lebih cepat dibanding yang lain. Hal ini tentu menghemat waktu dan tenaga viewer saat berada di halaman.
Tutorial Membuat Infinite Scrolling Median UI
Buka Dashboard Blogger
- Klik Tema
- Tekan icon Segitiga Terbalik
- Pilih Edit HTML
- Cari kode InfiniteScroll ({ type: 0
- Ubah angka 0 jadi 1 atau 2
Keterangan:
- type: 0 berarti pengguna perlu mengeklik tombol untuk memuat postingan lain.
- type: 1 berarti pengguna hanya perlu menggulir (scroll) halaman sampai pada batas akhir halaman untuk memuat posting lainnya.
- type: 2 berarti pengguna perlu mengeklik tombol sekali untuk memuat postingan berikutnya, setelah itu pengguna hanya perlu mengusap layar ke bawah (scroll) halaman untuk merefresh halaman selanjutnya.
Dengan kata lain, type: 0 adalah jenis navigasi Load More yang dipakai oleh Median UI secara bawaan. Sedangkan untuk mengubahnya menjadi Infinite Scroll tinggal diubah menjadi type: 1.
Tapi jika kita ingin menggabung antara navigasi Load More dengan Infinite Scroll, kita bisa menggunakan type: 2.
Source:
www.saifullah.id
Join the conversation