โพสท์บลอก แสดงเฉพาะหัวข้อ เเละเนื้อความไตเติ้ล

สวัสดีค่ะ วันนี้เข้ามาหาข้อมูลแต่เช้า เพราะมีเมลล์แจ้งความประสงค์ (ประสงค์ทำไรผิดเนี่ย ต้องมาแจ้งความ อิอิ) ของคุณวรวิทย์ อยากรู้วิธีแฮ็ก Blogger ดัง เนื้อความจดหมายน้อยดังต่อไปนี้

สวัสดีครับ

ผมอยากได้วิธีทำให้เนื้อหาที่เราโพสท์ลงบลอก ปรากฎออกมาเฉพาะไตเติ้ล หัวข้อ เเละเนื้อความอีกสัก 1 พารากราฟ เเล้วเวลาคนมาอ่านค่อยคลิกหัวข้อที่เขาสนใจ เเล้วไปอีกหน้าที่มีเนื้อหาเต็มๆ ครับ

ขอบคุณมากครับ

วรวิทย์

อีกอันครับ สงสัยเรื่องลาเบล ของบลอกครับ ทำไงจะได้ลาเบลอันใหม่ครับตามหัวข้อที่เราอยากได้นะครับ

จดหมายเนื้อน้อย แต่ได้ใจความ สั้น ๆ แต่ได้ประเด็น และพอดีเป็นเรื่องที่ดิฉันกำลังสนใจอยากจะเปลี่ยนหน้าบล้อกอยู่พอดี ก็เลยรีบเข้าไปหาข้อมูล ได้มาดังนี้ค่ะ

สำหรับ ท่านที่อยากจะทำให้บทความของเราสั้น ๆ เพื่ออำนวยความสะดวกให้ผู้อ่าน ให้ดูเนื้อหาแต่ละหัวข้อของเราได้ถ้วนทั่ว

ก่อนอื่นนะคะ เนื่องจากการ เปลี่ยนแปลงโค๊ดใน Template อาจเกิดความผิดพลาดได้ ต้นฉบับเค้าบอกว่าให้หาคนที่รู้เรื่องโค๊ดมาทำให้ แต่คำแนะนำของดิฉัน ในฐานะไม่ใช่ผู้เชี่ยวชาญด้านโค๊ด และแถวนี้ก็ไม่มีใครเชี่ยวชาญ ดิฉัน Copy Hacker Blogger ตัวจริง (จาบอกทำไมเนี่ย) แนะนำให้เปิด บล็อกใหม่ แล้วทดลองกับบล็อกใหม่ดีกว่า ค่ะ กลัวข้อมูลหาย กันไว้ดีกว่าแก้ ทำเสียก็ไม่เสียดาย (อิอิ)

อันดับแรกเลย เข้าไปที่ Template------>Edite Html




. ค้นหา </head>วาง โค๊ดต่อไปนี้ ไว้ด้านบน
. ต้นฉบับ ที่นี่ค่ะ
http://hackosphere.blogspot.com/2006/11/selective-expandable-posts.html

<script type='text/javascript' src='http://www.anniyalogam.com/widgets/hackosphere.js' />


ค้นหา Code ในช่วงสำหรับ Post-body และ วางลงบนตำแหน่ง ที่เป็นอักษรตัวเข้มค่ะ

<div class='post-body'

<b:if cond='data:blog.pageType == "item"'> <style>#fullpost{display:inline;}</style> <p><data:post.body/></p><b:else/><style>#fullpost{display:none;}</style>

<p><data:post.body/></p>

<span id='showlink'> <a expr:href='data:post.url'>Read More......</a> </span> <script type='text/javascript'> checkFull("post-" + "<data:post.id/>"); </script> </b:if>

<div style='clear: both;'/> <!-- clear for photos floats --> </div>



ปล. ถ้าหาตำแหน่งไม่เจอให้ไปคลิกที่ ช่อง Expand Widget Templates (ด้านขวามือบนค่ะ) เมื่อวางเรียบร้อยก็ทำการ Save Template

จากนั้นไปที่ Settings->Formatting



จะเห็นกล่อง เรียกว่า "Post template" ให้ทำการก็อบปี้ และวาง โค๊ดด้านล่างในกล่อง และจัดการ Save ดังรูป

Type your summary here
<span id="fullpost">
Type rest of the post here
</span>



และหากเราำทำการโพสข้อความใหม่จะเห็นรูปเป็นดังนี้



ซึ่งเราสามารถใส่ ข้อความที่ต้องการแสดงไว้ตรงบริเวณ Type your summary here
และ ข้อความที่ต้องการซ่อน Type rest of the post here ซึ่งจะแสดง เมื่อเราคลิกที่ Read More ...

ซับซ้อนหน่อยนะคะ ลองทำดูค่ะ
ขอบคุณเนื้อหาต้นฉบับจาก http://hackosphere.blogspot.com

MeOmee
Blogger Siamblogspot