Mengurutkan Komentar Blogger dari Yang Terbaru dengan CSS

Secara default, Komentar Blogger akan diurutkan mulai terlama sampai terbaru. Artinya, komentar terlama akan muncul paling atas dan komentar terbaru akan muncul paling bawah.

Hal ini tentunya ada kelebihan dan kekurangannya. Kelebihannya, pengunjung akan memburu komentar pertama karena akan muncul paling atas, apalagi blog/webnya sudah ramai pengunjung. Kalau dulu selalu ada komentar PERTAMAX mungkin ada yang mengalami. Sedangkan Kekurangannya adalah kesulitan melihat komentar terbaru, karena harus scroll sampai bawah, apalagi komentar sudah puluhan / ratusan.

Cara Mengurutkan Komentar Blogger dari Yang Terbaru

Teknisnya saya menggunakan CSS Flex-Direction untuk mengatasi urutan Komentar ini, untuk memahami Flex Direction silahkan kunjungi Membalik Urutan Objek Terakhir menjadi Awal dengan CSS Flex Direction.

Sebagai DEMO, blog ini mengurtkan komentar dari yang Terbaru. Jadi Komentar terbaru akan muncul paling atas.

Bagi kalian yang ingin merubah urutan komentar dari yang terbaru, silahkan simpan kode CSS ini, biasanya di atas ]]></b:skin>

#top-ra{display: flex; flex-direction: column-reverse;}

Selesai... simpan Template dan lihat hasilnya

Cara Merubah Posisi Kotak Komentar Menjadi di atas

Secara default juga, apabila postingan sudah ada komentarnya maka posisi Kotak Komentar (Comment Form) berada di bawah.

Supaya selaras dengan komentar terbaru yang ada di posisi paling atas, idelanya Kotak Komentar juga dipindah, tidak berada di bawah.

Untuk memindahkan Kotak komentar ke atas, silahkan tambahkan CSS ini:

.toplevel-thread{display: flex; flex-direction: column-reverse;}

atau bisa digabung dengan CSS sebelumnya, menjadi:

#top-ra, .toplevel-thread{display: flex; flex-direction: column-reverse;}

Silahkan diujicoba, atau silahkan berkomentar untuk melihat hasilnya.

Artikel ini telah dibaca sebanyak kali

Tags: Blogger