Kali ini saya akan menerangkan bagaimana membuat sebuat scroll pada commentar. Threaded comment blogger memiliki fitur reply, sangat berguna agar terjadi sebuah interaksi antara pengunjung atau dengan admin. Akan tetapi jika yang memberi komentar di suatu postingan banyak, komentar tersebut akan menumpuk terus hingga ke bawah dan terlihat tidak rapi, jadi yang ingin memberi komentar baru, harus menggerakkan scroll terus hingga kebawah. Selain itu, membuat sebuah scroll pada comentar juga berfungsi untuk optimalisasi loading blog yang lambat karena banyaknya komentar.
Cara ini hanya berhasil pada thread comment (reply comment). Jika komentar anda belum memasang reply comment, anda dapat membaca artikel Merubah tampilan Komentar standar menjadi Lebih Keren. Cara Optimalkan Komentar Blogger untuk SEO, Cara Menambah Name dan Url pada Komentar Blog, Mengganti tulisan Poskan Komentar Dengan Gambar.
Jika Cara membuat scroll pada Threaded comment berhasil.. maka akan terlihat hasilnya seperti gambar dibawah ini:
1. Login ke blog Anda
2. Masuk ke Template
3. Lalu klik pada Edit HTML
4. Cari kode .comments .comments-content .comment-thread ol { Lebih tepatnya seperti ini:
.comments .comments-content .comment-thread ol {
list-style-type: none;
padding: 0;
text-align: none;
}
6. Jika sudah ketemu, copy kode di bawah ini dan pastekan di bawah kode .comments .comments-content .comment-thread ol {
max-height:400px;border:0px solid #eee;overflow:auto;7. Sehingga akan menjadi seperti ini:
.comments .comments-content .comment-thread ol {
max-height:400px;border:0px solid #eee;overflow:auto;
list-style-type: none;
padding: 0;
text-align: none;
}
Kode yang berwarna biru adalah ukuran maksimal Scroll, anda bisa menyesuaikannya sesuai keinginan sendiri..
8. Simpan Template and you have done !
Anda juga dapat membaca artikel berikut yang berhubungan dengan pembuatan scroll:
Last Words
Bagaimana? sangat mudah sekali bukan? Sekian post tentang Cara membuat scroll pada Threaded comment. Jangan lupa membaca post saya yang lainnya dengan membaca DAFTAR ISI. Maaf bila ada salah-salah kata dan semoga tulisan ini dapat bermanfaat bagi anda :)
AD-BLOCKER DETECTED!
