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
Jika teman tertarik ingin membuat scroll di kotak komentar teman bisa membaca kelanjutan posting ini, pribadi saja tanpa basa-basi hehehe...
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
Oke deh, selamat mencoba untuk membuat scroll kotak komentar ini. Semoga memberi manfaat.
Bagi beberapa teman blogger mungkin hal itu sedikit menganggu pemandangan blog so di sini lah tugas
scroll pada kotak komentar
. Denganmembuat 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.Cara menciptakan scroll kotak komentar
- Login dulu di blogger sebelum membuat scroll kotak komentar.
- Pilih tab Rancangan (Design) > Edit HTML.
- Jika sudah cari arahan memberikankut
#comments-block{ - Langkah selanjutnya yakni menambahkan arahan css semoga kotak komentar tersebut mempunyai fungsi scroll, masukkan arahan memberikankut
Sehingga akan menjadi menyerupai inimax-height:300px;border:1px solid #eee;overflow:auto;#comments-block{max-height:300px;border:1px solid #eee;overflow:auto; - Save dan lihat, kotak komentar blog teman sudah ditampilkan dengan fungsi scroll.
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'>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;'>overflow:auto itu sob.Oke deh, selamat mencoba untuk membuat scroll kotak komentar ini. Semoga memberi manfaat.
Advertisement