Blogger: ให้หน้าแรกแสดงแค่ชื่อ วันที่ และป้ายกำกำกับ ของแต่ละบทความ

วิธีนี้เป็นการทำให้หน้าแรกของบล็อกแสดงเนื้อหาแบบสั้นเพียงแค่ 3 อย่างคือ ชื่อบทความ วันที่โพสต์ และป้ายกำกับ
ซึ่งจะสามารถสั่งให้แสดงหรือสั่งซ่อน วันที่โพสต์และป้ายกำกับ ได้ด้วยเมนูในส่วนของ
รูปแบบ > บทความบล็อก > แก้ไข
เหมือนการตั้งค่าเมนูแบบเดิม

---

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

---

ขั้นตอนที่ 2. สั่งค้นหา
]]></b:skin>

แล้วแทนที่โค้ดที่หาเจอนั้นด้วย
]]></b:skin>
<!--Blogger Short Preview Style Start-->
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<style>
.post-header,
.post-body,
.jump-link,
.post-footer
{
    display:none;
}
</style>
</b:if>
<!--Blogger Short Preview Style End-->

---

ขั้นตอนที่ 3. สั่งค้นหา
<b:includable id='post' var='post'>

แล้วแทนที่โค้ดที่หาเจอนั้นด้วย
<b:includable id='post' var='post'>

<!--Blogger Short Preview Header Start-->
<b:if cond='data:blog.url != data:post.url'>
<div style='width: 70%; float:left;'>
              <span class='post-labels'>
                <b:if cond='data:post.labels'>
                  <b:loop values='data:post.labels' var='label'>
                    <a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if>
                  </b:loop>
                </b:if>
              </span>
              <span style='color:red'><b>Hot แซ&#3656;บอ&#3637;หล&#3637;</b></span>
  </div>
<div style='width: 30%; float:right; text-align:left;'>
              <span class='post-timestamp'>
                <b:if cond='data:top.showTimestamp'>
                  <b:if cond='data:post.url'>
                    <meta expr:content='data:post.canonicalUrl' itemprop='url'/>
                    <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601' itemprop='datePublished'><data:post.timestamp/></abbr></a>
                  </b:if>
                </b:if>
              </span>
</div>
<div style='clear: both;'/> <!-- clear for photos floats -->
</b:if>
<!--Blogger Short Preview Header Stop-->

---

ขั้นตอนที่ 4. จากนั้นกดปุ่ม 'บันทึกเทมเพลต' ก็เสร็จแล้ว

---

อธิบายเพิ่มเติม
ถ้าต้องการลบคำว่า "Hot แซ่บอีหลี" ที่อยู่ถัดจากป้ายกำกับทิ้งไป ก็ให้สั่งลบโค้ดในขั้นตอนที่ 3 บรรทัดที่ 10 ซึ่งเขียนไว้ว่า
              <span style='color:red'><b>Hot แซ&#3656;บอ&#3637;หล&#3637;</b></span>