Modify Form comment : Bài 4 - Tạo một thông báo "Bài viết hiện chưa có nhận xét nào" cho bài viết chưa có nhận xét

Tiếp tục lọat bài modify form comment, bài này mình sẽ giới thiệu một thủ thuật nhỏ để tạo một thông báo nho nhỏ khi bài viết chưa có ai comment.

Các bạn có thể xem hình minh họa:

Để tạo thông báo nhỏ này, ta chỉ cần 1 vài dòng lệnh nho nhỏ.

► Bắt đầu:
1. Đăng nhập blog
2. Vào bố cục (Layout)
3. Vào chỉnh sửa code HTML (chọn mở rộng mẫu tiện ích)
4. Tìm đọan code HTML như bên dưới (hoặc tương tự)

<b:includable id='comments' var='post'>
<div class='comments' id='comments'>
<a name='comments'/>
<b:if cond='data:post.allowComments'>
<h4>
<data:post.numComments/> <data:commentLabelPlural/>
</b:if>
</h4>

5. Thêm đọan code màu đỏ & xanh như bên dưới.

<b:includable id='comments' var='post'>
<div class='comments' id='comments'>
<a name='comments'/>
<b:if cond='data:post.allowComments'>
<h4>

<b:if cond='data:post.numComments == 0'>
Bài viết hiện chưa có nhận xét nào.
<b:else/>

<data:post.numComments/> <data:commentLabelPlural/>
</b:if>
</h4>

Lưu ý:
- Với dòng thông báo(code màu xanh) bạn có thể thay đổi tùy ý bạn. Bạn có thể trang trí cho nó trông đẹp hơn, ví dụ : tạo màu nền, ảnh nền, hiệu ứng ...

6. Save template lại là ok.

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

Modify Form comment : Bài 4 - Tạo một thông báo "Bài viết hiện chưa có nhận xét nào" cho bài viết chưa có nhận xét