Informasi seputar Cara, Gadget, Teknologi, Android, Blogging, Bitcoin, Photoshop, Illustrator, Paket Internet Murah, lifestyle, properti, otomotif
Cara Membuat Load More Saat Di Scroll Dengan Menggunakan "Infinite Scroll" di Blogger
Oleh
San Muliadi- Diupdate November 13, 2020
Infinite scroll merupakan sebuah fitur yang berfungsi memuat halaman selanjutnya pada blog secara otomatis saat kita melakukan scrolling.
Fitur ini tentunya sangat membantu pengunjung karena fitur ini mengurangi kontak pengunjung dengan tombol "next".
Untuk blogger sendiri agar bisa menggunakan fitur ini diperlukan plugin tambahan berupa javascrit. Ada banyak javascript semacam ini di luar sana. Namun pada tutorial ini saya akan mengunakan javascript dari desandro.
Sebelum mempraktekkan tutorial ini silahkan backup dulu template kalian jangan sampai terjadi hal-hal yang tidak diinginkan :)
Cara Menambahkan "Infinite Scroll" Step 1
Copy kode di bawah ini tepat di atas kode </body>
Konfigurasi
Kode script di atas menyesuaikan dengan kode bawaan/default blogger. Jika template kalian adalah template kustom maka bisa saja pengenal elemennya berbeda, jadi mungkin saja kalian tidak akan mendapati kode bawaan sepert "blog-pager-older-link","date-outer" dan sebagainya.
Dukungan browser
Infinite Scroll v3 sudah bisa diterapkan pada browser IE/Edge 11, Android 4+, Safari for iOS 8+, Firefox 29+, and Chrome 33+.
Keuntungan menggunakan fitur infinite-scroll
1. Pengunjung tidak perlu repat menekan tombol next
2. Blog tampak profesional
3. Tidak memerlukan jquery
Kekurangan menggunakan fitur infinite-scroll
Selain ada kekuntungan menggunakan fitur ini, ada juga beberapa kekurangannya.
1. Menggunakan javascript eksternal
Jika kalian menemui kendala saat melakukan pemasangan plugin infinite scroll ini silahkan tinggalkan komentar di bawah.