Cara Tambah Scroll Di Komentar Blog

Tambah Scroll Di Komentar Blog – Menambahkan fungsi scroll di kotak komentar blog merupakan salah satu alternatif yang bisa dilakukan bagi pemilik blog yang ingin meringkas tampilan komentar yang muncul di setiap halaman postingan blognya. Dengan meringkas tampilan kotak komentar tersebut tentu akan membuat tampilan halaman blog menjadi lebih rapi dan hemat ruang. Pembaca juga diberikan kemudahan ketika ingin menuliskan komentar tanpa harus kesulitan membaca dan melewati komentar pembaca lain satu per satu.

Kadang ada di antara kita yang ingin tampilan semua komentar di setiap postingan blog sengaja ditampilkan semua untuk memberikan kesan ramai dan memberikan sugesti pada pembaca lainnya untuk berkomentar. Akan tetapi, ada juga sebagian di antara kita yang ingin menyembunyikan semua komentar yang telah diberikan pembaca dalam postingan blog kita dengan hanya menampilkannya sebagian komentar melalui tampilan kotak komentar yang diberi fungsi scroll.

Cara menampilkan fungsi scroll pada komentar blog merupakan alternatif bagi kita yang ingin meringkas tampilan komentar dari pembaca terhadap postingan blog kita. Dengan penambahan fungsi scroll maka tampilan kotak komentar akan menjadi lebih ringkas dan hemat ruang. Selain itu, tampilan komentar yang berbeda dari biasanya ini juga bisa menimbulkan kesan menarik bagi para pembaca kita.


Cara untuk menampilkan fungsi scroll pada komentar blog kita ini juga relatif mudah. Kita hanya perlu menambahkan fungsi scrolling di HTML template blog kita pada bagian komentar. Adapun cara untuk menambahkannya adalah sebagai berikut:

Masuk ke akun blogger kita masing-masing.

Klik rancangan.

Klik edit HTML.

Klik expand template widget.

Cari kode berikut.

#comments-block{

atau

#comments-block {


Jika pada template terdapat kode untuk menampilkan border dalam komentar blog kita, hapus terlebih dahulu. Contoh kode bordernya adalah sebagai berikut.

border:0px dotted #ccc;

Kemudian tambahkan kode berikut setelahnya.

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

klik simpan template dan selesai.

Keterangan:

  1. Ganti angka 300px pada height untuk merubah tinggi kotak komentar.
  2. Ganti angka 1px pada border untuk mengubah ketebalan garis border.
  3. Ganti solid untuk mengubah jenis border yang ditampilkan. Silakan lihat postingan Buat Border Dalam Postingan Blog untuk referensi jenis border yang kita sukai.


Pemasangan fungsi scroll dalam komentar blog ini juga memberikan kerugian bagi para pembaca yang selalu membaca komentar pembaca lainnya sebelum berpartisipasi memberikan komentar. Hal ini dikarenakan keterbatasan ruang baca dalam membaca komentar untuk postingan blog kita oleh pembaca. Karena, sebaiknya pemasangan fungsi scroll dalam komentar blog kita ini juga memperhatikan aspek kenyamanan, kerapian, dan kesan elegan yang ditinjau dari beberapa sudut pandang.

