www.tuhoclaptrinhaz.com
Kênh Youtube

Tạo thanh trượt cho vùng hiển thị các bài comment

08/01/2014


[FD's BlOg] - Khi mà các comment ở một bài viết nào đó trong blog của bạn trở nên quá nhiều, nó sẽ làm cho blog của bạn dài lê thê, là tốn không gian của blog . Vì thế bài viết này sẽ hướng dẫn bạn 1 thủ thuật cơ bản để tạo một thanh trượt cho vùng hiển thị các bài comment.
Với thủ thuật này, khi số bài comment quá nhiều thì tự động sẽ xuất hiện thanh trượt. Thủ thuật này mình cũng đã gặp ở 1 vài blog, ví dụ blog ngankvn.tk, 1 blog có khá nhiều comment/bài viết.
Hình ảnh minh họa:





trước khi thực hiện thủ thuật:
sau khi thực hiện :



Thủ thuật này rất đơn giản, chỉ vài dòng lệnh là ta có thể thực hiện được.
Các bạn đăng nhập blog » vào bố cục » vào chỉnh sửa code HTML » tìm đọan code bên dưới:

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

Và thêm các dòng code màu đỏ như bên dưới:
#comments-block {
line-height:1.5em;
height: 400px;
max-width: 480px;

overflow:auto;

}

- Thay đổi các giá trị heightwidth cho phù hợp với blog của bạn.
  
Lưu ý: Do mỗi template sẽ có code khác nhau, nên không nhất thiết fải là đọan code bên dưới
#comments-block {
line-height:1.5em;
}

không quan trọng trong đó có gì, chỉ cần tìm class hoặc id (nếu class thì là .comments-block, nếu id thì là #comments-block (hoặc các class khác tương tự khác như #comments-content) rồi thêm code màu đỏ vào là đc.
 
- Save template.  
 
Nguồn: fandung.com

Đăng nhận xét