Loading post navigation ...
 
 

Pro page

11
Nhận xét

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

| by Phan Dũng | views

Hãy nhấn thanks để ủng hộ tác giả


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


Enter your mail address:

11

Khách (ẩn danh)

He he , Đăng cái gì mình ko biết ấy :D

fandung

cái này thì có lẽ là quá đơn giản với một vài người, nhưng mà còn nhiều người không biết thì sao!!!

Mai mốt mình tính tổng hợp tất cả kiến thức cơ bản nhất về blogger cho những người mới, những người mà mới làm quen với blogger. Nhưng có lẽ chắc lâu à, fải có thời gian, với lại sắp thi nữa rồi :D.

Khách (ẩn danh)

=))

Thành Công

sao mình làm hoài ko được bạn ơi liệu code có thiếu gì không

fandung

không đâu bạn à. COde rất đơn giản nên không thiếu.

Bạn phải lưu ý 1 điều muốn hiển thị thanh trượt thì nội dung của bạn phải dài hơn chiều dài định sẵn (ở ví dụ này là 400px). Có thể các bài comment của bạn chưa nhiều nên bạn chưa thấy được thanh trượt, chứ không phải là thủ thuật không chạy.

Chúc bạn thành công.

Khách (ẩn danh)

:(( Em k0 thay' doan nay`
#comments-block {
line-height:1.5em;

fandung-tester

do mỗi template sẽ có code khác nhau, nênkhông nhất thiết fải là đọan code bên dưới

#comments-block {
line-height:1.5em;
}
em không quan trọng trong đó có gì, chỉ cần tìm class #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.

Khách (ẩn danh)

Mình nghĩ nên đổi tham số height: 400px; thành max-height: 400px; . Như thế nó sẽ chỉ xuất hiện thanh cuộn khi lượng comments có độ dài vượt wá 400px.

fandung

uh, đó cũng là 1 cách :D

ucmasnb

có cách nào thêm thanh trượt cho phần main không anh T_T em đang rất cần nó. Nếu có mong anh pm vào yahoo: Lampv270189

Khách (ẩn danh)

Main ở đây có phải ý bạn nói tới phần bài đăng ko ??? nếu đúng vậy thì cho đoạn này vào phần css của blog là xong :

.post-body {height:200px;overflow:auto;} với 200px là chiều cao tùy thích



☺ Các bạn có thể viết lời bình của mình cho bài viết, và tuân thủ một số quy tắc sau:
» Các bài comment phải nghiêm túc, không dung tục, không spam.
» Nội dung phải liên quan tới chủ đề bài viết.
» Có thể sử dụng thẻ trích dẫn [quote], cấu trúc thẻ như bên dưới :

[quote=AUTHOR name=fdquote]NỘI DUNG[/quote]

» Có thể sử dụng các thẻ <b>,<i>,<a>.


BlOg FD chính thức đóng comment của khách ẩn danh.

BlOg FD.

[▼/▲] More Emoticons
:)) ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* :| 8-} :)] ~x( :-t b-( :-L x( =))

Newer Posts Older Posts Home