TẠO THANH TRƯỢT CHO PHẦN COMMENTS

Người đăng: Unknown on Thứ Bảy, 1 tháng 10, 2011

Phần comments là phần nằm phía dưới của mỗi bài trên Blog của bạn, có một số bài sẽ có nhiều người comments để bình luận, để thắc mắc...Vì vậy, nếu có nhiều comments thì phần commets này sẽ dài "lê thê" làm cho Blog bị chiếm nhiều không gian, làm giảm vẻ mỹ quan của blog.
Với một thủ thuật nhỏ đơn giản dưới đây, bạn sẽ có một thanh trượt nằm ở phần bên phải của khung commenst.
Bạn xem hình minh hoạ: (Rê chuột vào ảnh để xem ảnh với kích thước lớn hơn).



Đầu tiên, bạn đăng nhập vào Blog > chọn Thiết kế > Chỉnh sửa HTML, sau đó bấm cặp phím Ctrl+F để mở hộp tìm kiếm và gõ vào hộp đó dòng lệnh
#comments-block.
Lúc  này, bạn sẽ thấy trên khung lớn có dòng lệnh tương tự giống như vậy (đối với mỗi giao diện blog sẽ có dòng lệnh hơi khác tí)
#comments-block {
margin:1em 0 1.5em;
line-height:1.6em;
padding-left:20px;
}
Bạn chép copy đoạn code này dán vào phía dưới dòng lệnh trên (để trong dấu ngoặc móc):
height: 400px;
width: 480px;

overflow:auto;

Nó sẽ giống như vầy:
#comments-block {
margin:1em 0 1.5em;
line-height:1.6em;
padding-left:20px;
height: 400px;
width:480px;
overflow:auto;

}
Bạn có thể thay đổi kích thước của khung ở Width (chiều ngang), height (chiều dài) để phù hợp với Blog của mình và bấm Lưu mẫu
Giờ đây, trên blog của bạn sẽ có thanh trượt ở phần comments rất tiện lợi


Nguồn: Phan Dung

{ 0 nhận xét... read them below or add one }

Đăng nhận xét