[ Yêu cầu ] : Di chuyển Form comment lên trên , trước phần Comment Blocks

Người đăng: yeu mai em on Thứ Sáu, 12 tháng 6, 2009

Theo yêu cầu của bạn Ngân (blogtruyen.com)
[FD's BlOg] - Theo yêu cầu, thứ nhất ta sẽ di chuyển form comment lên trước phần comment block (tức là đưa form comment lên trên cùng thay vì nằm ở dưới cùng), thứ 2 là sắp xếp comment block theo thứ tự ngược lại. Trong bài viết này mình sẽ thực hiện yêu cầu thứ nhất, yêu cầu thứ 2 sẽ thực hiện sau khi có thể.

Thực ra yêu cầu chuyển form comment lên trên cũng đơn giản, ở đây chỉ đơn thuần là ta thay đổi bố cục cho blog. Còn yêu cầu thứ 2 xem ra mới khó.

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


Trước khi thực hiện:


Sau khi thực hiện:


☼ Bây giờ ta bắt đầu:
1. Vào bố cục
2. Vào chỉnh sửa code HTML
3. Nhấp chọn mở rộng mẫu tiện ích
4. Tìm đoạn code bên dưới (hoặc tương tự) - đoạn code này chính là đoạn code để hiển thị form comment:

<p class='comment-footer'>

<b:if cond='data:post.embedCommentForm'>
<b:if cond='data:post.allowNewComments'>
<b:include data='post' name='comment-form'/>
<b:else/>
<data:post.noNewCommentsText/>
</b:if>
<b:else/>
<b:if cond='data:post.allowComments'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
</b:if>
</b:if>

</p>

5. Di chuyển tất cả code (in đậm) bên trong thẻ <p class='comment-footer'> ... </p> (mà ta tìm được ở bước 4) vào ngay sau đoạn code 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 == 1'>
1 <data:commentLabel/>:
<b:else/>
<data:post.numComments/> <data:commentLabelPlural/>:
</b:if>
</h4>

6. Save template.

- Chú ý: các code của các tempalte khác nhau sẽ khác nhau, nhưng nếu các bạn dùng template từ bộ template mà blogger cung cấp thì các code tương tự nhau. Nếu dùng các mẫu template khác thì code có lẽ sẽ khác đôi chút.

☼ Thủ thuật : hiển thị comment mới nhất ở trên cùng sẽ cập nhật sau nếu mình có thể.

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

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

Đăng nhận xét