Blogger การสร้างข้อมูลสรุปย่อ โดยให้มีปุ่ม Readmore

การสร้างข้อมูลสรุป "After the jump" หรือปุ่ม "อ่านเพิ่มเติม.."

After the Jump เป็นคุณลักษณะที่ช่วยให้คุณสามารถสร้างข้อมูลสรุปของบทความที่ขยายได้ในบท ความบล็อกของคุณ เพื่อให้บทความที่มีความยาวปรากฏเป็นข้อความแนะนำ พร้อมด้วยลิงก์สำหรับ อ่านเพิ่มเติม



การสร้างตัวคั่นของการข้ามในบทความบล็อกของคุณนั้นทำได้ง่ายจากในโปรแกรม แก้ไขบทความ โดยไม่จำเป็นต้องแก้ไข HTML ขั้นแรก ตัดสินใจว่าคุณต้องการสร้างตัวคั่นของการข้ามไว้ในตำแหน่งใด และวางเคอร์เซอร์ไว้ในตำแหน่งนั้น:


เมื่อเคอร์เซอร์ของเมาส์อยู่ในตำแหน่งที่จะข้าม ให้คลิกที่ไอคอน แทรกตัวคั่นการข้าม ในแถบเครื่องมือ:


การคลิกที่ไอคอนนี้จะเป็นการแทรกแถบสีเทาที่ตำแหน่งของเคอร์เซอร์ ซึ่งแสดงให้เห็นว่าตัวคั่นนั้นจะปรากฏในตำแหน่งใดของบทความ แถบนี้สามารถลากได้ ดังนั้นคุณจึงสามารถเปลี่ยนตำแหน่งได้หลังจากแทรกแล้ว

ถ้าคุณไม่ได้ใช้เครื่องมือแก้ไขบทความใหม่ คุณยังสามารถแทรกตัวคั่นการข้ามในโหมดแก้ไข HTML ได้ด้วยการคลิกที่ ในตำแหน่งที่คุณต้องการวางตัวคั่นการข้าม


เมื่อคุณกำหนดตำแหน่งของตัวคั่นภายในบทความแล้ว คุณก็พร้อมที่จะเผยแพร่บทความของคุณ หลังจากเผยแพร่ คุณจะพบลิงก์ อ่านเพิ่มเติม อยู่ในตำแหน่งที่คุณแทรกตัวคั่นการข้ามไว้:


เมื่อคลิกที่ลิงก์ อ่านเพิ่มเติม จะเป็นการแสดงข้อความทั้งหมดของบทความ:


ถ้าคุณต้องการเปลี่ยนข้อความ อ่านเพิ่มเติม เป็นวลีที่กำหนดขึ้นเอง คุณสามารถทำได้ในแท็บ การออกแบบ | องค์ประกอบของหน้า คลิกที่ แก้ไข ใน Widget การโพสต์บล็อก จากนั้นเปลี่ยน ข้อความของลิงก์ตัวคั่นบทความ เป็นข้อความที่ต้องการ



โปรดทราบว่า คุณลักษณะตัวคั่นของการข้ามนี้จะไม่มีผลกับการแสดงบทความของคุณในฟีด คุณสามารถกำหนดค่าตัวเลือกของบทความด้วยการไปที่ การตั้งค่า | พื้นฐาน | ฟีดของไซต์ และแก้ไข อนุญาตฟีดของบล็อก

หมายเหตุ: สำหรับผู้ที่ใช้แม่แบบของบุคคลที่สามที่กำหนดเอง คุณจะต้องเพิ่มตัวอย่างโค้ดเพื่อให้ตัวคั่นการข้ามทำงานได้
ในการดำเนินการนี้ ให้เข้าถึงแท็บ การออกแบบ | แก้ไข HTML สำหรับบล็อกของคุณ และสำรองแม่แบบของคุณด้วยการคลิกที่ลิงก์ ดาวน์โหลดแม่แบบแบบเต็ม ที่ด้านบนของหน้าเว็บ การดำเนินการนี้จะดาวน์โหลดแม่แบบในเวอร์ชัน XML ซึ่งคุณสามารถอัปโหลดได้ในภายหลัง ถ้าต้องการ
หลังจากสำรองข้อมูลแม่แบบของคุณแล้ว ให้คลิกที่ช่องทำเครื่องหมาย ขยายแม่แบบ Widget และค้นหา HTML ของคุณเพื่อหาตัวอย่างต่อไปนี้:

<data:post.body/>

เมื่อพบโค้ดนี้แล้ว ให้วางตัวอย่างต่อไปนี้ไว้ด้านล่างโดยตรง:

<b:if cond='data:post.hasJumpLink'>

<div class='jump-link'>

<a expr:href='data:post.url + "#more"'><data:post.jumpText/></a>

</div>

</b:if >

หลังจากวางโค้ดแล้ว ให้คลิก บันทึก เพียงเท่านี้ก็เสร็จสมบูรณ์แล้ว

vie :blogger support