Cara Menghasilkan Scroll Untuk Kotak Komentar

Scroll memiliki banyak fungsi dan yang paling utama merupakan dapat meminimalisir panjang sebuah elemen. Terkadang saat kita menulis di blog dan banyak yang berkomentar di goresan pena atau artikel kita maka panjang blog akan ikut menyesuaikan dengan banyaknya komentar yang ada.

Bagi beberapa kawan blogger mungkin hal itu sedikit menganggu panorama blog so di sini lah tugas

scroll pada kotak komentar

. Dengan

membuat scroll untuk kotak komentar

dapat mengehamat ruang di blog sobat, akan namun perlu di amati alasannya merupakan dengan scroll juga dapat menghasilkan hadirin malas untuk membaca komentar2 yang sudah ada sebelumnya, jadi ya terserah sobat.

Jika kawan kesengsem ingin membuat scroll di kotak komentar kawan dapat membaca kelanjutan posting ini, pribadi saja tanpa basa-basi hehehe...

Cara menghasilkan scroll kotak komentar

1. Login dahulu di blogger sebelum membuat scroll kotak komentar.
2. Pilih tab Rancangan (Design) > Edit HTML.
3. Jika sudah cari isyarat berikut #comments-block{
4. Langkah berikutnya merupakan menyertakan isyarat css mudah-mudahan kotak komentar tersebut memiliki faedah scroll, tambahkan isyarat berikut
   

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

   Sehingga akan menjadi menyerupai ini

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

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

Nah mudah-mudahan tidak bingung, aku akan menerangkan isyarat scroll untuk kotak komentar diatas. max-height:300px menyediakan optimal ketinggian kotak komentar, kalau kurang dari 300px maka scroll masih tidak difungsikan. border:1px solid #eee merupakan perintah untuk menyatakan bahwa scroll kotak komentar tersebut memiliki ketebalan garis sebesar 1px dan solid serta isyarat warna border tersebut. overflow:auto kalau yang ini merupakan inti dari menghasilkan scroll kotak komentar ini. So kalau melampaui dari batas yang diubahsuaikan maka fungsi scroll akan diaktifkan.

Cara menghasilkan scroll kotak komentar untuk threaded comments

Ternyata masih banyak kawan yang gundah dan belum dapat menggunakan fitur scroll ini pada kotak komentar. Setelah aku lihat, ternyata komentar yg digunakan berbeda, yakni komentar yang pribadi download dari blogger itu sendiri.

Hal ini dikarenakan template yang digunakan memang mengaktifkan atau menggunakan komentar yang versi threded comments, makanya jadi agak ribet gitu. Tapi hening ajah, aku udah coba eksperimen dan berhasil, kalau kawan kesengsem dapat mencobanya.

Intinya masih sama menyerupai yang diatas, cuman kita tidak menyertakan di css-nya, namun pribadi di kodenya. Cari isyarat

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

gunakakan Ctrl + F mudah-mudahan lebih cepat, kawan akan menjumpai 2 kode, yang satu untuk template dekstop, yang satunya untuk template mobile (silahkan kawan coba2 sendiri ya). Jika sudah tambahkan isyarat berikut style='max-height:300px;overflow:auto;' sehingga lengkapnya akan menjadi menyerupai ini

<div class='comments' id='comments' style='max-height:300px;overflow:auto;'>

Sama toh inti nya dengan membuat scroll kotak komentar yang sebelumnya? Karena memang pada dasarnya cuma di overflow:auto itu sob.

Oke deh, selamat menjajal untuk membuat scroll kotak komentar ini. Semoga bermanfaat.

Share this post