Cara Mengganti Tombol Next Prev menjadi Load More di blog

Konten [Tampil]

Cara merubah tombol next previous halaman blog menjadi tombol load more. Di postingan kali ini mimin akan membagikan bagaimana cara untuk menambahkan tombol halaman otomatis tanpa perlu banyak mengklik tombol halaman.

Mungkin sobat pernah mengunjungi salah satu situs web yang memiliki halaman yang cukup banyak. Dan jika sobat ingin melihat postingan sebelum nya maka menekan tombol next (untuk postingan selanjutnya) dan tombol previous ( untuk postingan sebelum nya)

cara membuat tombol next prev angka

Ada banyak nama dari tombol halaman blog ini, seperti next previous, older post, newer post, tombol angka, dan salah satu nya adalah tombol otomatis Load more. Dan fungsi dari tombol tombol tersebut sama saja, yaitu untuk membuka halaman postingan berikut nya.

Tombol otomatis load more ini bisa digunakan untuk membuka halaman artikel selanjutnya tanpa perlu beranjak dari halaman utama nya. Dengan begitu para pengunjung blogpun tak perlu berlama lama jika ingin melihat postingan berikutnya.

Kelebihan Menggunakan Tombol Load More

Adapun kelebihan menggunakan tombol postingan selanjutnya load more ini, di antara nya yaitu sebagai berikut:

Dengan menggunakan tombol loadmore otomatis ini, selain membuat tampilan blog kita lebih simpel. Juga mampu memudahkan para pengunjung blog untuk melihat halaman postingan lain nya.
Mampu membuka halaman postingan secara cepat.
Tidak terlalu membebani loading blog yang memakan waktu yang lama, terlebih koneksi situs lagi down.
Masih tetap di halaman utama blog yang sama.

Cara Mengganti Tombol Older Post angka Menjadi Tombol Load More Di Blog

Jika sebelum nya kamu menggunakan tombol next halaman menggunakan tombol angka atau tombol bergambar. Dan tombol tersebut harus membuka halaman berikut nya.

model tombol download

Di bawah ini adalah cara untuk memasang tombol postingan berikut nya di blog secara otomatis tanpa perlu membuka loading halaman berikut nya. Yuk simak cara nya !

Masuk ke dalam dasboard blog kalian
Klik menu TEMA >> SESUAIKAN >> EDIT HTML
Silahkan klik Ctrl + F untuk membuka kolom pencarian kode.

Yang pertama adalah silahkan masukan kode CSS nya tepat di atas kode ]]><b:skin> atau kode </Style>, silahkan di sesuaikan saja agar letak kode nya. contoh nya seperti gambar di bawah ini.

Yang kedua adalah silahkan tambahkan kode html berikut nya tepat di atas kode </body>, seperti gambar di bawah ini. jika sudah selesai silahkan klik simpan/save.