Cara Membuat Scroll pada Komentar Blog

Cara Membuat Scroll pada Komentar Blog - Cara Membuat Fungsi Scroll pada Komentar Blog atau Cara Membuat Scroll pada area Komentar Blog atau Cara Memasang Scroll pada Komentar Blog atau Cara Memasang Fungsi Scroll pada area Komentar Blog.

Halo Sobat Blogger semua..! Bagaimana keadaan kamu-kamu semua? Semoga semua hal baik-baik saja. Pada kesempatan kali ini saya akan share tutorial blog yang menarik untuk kita simak, yaitu Memasang/Membuat Fungsi Scoll di area Komentar Blog. Artikel ini bisa di kategorikan menghias atau memodifikasi pada komentar/comment di blog, fungsinya sendiri yaitu membuat visitor/pengunjung akan merasa rileks dengan tampilan scroll pada komentar suatu blog dan akan lebih simple khususnya untuk kepentingan visitor yang ingin meninggalkan komentarnya. Admin dari blognya sendiri juga merasa tampilan komentar blognya tidak berantakan apalagi bagi blog yang komentarnya lebih dari 40 comment, tanpa scroll, area komentarpun terlihat berantakan dan tidak efektif bagi visitor yang ingin berkomentar di suatu blog. Bagi kamu yang tertarik, simak tutorial berikut:

1. Login ke akun Blogger kamu.
2. Pilih Template > Edit Html > Lanjutkan > Centang ( Expand Template Widget ).
3. Cari kode #comments-block{ ( untuk mempermudah pencarian, tekan Ctrl+F atau F3 ).
4. Sehingga kode lengkapnya akan seperti ini.

#comments-block{border:0px dotted #ccc;width:569px;margin:1.3em 0 1.5em;line-height:1.6em}

5. Selanjutnya, hapus kode diatas, dan ganti dengan kode berikut.

#comments-block{max-height:300px;border:1px solid#eee;overflow:auto;width:569px;margin:1.3em 0 1.5em;line-height:1.6em}

*Keterangan: Ganti kode yang 300px, dengan tinggi scroll yang di inginkan. Sedangkan kode yang 1px, ganti dengan tebal foldernya., dan kode yang #eee, ganti dengan warna border selera kamu.

6. Setelah semua langkah-langkah selesai, Simpan template blog kamu.

Demikan artikel kita pada hari ini, semoga bisa meringankan beban pikran pada blog kamu.. Semoga Berhasil dan Bermanfaat buat semua...