Hướng dẫn đặt khung nhận xét mặc định của Blogger nằm cố định trên các nhận xét

Mặc định các nhận xét của người đọc và tác giả khi xuất bản luôn được đặt bên trên khung nhận xét, điều này hơi bất lợi nếu bài viết có nhiều nhận xét khi phải scroll chuột đến khung nhận xét. Tuy nhiên bạn có thể đặt khung nhận xét này nằm cố định lên trên với thủ thuật đơn giản sau đây:

Lưu ý: Chỉ có thể đưa được khung nhận xét nằm cố định phía trên các nhận xét khi đã tắt js mặc định của Blogger, xem bài viết Tìm hiểu về cách chặn font, css và js mặc định của Blogger

Trong chỉnh sửa HTML của Chủ đề chuyển đến tiện ích Blog1 tìm và mở rộng thẻ <b:includable id='threaded_comments' var='post'> với widget Blog1 version 1 và <b:includable id='threadedComments' var='post'> với widget Blog1 version 2, trong này có đoạn html mặc định như sau:

    <div class='comments-content'>

      <b:if cond='data:post.embedCommentForm'>

        <b:include data='post' name='threadedCommentJs'/>

      </b:if>

      <div id='comment-holder'>

         <data:post.commentHtml/>

      </div>

    </div>

    <p class='comment-footer'>

      <b:if cond='data:post.allowNewComments'>

        <b:include data='post' name='threadedCommentForm'/>

      <b:else/>

        <data:post.noNewCommentsText/>

      </b:if>

    </p>

Đọc thêm: Cách tùy biến khung nhận xét iframe mặc định của Blogger

Hình minh họa:

Bạn để ý đoạn mình đánh dấu màu xanh và đỏ với màu xanh là phần nhận xét và màu đỏ là khung nhận xét, bây giờ bạn chỉ việc đưa màu đỏ lên trên màu xanh hay màu xanh xuống dưới màu đỏ là được. cụ thể như sau:

    <p class='comment-footer'>

      <b:if cond='data:post.allowNewComments'>

        <b:include data='post' name='threadedCommentForm'/>

      <b:else/>

        <data:post.noNewCommentsText/>

      </b:if>

    </p>

    <div class='comments-content'>

      <b:if cond='data:post.embedCommentForm'>

        <b:include data='post' name='threadedCommentJs'/>

      </b:if>

      <div id='comment-holder'>

         <data:post.commentHtml/>

      </div>

    </div>

Phương pháp làm chỉ đơn giản vậy thôi. Xem thêm một số bài viết liên quan đến khung nhận xét mặc định của Blogger

• Tùy biến thông báo khi tắt nhận xét bài đăng
• Hướng dẫn thêm một cấp reply comment cho Blogger layout v3
• Cách chuyển khung nhận xét mặc định comment form sang nền tối
• Cách xóa bỏ thuộc tính border và fix comment form bị lỗi trong template layout v3
• Threaded comments phân cấp đẹp hiển thị đánh giá trên kết quả tìm kiếm