Membuat Scroll Pada Kotak Komentar

Cara Membuat Scroll Pada Kotak Komentar


di postingan kali ini saya akan share penerapan scroll pada kotak komentar di blog. setelah beberapa waktu yang lalu saya share cara membuat reply dan cara membuat link nudging dengan css. scroll pada kotak komentar sangat di perlukan blog dengan traffic yang tinggi dan jumlah komentar yang banyak setiap harinya. keuntungan dari memasang scroll di kotak komentar adalah menghemat tempat, loading menjadi lebih singkat, tentu saja menambah indah juga hehe
untuk memasangnya scroll ini sangat gampang sekali kita hanya bermain dengan css lumayan mudah dan codenya sedikit jadi gak bikin kepala kita pusing deh
- Login blog
- Masuk edit html + centang expand template widget
- Backup dulu tempalte agar bisa jaga-jaga kalo code tidak berhasil
- Tekan CTRL+f => Cari kode #comments-block { atau #comments-block{

 
- Tambahkan kode berikut, tepat di bawahnya:

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

nanti codenya akan terlihat seperti ini :

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

sebelum sobat simpan silahkan sobat sesuaikan tinggi dari kotak komentarnya dengan merubah angka 300 (berwarna merah)

- Simpan template sobat dan selesai deh :)
semoga berhasil ya membuat scroll pada kotak komentar ini
source : http://cheater-handal.blogspot.com/2011/10/cara-membuat-scroll-pada-kotak-komentar.html






