Malam ini sharingnya tentang Simple code scroller. Membuat scroll di kolom komentar sangat saya rasakan manfaatnya disaat saya harus menghemat ruangan blog supaya tidak memanjang kebawah. Namun ada juga sebagian orang yang memakai sarana scroll di komentar ini untuk stylish atau simple style pada blognya.
Terlepas dari itu semua, pastinya kita ingin sesuatu yang lebih untuk mempercantik kolom komentar kita, ingat..kolom komentar bukan form komentar.
Mengapa Simple code scroller ? ya karena kode yang akan kita pasang sedikit sekali. dan saya yakin anda juga pasti tertarik menggunakannya karena sangatlah tidak membuat berat blog.
1.Masuk ke blogger > Rancangan > Edit HTML > Centang
2.Cari dengan ctrl+f (find) kode yang kira-kira seperti berikut:
#comments {
Keterangan: kode diatas adalah section ID css untuk kolom komentar, tidak semua template sama seperti kode diatas. boleh juga anda mencari dengan # comments atau #comment atau #komentar, yang penting berada di atas kode ]]></b:skin> .silahkan mencoba.
3.Setelah ketemu, letakkan kode di bawah ini tepat di bawah kode #comments tadi:
height:220px;
overflow:auto;
(sesuaikan ukuran tinggi yang berwarna merah dengan keperluan anda)
Sehingga bentuknya kira-kira seperti berikut:
4.Lalu simpan template, dan lihat hasilnya pada posting anda yang sudah mempunyai komentar minimal 2 buah.
Silahkan baca juga Cara membuat scroll Bar pada posting blog, jika anda memerlukan suatu variasi posting yang bertujuan supaya posting anda tidak terlalu memanjang kebawah, karena kode untuk membuat scroll di posting blog dan kode membuat scroll di kolom komentar ini berbeda caranya.