Icon Icon Icon Icon Follow Me on Pinterest

วิธีทำปุ่ม อ่านต่อ>> (Read more>>)

At new post, look at the left-center of the screen, you can find a Insert jump break button



วิธีทำปุ่ม อ่านต่อ>> (Read more>>) 

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


ที นี้ ใน 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>> ก็จะปรากฎขึ้นที่หน้าหลักแล้ว 

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

    deksichon กล่าวว่า...

    ขอบคุณครับ....ง่ายนิดเดียว
    ข้อข้อความ read more แทบตาย มีแต่ให้ไปแข้ไข html
    พอมาเจอบทความของคุณ...โอ้โห้....ขอบคุณมาก ๆๆๆๆๆๆๆๆๆ

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

    amazon

    Popular Posts

    ทำเว็บบล็อกเกอร์ ทำเว็บบล็อกเกอร์ ทำเว็บบล็อกเกอร์ ทำเว็บบล็อกเกอร์ ทำเว็บบล็อกเกอร์ ทำเว็บบล็อกเกอร์ ทำเว็บบล็อกเกอร์ ทำบล็อก หจก. พรโชคชัย อีควิปเม้นท์Production and sell,Tractor spare parts. ผลิต และจำหน่าย อะไหล่ แทรกเตอร์ หจก. พรโชคชัย อีควิปเม้นท์Production and sell,Tractor spare parts. ผลิต และจำหน่าย  อะไหล่ แทรกเตอร์ ทำบล็อก www.tumbog.exteen.com www.tumbog.exteen.com www.tumbog.exteen.com www.tumbog.exteen.com  สำหรับท่านที่  อยากมีเว็บบล็อกเป็นของตัวเอง คุณไม่ต้องเก่งก็ทำด้วยตัวเองได้ คลิกเลย  สำหรับท่านที่  อยากมีเว็บบล็อกเป็นของตัวเอง คุณไม่ต้องเก่งก็ทำด้วยตัวเองได้ คลิกเลย ทำเว็บบล็อกเกอร์ ทำเว็บบล็อกเกอร์ ทำเว็บบล็อกเกอร์ ทำSlide - Photo Sharing

    Labels