Cara Membuat Scroll Pada Daftar Komentar
Cara Membuat Scroll Pada Daftar Komentar
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:
Tambahkan kode berikut di atas kode #comments h4
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
Save template!#comments {
height:280px;
overflow:auto;
}
0 komentar:
Posting Komentar