Cara Menciptakan Scroll Untuk Kotak Komentar

Scroll mempunyai banyak fungsi dan yang paling utama yakni bisa menghemat panjang suatu elemen. Terkadang knorma dan adab kita menulis di blog dan banyak yang berkomentar di goresan pena atau postingan kita maka panjang blog akan ikut menyesuaikan dengan banyaknya komentar yang ada.

Bagi beberapa teman blogger mungkin hal itu sedikit menganggu pemandangan blog so di sini lah tugas

scroll pada kotak komentar

. Dengan

membuat scroll untuk kotak komentar

bisa mengehamat ruang di blog sobat, akan tetapi perlu di perhatikan sebab dengan scroll juga bisa menciptakan pengunjung malas untuk membaca komentar2 yang sudah ada sebelumnya, jadi ya terserah sobat.

Jika teman tertarik ingin membuat scroll di kotak komentar teman bisa membaca kelanjutan posting ini, pribadi saja tanpa basa-basi hehehe...

Cara menciptakan scroll kotak komentar

1. Login dulu di blogger sebelum membuat scroll kotak komentar.
2. Pilih tab Rancangan (Design) > Edit HTML.
3. Jika sudah cari arahan memberikankut #comments-block{
4. Langkah selanjutnya yakni menambahkan arahan css semoga kotak komentar tersebut mempunyai fungsi scroll, masukkan arahan memberikankut
   

   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 teman sudah ditampilkan dengan fungsi scroll.

Nah semoga tidak bingung, aku akan menjelaskan arahan scroll untuk kotak komentar diatas. max-height:300px memperlihatkan paling cantik ketinggian kotak komentar, jikalau kurang dari 300px maka scroll masih tidak difungsikan. border:1px solid #eee yakni perintah untuk menyatakan bahwa scroll kotak komentar tersebut mempunyai ketebalan garis sebesar 1px dan solid serta arahan warna border tersebut. overflow:auto kalau yang ini yakni inti dari menciptakan scroll kotak komentar ini. So kalau meludang kecepehi dari batas yang diubahsuaikan maka fungsi scroll akan diaktifkan.

Cara menciptakan scroll kotak komentar untuk threaded comments

Ternyata masih banyak teman yang resah dan belum bisa memakai fitur scroll ini pada kotak komentar. Setelah aku lihat, ternyata komentar yg dipakai berbeda, yaitu komentar yang pribadi download dari blogger itu sendiri.

Hal ini dikarenakan template yang dipakai memang mengaktifkan atau memakai komentar yang model threded comments, makanya jadi agak ribet gitu. Tapi hening ajah, aku udah coba eksperimen dan berhasil, jikalau teman tertarik bisa mencobanya.

Intinya masih sama menyerupai yang diatas, cuman kita tidak menambahkan di css-nya, tapi pribadi di kodenya. Cari arahan

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

gunakakan Ctrl + F semoga ludang kecepeh cepat, teman akan menjumpai 2 kode, yang satu untuk template dekstop, yang satunya untuk template mobile (silahkan teman coba2 sendiri ya). Jika sudah masukkan arahan memberikankut style='max-height:300px;overflow:auto;' sehingga tidak ada yang kurangnya 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 hanya di overflow:auto itu sob.

Oke deh, selamat mencoba untuk membuat scroll kotak komentar ini. Semoga memberi manfaat.

Advertisement