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>

Post Status




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

Unknown กล่าวว่า...

จะทำให้หน้าแรกเป็นหน้าว่าง (หน้าอิสระ) ได้มั้ยครับ ขอบคุณครับ

Max กล่าวว่า...

ทำให้มีลักษณะแบบนั้นได้โดย
ขั้นที่ 1. สั่งซ่อนบทความทั้งหมดให้มองไม่เห็นขณะอยู่ในหน้าแรกดังวิธีนี้
http://tip.maxlayout.com/2012/02/hide-all-posts-from-blogger-homepage.html

ขั้นที่ 2. แล้วก็เอา Gadget ชนิด "ข้อความ" หรือไม่ก็ชนิด "HTML/จาวาสคริปต์" ไปวางไว้ในช่อง "เพิ่ม Gadget" ที่มี "บทความบล็อก" ถูกใส่อยู่

ขั้นที่ 3. สั่งให้เครื่องมือซึ่งถุกใส่ลงไปตามขั้นที่ 2 นั้นแสดงอยู่แค่เฉพาะภายในหน้าแรกเท่านั้นดังวิธีนี้
http://tip.maxlayout.com/2012/02/display-blogger-widget-only-on-specific-page.html

ขั้นที่ 4. จากนั้นเมื่อใส่เนื้อหาลงในเครื่องมือ Gadget อันนั้นก็จะแสดงเนื้อหาลักษณะเดียวกับหน้าเว็บอิสระครับ

DEKSOI12 กล่าวว่า...

พี่ครับแล้วถ้าผมอยากให้มันอยู่ในบระะทัดๆเดียวละ

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

หมายเหตุ: มีเพียงสมาชิกของบล็อกนี้เท่านั้นที่สามารถแสดงความคิดเห็น