Tạo thanh trượt cho vùng hiển thị nhận xét

Đố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.

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:

- Truy cập vào Blogger Bảng điều khiển (Dashboard)  >> Bố cục (Layout)   >>  Chỉnh sửa HTML (Edit HTML).

Chỉnh sửa code CSS:

- 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;
}

Chỉnh sửa code CSS:

- 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.