Tạo thanh trượt cho vùng hiển thị các bài nhận xét (Blogger)

Posted by chiasedamme on Sunday, October 17, 2010

Đối với các blog có số lượng lời bình, nhận xét (comments) khá lớn thì ít nhiều cũng ảnh hưởng đến vẻ đẹp và phong cách của blog do danh sách các nhận xét quá dài làm tốn không gian của blog. Bài viết này sẽ hướng dẫn một thủ thuật cơ bản để tạo một thanh trượt cho vùng hiển thị các bài nhận xét.

Nhờ thủ thuật này mà khi số bài nhận xét trên một trang quá nhiều thì thanh trượt sẽ tự động xuất hiện để giảm đi không gian hiển thị các nhận xét.

Sau đây là hướng dẫn thủ thuật:
Bước 1: Đăng nhập Blogger, vào Bố cục (Layout) đến Chỉnh sửa HTML (Edit HTML), trong Template bạn hãy tìm đoạn mã bên dưới:

#comments-block {
line-height:1.5em;
}

Bước 2: Thêm đoạn mã màu đỏ vào cho giống như kết quả bên dưới:

#comments-block {
line-height:1.5em;
height: 420px;
width: 550px;
overflow:auto;
}

Chú ý: Có thể tùy chỉnh các giá trị heightwidth cho phù hợp với kích cỡ phần Comment trên blog của bạn.

Cuối cùng là Lưu Template.

{ 0 comments... read them below or add one }

Post a Comment