Cara Membuat Scroll Pada Daftar Komentar

image
Beberapa waktu lalu, beberapa postingan anaa mendapatkan banyak komentar hingga puluhan (belum sampai ratusan nie?) Alhamdulillah apresiasi yang indah dari rekan-rekan sahabat blogger. Tapi rasanya kurang nyaman juga melihat sebuah halaman dibuka dan daftar komentarnya panjang sekali, beberapa kali blogwalking dan melihat disebagian blog sahabat lainnya ada yang daftar komentarnya memakai scroll, anaapun tertarik untuk membuat hal serupa itung itung hemat halaman.

Ternyata mudah saja untuk membuat scroll pada daftar komentar, kode yang ditambahkan jg sangat sedikit, nah berikut selengkapnya:


1. Dalam keadaan loggin, 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;
}



Tambahkan kode berikut di atas kode #comments h4


#comments {
height:280px;
overflow:auto;
}



Save template!

0 komentar:

Post a Comment

"Komentar anda sangat bermanfaat untuk perkembangan blog ini. Jangan lupa adab berkomentar, dan jangan buang waktu untuk spam. Terima Kasih!!!."