33 komentar:

  1. Info menarik, tapi belum ada kompi nich...
    Blognya dah aku follow sob !!

    BalasHapus
  2. sob, template ane ga ada kode itu, tapi ane coba iseng2 pasang di atas kode skin yang ada kode comment nya,,,, ternyata bisa sob :)

    BalasHapus
  3. @jiah al jafara:

    silakan dicoba ya. :)

    BalasHapus
  4. @Blogger Mobile:

    sudah saya folow balik bro. :)

    BalasHapus
  5. @hamparan:

    masukan info yang bagus bro.
    saya justru belum tahu. :D

    BalasHapus
  6. Wah mantap ni tutor nya,tak save dl mas

    BalasHapus
  7. Scroll perlu apabila banyak yg komentar, menghemat tampilan.
    mantab.
    S3 untuk admin (salam sukses selalu)

    BalasHapus
  8. Sebenernya gak usah pakai border jg gpp gan. Intinya di max-height sama overflow attribut. Tiap template blog beda2, jadi lebih baik diinspect dulu struktur html yang nampilin komentar (terutama template dr 3rd party).

    Inspect na pakai firebugs atau kalau gak mau repot pakai Chrome aja. Klik kanan terus pilih Inspect Element.

    Semoga bermanfaat :)

    BalasHapus
  9. @Jocky:

    silakan bro, semoga bermanfaat ya. :)

    BalasHapus
  10. @Nyach:

    trims untuk doa dan dukungannya ya. :)

    BalasHapus
  11. @Kevin:

    sudah saya coba bro. saya justru tidak terpikirkan untuk hal itu. :D
    trims untuk bantuan dan masukannya. :)

    BalasHapus
  12. terima kasih atau tutorialnya mas

    BalasHapus
  13. Terus cara menampilkan komentar seperti di blog ini gmn gan?...

    BalasHapus
  14. mudah, ikuti langkah berikut:

    1.masuk akun blogger kita.
    2.klik setelan.
    3.klik komentar.
    4.komentar -> tampilkan.
    5.Penempatan Formulir Komentar -> Disemat di bawah entri
    selesai

    baca artikel berikut untuk keterangan lengkapnya.

    http://www.panduanbelajarblog.com/2011/02/fitur-komentar-pada-blogger.html

    http://www.panduanbelajarblog.com/2011/02/fitur-pengaturan-dalam-blogger.html

    BalasHapus
  15. kode yang di cari ga ada bro.. gmn nih?

    BalasHapus
  16. Komentar ini telah dihapus oleh pengarang.

    BalasHapus
  17. Cara Membuat kotak fungsi scrolling pada blog ternyata gampang ya gan!!! Thank you for sharing.. I love scrolling.

    BalasHapus
  18. mantap gan..
    nice share..
    dtunggu knjungan bliknya

    BalasHapus
  19. Info yang bermanfaat, cuman diliat make browser HP pengaruh nggak ?

    BalasHapus
  20. Kl untuk cms wordpress gimana caranya ya gan??

    BalasHapus
  21. waduh ane belum bisa-bisa gan.. :(

    BalasHapus
  22. Thanks Gan atas informasi nya.
    Sudah saya follow Gan, Follow balik ya...

    Fisit www.blog-aleem.blogspot.com

    BalasHapus
  23. Makasi infonyaa gan, udah aku coba :)

    BalasHapus
  24. Informasi yang sangat bagus dan berguna. Ditunggu untuk informasi berikutnya. Thanks gan

    Silahkan berkunjung di intanqq

    BalasHapus
  25. Selamat datang di intanqq

    Ayo bergabung bersama kami, tersedia 7 permainan dalam 1 ID:
    - Sakong (New Game)
    - Bandar Poker (New Game)
    - BandarQ (Hot Game)
    - Poker
    - Domino
    - Capsa Online
    - AduQ

    Apa kelebihan bermain di intanqq? Berikut kelebihannya:
    - BONUS TURNOVER 0.3% SETIAP HARI
    - BONUS XTRA TURNOVER SETIAP MINGGUNYA
    - BONUS REFERAL 10% +10% SEUMUR HIDUP!!
    - MIN DEPO IDR 15.000 dan Proses super cepat 1 menit.
    - Bisa dimainkan di Smartphone Versi Android dan Iphone.
    - Win rate 98%
    - No robot
    - Fair play 100% player vs player

    Tunggu apalagi? Ayo segera bergabung sebelum ketinggalan promonya :)

    bandarq
    dominoqq
    domino99 online terpercaya
    Domino Qiu Qiu
    dominoqq

    BalasHapus