Cara Membuat Scroll Untuk Kotak Komentar

Cara Membuat Scroll Untuk Kotak Komentar - Scroll memiliki banyaak fungsi dan yang paling utaama adalah bisa menghemat panjaang suatu elemen. Terkadang ketika kita menulis di blog dan banyaak yang berkomentar di tulisan atau postingan kita maka panjaang blog akan ikut menyesuaikan dengan banyaknya komentaar yang ada.

Bagi beberapa sobat blogger mungkin hal itu sedikit mengaanggu pemandangan blog so di sini lah peran scroll pada kotak komentar

. Dengan membuat scroll untuk kotak komentarbisa mengehamaat ruang di blog sobat, akan tetapi perlu di perhatikan karena dengaan scroll juga bisa membuat pengunjung malaas untuk membaca komentar2 yang sudah ada sebelumnya, jadi ya terseraah sobat.

cara membuat kotak komentar dengan fungsi scroll

Jika sobat tertarik ingin membuat scroll di kotak komentar sobat bisa membaaca kelanjutan posting ini, langsung saja tanpa basa-basi hehehe...

Cara membuat scroll kotak komentar

Pilih tab Rancangan (Design) > Edit HTML.

Jika sudah cari kode berikut #comments-block{

Langkah selanjutnya adalah menambahkan kode css supaya kotak komentar tersebut mempunyai fungsi scroll, tambahkan kode berikut

max-height:300px;border:1px solid #eee;overflow:auto;

Sehingga akan menjadi seperti ini

#comments-block{max-height:300px;border:1px solid #eee;overflow:auto;

Save dan lihat, kotak komentar blog sobat sudah ditampilkan dengan fungsi scroll.

Nah supaya tidak bingung, saya akan menjelaaskan kode scroll untuk kotak komentar diatas. max-height:300px menunjukkan maksimal ketinggian kotak komentar, jika kurang dari 300px maka scroll masih tidak difungsikan. border:1px solid #eee adalah perintah untuk menyaatakan bahwa scroll kotak komentar tersebut mempunyai ketebalan garis sebesar 1px dan solid serta kode warna border tersebut. overflow:auto kalau yang ini adalah inti dari membuaat scroll kotak komentar ini. So kalau melebihi dari batas yang disesuaikan maka fungsi scroll akan diaktifkan.

Cara membuat scroll kotak komentar untuk threaded comments

Ternyata masih banyaak sobat yang bingung dan belum bisa menggunakan fitur scroll ini pada kotaak komentar. Setelah saya lihat, ternyata komentar yg digunakan berbeda, yaitu komentaar yang langsung download dari blogger itu sendiri.

Hal ini dikarenaakan template yang digunakan memang mengaktifkan atau menggunakaan komentar yang model threded comments, makanya jadi agak ribet gitu. Tapi tenaang ajah, saya udah coba eksperimen dan berhasil, jika sobat tertaarik bisa mencobanya.

Intinya masih sama seperti yang diatas, cuman kita tidak menambaahkan di css-nya, tapi langsung di kodenya. Cari kode

<div class='comments' id='comments'>

gunakakan Ctrl + F supaya lebih cepat, sobat akan menjumpai 2 kode, yang satu untuk templaate dekstop, yang satunya untuk template mobile (silahkan sobat coba2 sendiri ya). Jika sudaah tambahkan kode berikut style='max-height:300px;overflow:auto;' sehingga lengkaapnya akan menjadi seperti ini