Monday, June 8, 2009

Modify Form comment : Bài 5 - Tạo thanh trượt cho vùng hiển thị các bài comment



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;

width: 480px;

overflow:auto;

}

- Thay đổi các giá trị heightwidth cho phù hợp với blog của bạn.
- Save template.

Chúc các bạn thành công!


Modify Form comment : Bài 5 - Tạo thanh trượt cho vùng hiển thị các bài commentSocialTwist Tell-a-Friend


Đang tải xin vui lòng chờ...

0 comments:

Post a Comment

[▼/▲] Chèn biểu tượng vui danghienIT
:)) ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* :| 8-} :)] ~x( :-t b-( :-L x( =))

/

Chuyên mục

Tool box

Liên kết

Trao đổi Liên kết
Loading Logos...
Bookmark and Share
 

Copyright 2009 All Rights Reserved iupro theme by Dang Quang Hien