Hiển thị khung comment form lên trước nhận xét blogger

Bình thường mỗi blog đều có khung comment form nằm dưới mỗi phần nhận xét, và bạn vẫn dùng kiểu mặc định đó. Nhưng giờ bạn lại muốn thay đổi phong cách cho mới lạ phần comment thì phải làm thế nào đây.

Hôm nay namkna sẽ hướng dẫn các bạn tùy biến khung comment ngược lại với khung comment mặc định của blogger tức là đặt khung comment lên trước phần nhận xét của chủ blog và visittor.

☼ Cách tiến hành:

   1- Đăng nhập vào Blog

   2- Vào thiết kế

   3- Chọn Chỉnh sử HTML (Edit HTML)

   3- Chọn Mở rộng tiện ích mẫu (Expand Widget Templates)

   4- Tìm đ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 toàn bộ đoạn code màu xanh xuống sau đoạn code sau:

<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>

- Khi đó đoạn code mới có dạng như sau:

<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>
       <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>

   5- bấm Lưu Mẫu lại

- Các đoạn code có thể khác nhau chút ít tùy thuộc vào người thiết kế template đó, Tuy nhiên về cơ bản không khác nhau nhiều vì cấu tạo mặc định của các đoạn code đó phải như thế.

- Nếu muốn quay trở lại như ban đầu thì bạn làm ngược lại quy trình trên là ok.

Chúc thành công!

Tham khảo: fandung!

Chủ đề: