Đối với các bài viết có nhiều nhận xét chắc có lẽ bạn sẽ thấy hơi xấu khi trang weblog kéo dài lê thê xuống tới tận nhận xét cuối cùng, ngoài thủ thuật Tự động ẩn nhận xét - Hide Comment bạn có thể lựa chọn thủ thuậttTạo thanh trượt cho vùng hiển thị cố định các comment.
- VnBlognet [dot] com: Sau khi áp dụng thủ thuật này, khi các Nhận xét nhiều vượt quá kích thước chiều dài đã quy định thì sẽ tự động xuất hiện thanh trượt. Bạn có thể thấy rất nhiều blog đã áp dụng thủ thuật này, đơn cử là blogtruyen.com
minh họa:
Cách thực hiện như sau:
- Truy cập vào Blogger Bảng điều khiển (Dashboard) >> Bố cục (Layout) >> Chỉnh sửa HTML (Edit HTML).
- Tìm (Ctrl-F) đoạn code:
#comments-block {
margin:0
line-height:1.5em;
}
- Thêm đoạn mã màu đỏ như dưới:
#comments-block {
margin:0
line-height:1.5em;
height: 460px;
width: 400px;
overflow:auto;
}
- Trong đoạn code màu đỏ thêm vào trong bước 2:
height: 460px; Thể hiện chiều cao của khung hiển thị các nhận xét, nếu các nhận xét vượt quá giá trị này thì sẽ tự động xuất hiện thanh trượt.
width: 400px; Thể hiện chiều rộng của nhận xét, tùy thuộc vào độ rộng của khung bài post mà bạn lựa chọn giá trị này.
Tags: Breakingnews, Comment, Khoi tao Blog
Ý kiến bạn đọc [ 4 ]
trước kia thay vì trượt, em tìm tips phân trang.
dù sao nó cũng làm gọn phần comment hơn.
lúc trượt này, theo dõi cũng khó !
Đúng rồi ngoài ra còn có kiểu tự động autohide comment nữa nghiadoi à.
Xin chào! Cám ơn bạn về những tips hữu ích!
Chào mừng bạn ghé thăm www.ku-ty.com!
Cái này rất hay và tiện dụng.
Nhưng nó hiển thị tốt đối với những bài có comment nhiều cụ thể là comment đó phải có height: lớn hơn 460px
Còn nếu height: nhỏ hơn 460px thì nó không xuất hiện thanh trượt nhưng lại để một khoảng trống rất khó coi.
Để cải thiện điều này bạn chỉ thêm max ở trước nó cụ thể
maxheight: 460px;
Như vậy chỉ những bài có nhiều comment thì nó tự động xuất hiện thanh trượt còn không thì thôi, rất tiện dụng
Ghé thăm www.khanhtrangonline.com để ủng hộ nhé!
Chúc các bạn một ngày vuiv vẻ!
Thì
Ý kiến của bạn