78 komentar:

  1. mantap nih tutornya bang,, saya udah pake scroll di komentar bang,,

    BalasHapus
  2. @bang ayriy : makasih hehe

    BalasHapus
  3. o iya bang...hampir lupa, saya ikut blogrollnya juga ya :)...tuh punya abang dah tak rool di ruangsharing...hahayyy
    makasih salam tempel baliknya bang :)

    BalasHapus
  4. Nihh yang aku sukaaa..mantef banggg...

    BalasHapus
  5. makasih ya sobat..sudah saya coba dan berhasil...sukses selalu untuk sobat... :)

    BalasHapus
  6. makasih tutornya bang... izin nyimak dan coba :)
    Absen siang

    BalasHapus
  7. Sementara tutorial saya simpen di notepad, nanti tinggal masang yang sesuai template. Sbb sementara ini belum bisa utak-atik html hehehe

    Makasih sob, teruslah berbagi ilmu :)

    BalasHapus
  8. Mantap tipsnya, sangat lengkap, ma kasih

    BalasHapus
  9. aq sudah coba yang ini sob, tapi kotak pos komentarnya ikut masuk ke scrollbox,, gmana solusinya sob? thank you

    BalasHapus
  10. mantab bang iman hhhehehehe,.,, makin cihuy aja nih.


    salam n suport dari [DS]

    BalasHapus
  11. di template ane, gak ada ini sob #comments-block {
    yang ada cuma kode ini, apa ini sama,,
    dl class='comments-block' id='comments-block'

    kalo udah ada jawaban, beri tahu aq yah sob

    BalasHapus
  12. @KANG FARHAN : SUDAH DI PASANG KANG
    ALL : MAKASIH YA MAAF NGGAK BISA BALES SATU-SATU KARENA SEMPITNYA KONEKSI DAN WAKTU
    @ARIF AHSAN : OH TEMPLATE KAMU APAAN SOB?

    BalasHapus
  13. wahh.. mantap ni.. hahayyy...


    semakin keren aja ni banggg :D

    BalasHapus
  14. Mantap tutornya sob, kapan2 saya pakein scroll juga comentnya, sekarang yang comment masih sedikit hihihihi di blog saya

    BalasHapus
  15. @ubay : makasih hehe

    BalasHapus
  16. Mantap tutorialnya ..
    langsung saya coba dan pasang di blogku...

    BalasHapus
  17. @DHEDI : makasih semoga berhasil ya hehe

    BalasHapus
  18. matap's sob tipsnya......tingkatkan terus.....

    BalasHapus
  19. cukup bermanfaat bila jumlah komentar cukup banyak,,,

    wilujeng ngeblog

    BalasHapus
  20. Nice site, keep up the good work :)

    BalasHapus
  21. Hello Friend, Im sick again :(:( but i was here today :)

    BalasHapus
  22. ini yg ku cari, thankz gan infonya..

    BalasHapus
  23. Oya gan, ane mau tanya mohon di jawab. gmn cara pasang kotak komentar bisa di taruh di bawah kotak scroll komentar pengunjung blog. ya contohnya kaya Form Komentar milik agan ini, kan antara kotak scroll komentar pengunjung ma kotak Form Komentar bisa misah gtu.. ane mau pasang model ginian kok g nemu ya caranya hehehe. ( Maklum NEWBIE gan :D ) Terima Kasih

    BalasHapus
  24. waah..kayaknya ini yang saya Cari Bang....terima kasih nih infonya...saya coba dl...(^_^)

    BalasHapus
  25. tips dan trik yang keren nih sob, thanks ya

    BalasHapus
  26. @i-one : makasih
    @kang asep : makasih kang
    @goldenism : thanks
    @elektro : thanks :D
    @ahmad : sama-sama semoga bermanfaat ya
    farid : sama-sama hgehe
    @ary-putra : cara ini yang saya pake di blog ini berhasil kok, kotaknya misah :D
    @mas tosu : makasih hehe

    BalasHapus
  27. Maaf nih keluar jalur,,,,

    Silahkan sob kalo mo ikutan, udah PR2 kan?
    Yg penting Blogroll tampil di homepage,,,

    Kasih tahu saya ya kalau sudah terpasang ,,,

    wilujeng ngeblog

    BalasHapus
  28. mantap tutorialnya..
    langsung dicoba aja deh,,makasih kawan :)

    BalasHapus
  29. langsung eksperimen di blogcepot nih..
    thanks tutorialnya mas

    BalasHapus
  30. @KANG ASEP : LINKNYA udah saya pasang kang di blog roll
    @eko : silahkan bang
    @ino putro : sip semoga sukses eksperimennya hehe

    BalasHapus
  31. pas banget nih sobat, kan di komentar sy ada yg salah tuh sobat, dan mohom bantuannya sobat...
    komentr blog saya sudah di scrol namun sy lupa kodenya sobat, sy hendak merubahnya supaya yg terscrool hanya komentarnya saj buka kotak komentarnya, yg sy inginkan seperti kotak komntr sobat ini.. mohon bantuannya sobat...

    BalasHapus
  32. infonya bagus gan....aku mao coba..trimakasih...

    BalasHapus
  33. wah, ilmu baru nih, trims yaaa :D

    http://www.ondenkzz.co.cc

    BalasHapus
  34. mantep sob...
    kunjungan btw..

    BalasHapus
  35. keren neh postingannya sob

    by : http://sangir01.blogspot.com/

    BalasHapus
  36. hadir kembali sob tuk nyimak artikel2nya sobat :)
    Absen siang

    BalasHapus
  37. Terima kasih. Saya pernah menggunakan ini tapi saya rubah kembali ke standar, tapi setelah baca ini jadi pingin dibikin scroll lagi.

    BalasHapus
  38. trima kasih bang atas share ilmu na,..
    boleh d coba nih.

    BalasHapus
  39. selamat malam sobat...berkunjung disini... :)
    salam persahabatan

    BalasHapus
  40. wahhhh ini yang di cari..... untung dapat dari sobatku ini.... terimaka kasih ye....

    BalasHapus
  41. ini ni,, yang ane cari... langsung praktek dah... main2 ya

    BalasHapus
  42. Mantap sekali sob tipsnya :-) thanks

    BalasHapus
  43. @bang asis : wah saya nggak tau nih bang kalo model scroll yang dlu hehe maaf bang nggak bisa bantu yang saya tau cuma cara ini
    @indonesia : makasih ya
    @deny kurniawan : jangan nyepam dong !
    @firman : oke sama-sama
    @nero : makasih ya
    @sangir : makasih
    @black angel : oke :D
    @ummiega : silahkan coba lagi hehe
    @nurrohmat : makasih ya
    @kasgus : silahkan :D semoga berhasil
    @sweethy : makasih
    hzndi: makasih
    @dwi yulianto : maksih ya
    @zhey five : alhamdulillah
    @ale kaleng :oke silahkan semoga berhasil
    @fikri : makasih ya
    @keluarga ale : ehehe alhamdulillah

    BalasHapus
  44. sep sob... happy blogging.. :D

    BalasHapus
  45. @ofie : makasih happy blogging to

    BalasHapus
  46. Wah punya blog lagi ya bang. Sip dah. sukses selalu. :)

    BalasHapus
  47. hehe..bener juga. sayangnya ga ada yg komen di tempetku. salam kenal dari newbie, komen ya di blog aku

    BalasHapus
  48. Nice tutor ...
    Blognya keren om ....

    BalasHapus
  49. @nanang ismail L hehe iya
    @bagaimana cara : gapapa sob lama-lama juga rame kok
    @ricdetop: makasih
    @untaian :makasih

    BalasHapus
  50. Info menarik dan boleh sekali dicoba, Makasih buat infonya dan sukses

    BalasHapus
  51. Terima kasih untuk tipsnya, saya mau coba semoga juga.

    BalasHapus
  52. Saya cari dibeberapa website dan dapat tipsnya di website ini, terima kasih, mau dicoba oleh saya.

    BalasHapus
  53. Terima Kasih, Tulisan yang sangat membantu. Salam Sukses!

    BalasHapus
  54. Terima kasih atas pencerahannya, tulisannya menarik juga. Saya akan coba

    BalasHapus
  55. aku paling senang dengan semua pengetahuan ini, terima kasih sudah berbagi ilmu

    BalasHapus
  56. Setelah membaca Info dan Artikel, saya jadi ingin mencoba. Salam Sukses

    BalasHapus
  57. Menarik, sangat Menarik Artikel dan Tipsnya. boleh dicoba. salam sukses

    BalasHapus
  58. Cemerlang Postingan dan Infonya.boleh dicoba. ditunggu info berikutnya. Terimaksih

    BalasHapus
  59. Amazing artikel…. Semoga saya bisa praktekan tipsnya dan berhasil

    BalasHapus
  60. Terima Kasih, Tulisan yang sangat membantu. Salam Sukses!

    BalasHapus
  61. Terima kasih atas pencerahannya, tulisannya menarik juga. Saya akan coba

    BalasHapus
  62. akan q coba terapkan di blog q sob...

    BalasHapus
  63. akan kami coba dengan ajaran anda

    http://obatpenyakitkistarahim21.blogspot.com

    BalasHapus