Cara Menghasilkan Infinite Scroll Pada Template Median Ui

Saifulah.id - Infinite Scroll (Gulir tak terbatas) yaitu istilah untuk navigasi halaman yang tidak memerlukan tombol untuk menampung postingan berikutnya. Makara setiap kali hadirin meraih batas simpulan postingan, fitur infinite scoll ini akan loading otomatis mudah-mudahan konten diangkut terus menerus.

Jenis-Jenis Navigasi Halaman

Buat yang belum tahu, navigasi halaman itu berisikan 3 macam, diantanya:

1. Pagination

Pagination yaitu navigasi halaman yang berupa banyak nomor atau angka. Sehingga hadirin dapat melompat ke beberapa halaman lain yang mereka suka.

2. Load More

Load More yaitu navigasi halaman yang berupa satu tombol saja.

3. Infinite Scroll

Infinite Scoll yaitu navigasi halaman yang tak mempunyai tombol sama sekali, tetapi dilengkapi pendeteksi otomatis untuk memanjakan hadirin menyaksikan halaman selanjutnya tanpa berbuat apa-apa.

Kelebihan Infinite Scrolling

Infinity Scolling mempunyai banyak kelebihan yang tidak dimiliki oleh navigasi jenis lain. Tapi di sini aku akan sebutkan 3 kelebihan saja mudah-mudahan tidak terlampau panjang pembahasannya.

1. Pengunjung yaitu Raja

Pengunjung blog yaitu tamu kehormatan yang mesti dilayani dengan baik. Tugas infinite scroll di sini menyerupai seorang pelayanan yang memiliki gagasan senantiasa menghidangkan postingan memukau yang mungkin digemari oleh para tamunya. Jadi, infinite scrolling meminimalisir kiprah hadirin dalam menekan tombol.

2. Memberikan Eksposur Konten Yang Lebih Baik

Dalam sosial media, periklanan, dan bisnis, kita mengenal ungkapan exposure dan impression. Kedua hal ini sungguh penting untuk mengembangkan jumlah klik postingan. Makanya Instagram, Facebook, Twitter, dan Pinterest senantiasa menggunakan teknik infinite scrolling dalam setiap aplikasinya.

Selain menghasilkan pengguna tidak kecapekan menekan tombol, pengguna juga dapat dibentuk ketagihan dengan konten yang tampil terus menerus terlebih ada yang mereka sukai.

Berbeda apabila kita pakai navigasi tombol, mata hadirin cuma akan menyaksikan konten teratas saja. Mereka gres akan menyaksikan konten lain apabila mau menekan tombol selanjutnya.

3. Penelusuran Halaman Cepat

Tidak diragunakan lagi, pencarian menggunakan infinite scroll lebih singkat dibanding yang lain. Hal ini pasti meminimalisir waktu dan tenaga viewer ketika berada di halaman.

Tutorial Membuat Infinite Scrolling Median UI

1. Buka Dashboard Blogger
2. Klik Tema
3. Tekan icon Segitiga Terbalik
4. Pilih Edit HTML
   
   

   
   
5. Cari kode InfiniteScroll ({ type: 0
   
6. Ubah angka 0 jadi 1 atau 2

Keterangan:

• type: 0 mempunyai arti pengguna perlu mengeklik tombol untuk menampung postingan lain.
• type: 1 mempunyai arti pengguna cuma perlu menggulir (scroll) halaman hingga pada batas simpulan halaman untuk menampung posting lainnya.
• type: 2 mempunyai arti pengguna perlu mengeklik tombol sekali untuk menampung postingan berikutnya, sehabis itu pengguna cuma perlu mengusap layar ke bawah (scroll) halaman untuk merefresh halaman selanjutnya.

Dengan kata lain, type: 0 yaitu jenis navigasi Load More yang dipakai oleh Median UI secara bawaan. Sedangkan untuk menggantinya menjadi Infinite Scroll tinggal diubah menjadi type: 1.

Tapi apabila kita ingin menggabung antara navigasi Load More dengan Infinite Scroll, kita dapat menggunakan type: 2. Demonya dapat kalian lihat di sini

Demikian panduan cara menghasilkan infinity scroll yang ditanyakan oleh kak Rizka 14 hari yang lalu. Semoga berharga buat semua pembaca.

Tweet