วิธีทำปุ่ม อ่านต่อ>> (Read more>>) ใน Blogger (Blogspot) ทำยังไง? ลอง Insert jump break ดู!

Namira
2 minute read

วิธีทำปุ่ม อ่านต่อ>> (Read more>>) ใน Blogger (Blogspot) ทำยังไง? ลอง Insert jump break ดู! - Assalamu'alaikum sahabat WirasNews di manapun berada. Selamat datang di blog pribadi ini. Oke, artikel yang sedang sahabat baca saat ini berjudul วิธีทำปุ่ม อ่านต่อ>> (Read more>>) ใน Blogger (Blogspot) ทำยังไง? ลอง Insert jump break ดู!, artikel ini ditulis dengan penuh perasaan, dan semoga sahabat semua dapat memahami informasi yang disajikan di dalamnya. Oh iya, kata kunci untuk memahami isi artikel ini adalah Blogger:Insert jump break, Blogger:Read more button, selamat membaca.
Judul : วิธีทำปุ่ม อ่านต่อ>> (Read more>>) ใน Blogger (Blogspot) ทำยังไง? ลอง Insert jump break ดู!
link : วิธีทำปุ่ม อ่านต่อ>> (Read more>>) ใน Blogger (Blogspot) ทำยังไง? ลอง Insert jump break ดู!


วิธีทำปุ่ม อ่านต่อ>> (Read more>>) ใน Blogger (Blogspot) ทำยังไง? ลอง Insert jump break ดู!

ใส่ปุ่ม, ลิงค์ (link) อ่านต่อ>> (Read more>>) ทำอย่างไร?

Blog icon
Photo by  Laura1922 (CC BY-SA 3.0)

ใน Blogger™ web publishing service
บางครั้ง ถ้าเราโพส (post) บทความหรือข้อความ ที่มีความยาวตัวอักษรมาก ๆ
นอกจากจะทำให้หน้าแรกโหลดช้าแล้ว
ยังทำให้หน้าจอ ยาวเกินความจำเป็น

ที นี้ ใน Blogger มี function ให้เราสามารถใส่ปุ่ม อ่านต่อ>> (อ่านเพิ่มเติม>>, มีต่อ>>, Read more>>, View full post>>)
เมื่อผู้ชมสนใจ ก็สามารถคลิกเข้าไปอ่านเพิ่มเติมได้

ประโยชน์ของปุ่ม อ่านต่อ>> (Read more>>)
  • ทำให้หน้าแรกโหลดเร็วขึ้น
  • หน้าจอดูสะอาดขึ้น
  • สามารถเช็คได้ว่า ผู้ชมส่วนใหญ่ สนใจบทความไหน
  • หากใช้ Google Adsense™ advertising program ปุ่มอ่านต่อ>> (Read more>>) ทำให้ผู้ชม ที่สนใจบทความตัวเต็มเข้าไปชมบทความนั้น และได้ดู Advertisment ที่ตรงกับความสนใจ

วิธีการทำปุ่ม อ่านต่อ>> (Read more>>) นั้นง่ายมาก
ไม่จำเป็นต้องใส่โค๊ด (โค้ด, code HTML) ใด ๆ ลงไป
เพียงแค่...
ใช้ปุ่ม "Insert jump break"

วิธีการ
1. เข้าไป Edit Posts
2. ใช้เมาส์จิ้ม หลังประโยคที่ต้องการให้แสดงในหน้าแรก (ดูหมายเลข 1. สีแดงในรูป)
3. กด Insert jump break (ดูหมายเลข 2. สีแดงในรูป)
At new post, look at the left-center of the screen, you can find a Insert jump break button

 4. เมื่อกด Insert jump break เสร็จ จะปรากฎแถบสีเทาดังรูป
After you press Insert jump break button, It will appear the grey line to indicate the seperation

5. เมื่อกด Publish Post จะปรากฎปุ่ม อ่านต่อ>> (Read more>>) ให้เองโดยอัตโนมัติ
After publish post, It will automatically appear read more button

วิธีเปลี่ยนข้อความ Read more>>
  1. เข้า Blogger
  2. เข้า Layout > Page Elements
  3. ดูที่ช่อง widgets "Blog Posts" > กด Edit
  4. ดูที่ช่อง Main page options > Post page link text: จากนั้นแก้ไขให้เป็นข้อความที่ต้องการในช่องนี้เช่น Continue reading>>, อ่านต่อ>>, อ่านเพิ่มเติม>>, ดูบทความเต็ม>>
กรณีที่ไม่มีปุ่ม Insert jump break
ถ้าอยากให้ปุ่ม Insert jump break ปรากฎขึ้น ต้องตั้งค่าใน Settings ให้เป็น Updated editor ก่อน
การตั้งค่าใน Setting สามารถทำได้ที่ Dashboard > Settings > Basic เลื่อนไปล่างสุดของจอ ตรงส่วนของ Global Settings ให้มองหา Select post editor (Applies to all of your blogs.) แล้วเลือกเป็น Updated editor
การตั้งค่า Updated post editor ใน Settings

แต่ถ้าอยากใช้ Old editor แบบเดิมอยู่ (ที่ไม่มีปุ่ม Insert jump break) ก็ยังสามารถใส่ jump break ได้
โดย ตอนอยู่ในหน้าจอ New post หรือ Edit Posts ของบทความที่ต้องการจะใส่ jump break ให้กด Edit HTML จากนั้นมองหาประโยคที่ต้องการจะใส่ jump break จากนั้นใส่ code ดังรูปต่อท้าย (หน้าและหลังคำว่า more ต้องเว้นวรรค 1 ที)
การใส่ jump break ด้วยตนเองใน Edit HTML 
เพียงเท่านี้ ปุ่ม Read more>> ก็จะปรากฎขึ้นที่หน้าหลักแล้ว

    Demikianlah artikel yang berjudul วิธีทำปุ่ม อ่านต่อ>> (Read more>>) ใน Blogger (Blogspot) ทำยังไง? ลอง Insert jump break ดู!

    Terima kasih telah membaca artikel วิธีทำปุ่ม อ่านต่อ>> (Read more>>) ใน Blogger (Blogspot) ทำยังไง? ลอง Insert jump break ดู!, semoga dapat memberi manfaat untuk sahabat semua. Akhir kata, sampai jumpa di postingan artikel lainnya. Wassalamu'alaikum Warohmatullahi Wabarokatuh.

    Sahabat telah membaca artikel berjudul วิธีทำปุ่ม อ่านต่อ>> (Read more>>) ใน Blogger (Blogspot) ทำยังไง? ลอง Insert jump break ดู! dengan alamat link https://wirasnews.blogspot.com/2009/11/read-more-blogger-blogspot-insert-jump.html
    Advertisement