Bismillah, membuat daftar scroll pada komentar blog ternyata tak begitu sulit, bagi sobat semua yang ingin mencobanya silahkan kopi paste semua code yang saya tulis dibawah ini.
Bagi yang masih merasa bingung dengan kegunaannya, Kegunaannya yaitu meringkas banyaknya comentar dalam sebuah scroll agar lebih menghemat tempat.
Langsung saja kita memulai caranya dengan klik tata letak (layout)=> Edit HTML=> Cari kode berikut:
/* Comments
-------------------------- */
#comments h4 {
margin:1em 0;
font-weight: bold;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.2em;
color: $sidebarcolor;
}
#comments-block {
margin:1em 0 1.5em;
line-height:1.6em;
}
#comments-block .comment-author {
margin:.5em 0;
}
#comments-block .comment-body {
margin:.25em 0 0;
}
#comments-block .comment-footer {
margin:-.25em 0 2em;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.1em;
}
#comments-block .comment-body p {
margin:0 0 .75em;
}
.deleted-comment {
font-style:italic;
color:gray;
}
-------------------------- */
#comments h4 {
margin:1em 0;
font-weight: bold;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.2em;
color: $sidebarcolor;
}
#comments-block {
margin:1em 0 1.5em;
line-height:1.6em;
}
#comments-block .comment-author {
margin:.5em 0;
}
#comments-block .comment-body {
margin:.25em 0 0;
}
#comments-block .comment-footer {
margin:-.25em 0 2em;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.1em;
}
#comments-block .comment-body p {
margin:0 0 .75em;
}
.deleted-comment {
font-style:italic;
color:gray;
}
Tambahkan kode dibawah ini di atas kode #comments h4
#comments {
height:280px;
overflow:auto;
}
height:280px;
overflow:auto;
}
Lalu Save template, Semoga bermanfaat. salam kenal Ari Suharyadi
