Blogger: ย้ายช่องใส่ความเห็นมาไว้เหนือรายการความคิดเห็น


ถ้าไม่ชอบที่ตำแหน่งของกล่องใส่ข้อคิดเห็น (Comment Form) ของ Blogger ที่ปกติแล้วจะวางอยู่ข้างใต้ความคิดเห็นที่มีผู้โพสต์ไว้ก่อนแล้วก็สามาถย้ายกล่องใส่ข้อคิดเห็นของบทความใน Blogger มาวางไว้เหนือรายการความคิดเห็น (Move Blogger Comment Form Above Comment Blocks) ได้ดังนี้

ขั้นตอนที่ 1. เข้าสู่บล็อกของคุณจากนั้นไปที่ 'การออกแบบ > แก้ไข HTML > ขยายแม่แบบเครื่องมือ'


ขั้นตอนที่ 2. กด 'Ctrl + F' บนคีย์บอร์ดแล้วสั่งค้นหา
<b:if cond='data:post.embedCommentForm'>
ซึ่งจะพบโค้ดลักษณะเหมือนด้านล่างนี้ โดยให้สั่งลบทิ้งไปทั้งหมด
      <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>


ขั้นตอนที่ 3. กด 'Ctrl + F' บนคีย์บอร์ดแล้วสั่งค้นหา
<data:post.numComments/> <data:commentLabelPlural/>:
ซึ่งจะพบโค้ดลักษณะเหมือนด้านล่างนี้
          <data:post.numComments/> <data:commentLabelPlural/>:
        </b:if>
      </h4>
โดยแทนที่โค้ดทั้ง 3 บรรทัดที่ได้หาเจอนั้นด้วยโค้ดข้างล่างนี้
           <data:post.numComments/> <data:commentLabelPlural/>:
        </b:if>
      </h4>
 
      <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>


ขั้นตอนที่ 4. เลือกที่ 'บันทึกแม่แบบ' จากนั้นลองเปิดบล็อกดูผลลัพธ์


อธิบายเพิ่มเติม
เมื่อคุณได้แก้ไขตามที่กล่าวมาแล้วจะพบว่าฟอร์มสำหรับใส่ความคิดเห็นจะย้ายมาอยู่ข้างบนเหนือรายการความคิดเห็นแล้ว แต่คุณจะพบว่ามีพื้นที่ว่างมากเกินไปคั่นอยู่ระหว่าง 'ฟอร์มใส่ความคิดเห็น' กับ 'รายการความคิดเห็น' ซึ่งสามารถแก้ได้โดยทำตามบทความในลิงก์นี้
http://tip.maxlayout.com/2011/12/blogger-remove-space-below-comment-form.html

Post Status




0 ความคิดเห็น:

แสดงความคิดเห็น