การทำ Read more ให้กับ Blogger

บางครั้งคนอ่านไม่ชอบเนื้อหายาวๆบนหน้าเว็บซึ่งยาวเป็นกิโล ผมก็ไม่ค่อยจะชอบเหมือนกัน การใส่ Read more หรือ อ่านต่อ… เป็นตัวเลือกอย่างนึงที่ทำให้เนื้อหาเราดูสั้นลงตามที่เรากำหนด เมื่อคนอ่านอยากอย่านต่อหัวข้อนั้นๆก็สามารถคลิ๊ก Read more.. หรือ อ่านต่อ… ได้ ทำให้สะดวกและประหยัดหน้าเว็บเราไม่น้อยทีเดียว

การทำ Read more ให้กับ Blogger ให้เราเข้าไปที่ Edit HTML หรือแก้ไข HTML

1 การทำ Read more ให้กับ Blogger

  1. .ให้ทำการ Backup ไว้ก่อนกันเหนี่ยวเดียวผิดพลาดขึ้นมางานจะเข้า
  2. กดเพิ่มเครื่องมือแม่แบบ เพื่อเปิด Code แบบเต็ม

ใส่ code สีแดงข้างล่างนี่ใส่ไว้ก่อน </head> หลัง </b:skin> ครับ

]]></b:skin>
<b:if cond='data:blog.pageType != "item"'>
<style>#fullpost{ display:none;}</style>
</b:if>
</head>

จากนั้นกด Ctrl+F หา Code นี้ครับ <p><data:post.body/></p> แล้วใส่ Code สีแดงไว้ด้านล่างครับ

<div class='post-body entry-content'>
      <p><data:post.body/></p>
      <b:if cond='data:blog.pageType != "item"'>
         <p><a expr:href='data:post.url'>Read More</a></p>
      </b:if>
      <div style='clear: both;'/> <!-- clear for photos floats –>

ให้สังเกตุคำว่า Read More ใน Code ด้านบนนี้ครับ เราสามารถแก้ไขตามใจเราได้เช่นเราอยากให้แสดงเป็นคำว่า อ่านต่อ… เราก็เปลี่ยนจาก Read More เป็นคำว่า อ่านต่อ… ครับ แค่นั้นแหละ

หลังจากนั้นให้เรากด Save Template ได้เลยครับ

จากนั้นไปที่ Setting >>> Formatting เลื่อนลงมาล่างสุดจะเห็น Post Template ให้ Copy ข้างล่างนี่ใส่กรอกเข้าไปแล้ว Save ครับ

ส่วนที่จะให้แสดง
<span id="fullpost">
ส่วนที่เหลือ
</span>

 

เราอยากให้ตรงไหนโผล่ขึ้นก็ให้เขียนตรง “ส่วนที่จะให้แสดง” ตรงไหนอยากให้อ่านต่อก็ใส่ตรง “ส่วนที่เหลือ”

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

oneshotonedie กล่าวว่า...

ขอบคุณมากครับ อยากใช้บริการอีก

www.wave_undergraund@hotmail.com

angelic@thailand กล่าวว่า...

u nice! thanks very much

P'Ple กล่าวว่า...

วิธีการนี้ มันใช้กับวิธีโพสด้วย windows live writer ไหมครับ ผมคิดว่าไม่นะ หรือผมคิดผิด

isaigooni กล่าวว่า...

ขอบคุณมากครับ
มีประโยชน์มากๆเลย

kuya กล่าวว่า...

ลองทำดูแล้วบทความยังเหมือนเดิม ไม่รู้ทำผิดหรือปล่าว
www.kuyatraining.blogspot.com

anunnaki กล่าวว่า...

อยู่ตรงไหนครับ setting>>>formatting

Mamsung กล่าวว่า...

อยากเอาคำว่าอ่านต่อออกอ่ะค่ะ ทำไงดี

Chatty Success กล่าวว่า...

ทำได้แล้ว ดีใจจัง ขอบคุณคับ

freestyle กล่าวว่า...

สวัสดีครับ

GM.All2Boomz[m.A2Bz.] กล่าวว่า...

งง หมกเลย

Graphicianz กล่าวว่า...

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

แต่งงานโคราช,เวดดิ้ง,wedding,korat ถ่ายภาพ แต่งหน้า ออแกไนท์ กล่าวว่า...

ไม่้เห็นทำได้เลย หาข้อความที่ให้หาไม่เจอ

Esprada Meen กล่าวว่า...

ทำไม่ได้เหมือนกันครับ หาข้อความที่ให้หาไม่เจอเหมือนกันครับ

Uriwan กล่าวว่า...

หนู ได้ เอา บท ความไป ลงที่ copyblogspot.blogspot.com และได้อ้างอิงมาที่เว็บแล้วนะค๊ะ

ไม่ระบุชื่อ กล่าวว่า...

ขอบคุณจากใจครับ จะไม่มีวันลืมบุญคุณ

pongpiya กล่าวว่า...

รวมเว็บ 18+ มาฝาก

http://watchandclock.blogspot.com/

http://watchshoppingonline.blogspot.com

http://babytoykids.blogspot.com

http://bikebest.blogspot.com

teacafa@hotmail.com กล่าวว่า...

รวมเว็บดีๆมาฟากครับ
เว็บโหลด 18+ อับกระจาบ medieafire
www.teacafa.co.cc

เว๊บฟังเพลงออนไลน์ฟรี 24 ชม
www.tidkhangfa.co.cc

Allth Dara กล่าวว่า...

ทำไม่ได้

Alien-x กล่าวว่า...

ขอบคุณครับ บทความดีมากๆเลย

ฝาก blogger ด้วยครับ

http://slendex-body-beautiful.blogspot.com/

http://live-innovation.blogspot.com/

Blog_Lifestyle กล่าวว่า...

มีประโยชน์มากครับบบบ ฝาก Blog ด้วยนะครับ
http://www.kindletopebooks.com/
http://topkindleebooks.blogspot.com/
http://clicktoystogo.blogspot.com/

นูรุลอินซาน กอระ กล่าวว่า...

Setting >>> Formatting อยู่ตรงไหนค่ะ หาไม่เจอ

นูรุลอินซาน กอระ กล่าวว่า...
ความคิดเห็นนี้ถูกผู้เขียนลบ
PARADON กล่าวว่า...

คือทำไม ผมทำไม่ได้อะครับ - -"

โค๊ตอันที่ให้กด หาใน ค้นหา กดค้นแล้วมันไม่มีอะครับ เลยไม่รู้จะเอา ไปใส่ไว้ตรงไหน

หรือนี่มันเฉพาะ Window live ไรนั่นอะครับ

แต่อันอื่นมีประโยชน์มากครับ ขอบคุณจริงๆครับ :D

รบกวนฝากบลอคผมด้วยนะครับ
http://successfulworkouts.blogspot.com

Zerosix กล่าวว่า...

ฝากด้วยละกัลครับสำหรับบล๊อก
ดูการ์ตูนออนไลน์ ดูอนิเมะออนไลน์ที่นี่เลย
http://dooanimez.blogspot.com/

Rin Sophearun กล่าวว่า...

http://weamazonagkor.blogspot.com/

Rin Sophearun กล่าวว่า...

http://weamazonagkor.blogspot.com/

Admin กล่าวว่า...

ดูแลตัวเองดีๆนะครับ http://boostbeautyandhealthy.blogspot.com/

Surachat Khongkhut กล่าวว่า...

ขอบคุณครับ

ฝากด้วยครับ
http://mobilestopup.blogspot.com/

ไม่ระบุชื่อ กล่าวว่า...

ขอบคุณ
http://www.employeesthai.blogspot.com

atts41 กล่าวว่า...

-ขอบคุณสำหรับ เนื้อหาแนะนำครับ จะลองไป ปรับแต่งที่
http://dvo41makemoneyth.blogspot.com/
ดูครับ

speedvery professional กล่าวว่า...

thx gill so much

แทงบอลสเต็ป
เว็บพนันบอล
เว็บเล่นบาคาร่าฮอลิเดย์

eBuy-iDo กล่าวว่า...

best-camera
electronics amazon ebuy-ido ebuyido

Weerachai Vachaisri กล่าวว่า...

Thank you for Article it-korat

Weerachai Vachaisri กล่าวว่า...

ทำแล้ว ไม่ขึ้น ครับ แย่ จังงงit-korat

Weerachai Vachaisri กล่าวว่า...

ไม่ขึ้น เลย หมดความพยายามแระครับ

delphi XE2 กล่าวว่า...

thx u so much

giftshop ราคาถูก
ของแต่งรถ ราคาถูก คิตตี้ kitty

อาหารเสริมผิวขาว กล่าวว่า...

เครื่องสำอางเกาหลีพร้อมส่ง อาหารเสริมผิวขาว ครีมน้ำมันม้าราคาส่ง

http://www.prettysecretshop.com

joon balaad กล่าวว่า...

ขอบคุณมากครับ เนื้อหามีประโยชน์มาก
ขอฝากเว็บหน่อยน่ะครับ

Bags.Love กล่าวว่า...

ขอบคุณมากค่ะ บทความมีประโยชน์มาก ขอให้มีบทความที่มีประโยชน์อย่างนี้ออกมาเรื่อยๆนะค่ะ
จาก anello mirror
http://anellobagslove.tumblr.com

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

Twitter Delicious Facebook Digg Stumbleupon Favorites More

 
Design by Free WordPress Themes | Bloggerized by Lasantha - Premium Blogger Themes | Design Blog, Make Online Money