ยินดีต้อนรับคุณ, บุคคลทั่วไป กรุณา เข้าสู่ระบบ หรือ ลงทะเบียน

เข้าสู่ระบบด้วยชื่อผู้ใช้ รหัสผ่าน และระยะเวลาในเซสชั่น

ThaiSEOBoard.comพัฒนาเว็บไซต์CMS & Free Script[Blogger - Tutorial] ทำ Read More ให้ Blogspot :: อับเดทวิธีที่ 2
หน้า: [1] 2 3   ลงล่าง
พิมพ์
ผู้เขียน หัวข้อ: [Blogger - Tutorial] ทำ Read More ให้ Blogspot :: อับเดทวิธีที่ 2  (อ่าน 14571 ครั้ง)
0 สมาชิก และ 1 บุคคลทั่วไป กำลังดูหัวข้อนี้
ball6847
เจ้าพ่อบอร์ดเสียว
*

พลังน้ำใจ: 212
ออฟไลน์ ออฟไลน์

กระทู้: 4,174



ดูรายละเอียด
« เมื่อ: 21 ตุลาคม 2007, 02:34:11 »

เพิ่มเติมโดย ball6847 - 31 ตุลาคม 2007
อีกวิธีที่นี่ครับ สั้นกว่า ง่ายกว่า แถมดีกว่า
http://www.thaiseoboard.com/in...17088.msg226873.html#msg226873

============

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

ก็เลยว่า "เอาวะ ทำสักอัน" ตามไปดูกัน

Credit - ให้เครดิตกับคนทำสักนิดคับ จาก Hackosphere บล็อกที่พรุนไปด้วย JavaScript , บล็อก ที่เรียกได้ว่า Blogger Hack ได้อย่างแท้จริง ตามไปดูต้นฉบับได้ที่นี่เลยครับ - Expandable posts with Peekaboo view

 ***Note - อันนี้ไม่ใช่วิธีเดียวที่จะทำ Readmore ได้นะคับ จริงๆ มันมีมากกว่านี้ ถ้ามีเวลาจะทำให้เพิ่มคับ ตอนนี้เอาอันนี้ก่อนนะคับ เป็นสไตล์ Expand Link นะคับ ไม่ได้เป็นการลิ้งค์ไปหน้าของโพสท์โดยตรง แต่เป็นการซ่อน บทความเท่านั้นนะคับ ถ้าไม่เข้าใจก็ลองทำตามดูแล้วจะเข้าใจเองคับ

Demo คับ
โค๊ด:
http://test-read-more.blogspot.com/

Expandable posts with Peekaboo view
1. ไปที่ Template => Edit Template (หวังว่าไปกันถูกนะคับ)
2. ก่อนที่จะแก้ไขอะไรกรุณา Backup Template ไว้ก่อนนะคับ ผมไม่รับประกันว่าท่านจะทำกันได้ทุกคนนะครับ ให้ดาวน์โหลด Template ของท่านมาเก็บไว้ที่เครื่องก่อนคับ โดยคลิ้กที่ลิ้งค์ Download Full Template ครับ
3. ให้ตื้กที่ Expand Widget Templates เพือเปิด Code แบบเต็มออกมาก่อนครับ
4. ให้ใส่ JavaScript ตามลิ้งค์ข้างล่างนี้ลงไปในส่วนของ head นะคับ ให้หา </head> แล้วก็ใส่ Code นี้ลงไปก่อน </head> เลยครับ
ตามไปเอาโค้ดได้ที่นี่ครับ - http://rarunach.googlepages.com/hackosphere.js.html
5. ต่อไปให้หา บรรทัด ที่มีคำว่า
โค๊ด:
<b:includable id='post' var='post'>
**หากหาไม่เจอแสดงว่าท่านลืมติ้กที่  Expand Widget Templates
เมือหาเจอแล้วให้ เพิ่ม code ตามสีแดงคับ
อ้างถึง
<b:includable id='post' var='post'>
  <div class='post uncustomized-post-template' expr:id='"post-" + data:post.id'>
    <a expr:name='data:post.id'/>

Note - ตรง <div class='post uncustomized-post-template'> ของแต่ละ Template อาจไม่เหมือนกันนะครับ เพราะฉนั้นอย่างง ให้เพิ่มเข้าไปตาม code ข้างบนเลยคับ เช่น ของบางคนอาจจะเป็นตามนี้ครับ
อ้างถึง
<b:includable id='post' var='post'>
  <div class='post hentry uncustomized-post-template' expr:id='"post-" + data:post.id'>
    <a expr:name='data:post.id'/>

หรือ
อ้างถึง
<b:includable id='post' var='post'>
  <div class='post hentry' expr:id='"post-" + data:post.id'>
    <a expr:name='data:post.id'/>

หวังว่าคงจะเอาไปทำกันถูกนะครับ

6. ต่อไป เลื่อนลงมานิดนึงครับ แล้วหาบรรทัดต่อไปนี้ครับ

อ้างถึง
    <div class='post-body entry-content'>
      <p><data:post.body/></p>
      <div style='clear: both;'/>

Note - เหมือนเดิมครับ <div class='post-body entry-content'> แต่ละ Template อาจจะไม่เหมือนกันนะครับ เพราะฉนั้นถ้าเป็นอย่างอื่นคล้ายๆกันก็อย่างงนะครับ

ต่อไปให้เพิ่ม Code เข้าไปตามนี้ครับ สังเกตุสีแดงเอาครับ
อ้างถึง
    <div class='post-body entry-content'>

     <b:if cond='data:blog.pageType == "item"'>

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

     <b:else/>
        <style>#fullpost {display:none;}</style>
        <p><data:post.body/></p>
        <span id='showlink'>
          <p><a href='javascript:void(0);' expr:onclick='"javascript:showFull(\"post-" + data:post.id + "\");"'>Read More...</a></p>
        </span>
        <span id='hidelink' style='display:none'>
          <p><a href='javascript:void(0);' expr:onclick='"javascript:hideFull(\"post-" + data:post.id + "\");"'>Summary only...</a></p>
        </span>
        <script type='text/javascript'>
          checkFull("post-" + "<data:post.id/>");
        </script>
     </b:if>


      <div style='clear: both;'/>


เสร็จขั้นตอนการแก้ Template แล้วครับ ต่อไปก็ เซฟได้เลยครับ

7. ต่อไปเราจะต้องเข้าไปเพิ่มในส่วนของ Post Template เพื่อให้ blogger แทรก code สำหรับแยกบทความส่วนหน้าและส่วนเต็ม ให้เราในขณะที่เรากำลังโพสท์บทความใหม่ครับ ให้เข้าไปที่ Setting => Formatting แล้วเลื่อนลงมาล่างสุดจะเห็นช่องให้กรอก Post Template ให้ Copy ข้างล่างนี่ใส่กรอกเข้าไปแล้วเซฟเลยครับ

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

Note - ไม่ต้องแก้ "ส่วนที่จะให้แสดง" และ "ส่วนที่เหลือ" นะครับ ให้ Copy ไปทั้งดุ้นเลย เพราะส่วนนี้จะมีไว้เพื่อเตือนความจำท่านว่า ท่านจะต้องวางบทตวามแต่ละส่วนไว้ตรงไหน พอเวลาที่ท่านจะโพสท์บทความ blogger จะแทรก Code นี้ให้เองอัตโนมัติ ม่านเพียงแค่แก้ ให้เป็นบทความของเท่านั้นเองครับ

เสร็จแล้วคร้าบบ

==========
รูปภาพประกอบ
==========










ผลเป็นอย่างงี้
โค๊ด:
http://test-read-more.blogspot.com/

=======================

ยังเหลืออีกแบบนึงถ้ามีเวลาผมจะทำให้อีกนะคับ ตอนนี้โคตรเมื่อยเลย นั่งทำอยู่ 2 ชมครึ่ง  Lips Sealed
หวังว่าคงจะมีประโยชน์นะครับ ใครทำได้ไม่ได้ยังงัยก็บอกกันด้วยล่ะครับ
« แก้ไขครั้งสุดท้าย: 31 ตุลาคม 2007, 01:52:23 โดย ball6847 » บันทึกการเข้า

hahokhok
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 62
ออฟไลน์ ออฟไลน์

กระทู้: 1,863



ดูรายละเอียด เว็บไซต์
« ตอบ #1 เมื่อ: 21 ตุลาคม 2007, 03:41:00 »

เชิญก่อนเลยครับ แล้วผมจะช่วยเสิม กับวิธีที่ blog ผมใช้ Kiss
บันทึกการเข้า
@_@
สมุนแก๊งเสียว
*

พลังน้ำใจ: 4
ออฟไลน์ ออฟไลน์

กระทู้: 619



ดูรายละเอียด
« ตอบ #2 เมื่อ: 25 ตุลาคม 2007, 13:24:49 »

ขอบพระคุณอย่างสูง Kiss ซึ้งในน้ำใจมาก กระจ่างเลยทีนี้  Cry
บันทึกการเข้า

.
forfin
ก๊วนเสียว
*

พลังน้ำใจ: 0
ออฟไลน์ ออฟไลน์

กระทู้: 232



ดูรายละเอียด
« ตอบ #3 เมื่อ: 25 ตุลาคม 2007, 13:39:57 »

ขอบคุณครับ มีภาพประกอบเข้าใจง่ายดีครับ  Kiss

ถ้าไม่มีคนขุดขึ้นมาคงไม่ได้อ่านกระทู้นี้  Tongue
บันทึกการเข้า

i-newhand
สมุนแก๊งเสียว
*

พลังน้ำใจ: 25
ออฟไลน์ ออฟไลน์

กระทู้: 791



ดูรายละเอียด
« ตอบ #4 เมื่อ: 25 ตุลาคม 2007, 14:04:59 »

thank คับ  Smiley
บันทึกการเข้า
satansatan
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 21
ออฟไลน์ ออฟไลน์

กระทู้: 1,572



ดูรายละเอียด เว็บไซต์
« ตอบ #5 เมื่อ: 30 ตุลาคม 2007, 01:25:49 »

ขอบคุณมากๆเลยครับ เดี๋ยวจะลองไปทำดู
บันทึกการเข้า

moonstone
Newbie
*

พลังน้ำใจ: 0
ออฟไลน์ ออฟไลน์

กระทู้: 29



ดูรายละเอียด
« ตอบ #6 เมื่อ: 30 ตุลาคม 2007, 08:11:08 »

 Smiley Kiss Kiss Kiss Kiss Kiss
ขอบคุณมากคร้า
บันทึกการเข้า

http://easytothaifood.blogspot.com/
http://funnymusic4u.blogspot.com/   ฟังเพลงด้วยกันนะค่ะ
ball6847
เจ้าพ่อบอร์ดเสียว
*

พลังน้ำใจ: 212
ออฟไลน์ ออฟไลน์

กระทู้: 4,174



ดูรายละเอียด
« ตอบ #7 เมื่อ: 31 ตุลาคม 2007, 01:44:16 »

มาบอกวิธีอีกวิธ ตามสัญญาีครับ

วิธีนี้ผมคิดขึ้นมาเองคับ แต่มีพื้นฐานมาจากอันก่อน ต้องไปศึกษา Blogger Layouts Data Tags อยู่พักนึง ดีนะที่เค้าทำ Referrence ไว้ให้ ไม่งั้นงมนานแน่ๆ

ข้อดี
- อันนี้ไม่ใช้ JavaScript ครับ ทำให้ Template เราไม่รกด้วย
- หาก user ไม่เปิด JavaScript ก็ยังใช้ได้อยู่
- โค้ดที่เพิ่มเข้าไปใน template จะสั้นกว่า
- ลิ้งค์ Readmore ที่ได้จะเป็น permalink (url) ของโพสท์เลย
- ลิ้งค์นี้บอทตามได้ครับ เพราะไม่ใช่ JavaScript
- สามารถเลือกได้อิสระว่า จะตัดบทความให้เป็น Readmore ตั้งแต่ส่วนไหน
- ช่วยคนที่ติด AdSense ทางอ้อมครับ เพราะลิ้งค์จะบังคับให้ไปที่หน้าบทความ ทำให้เราแน่ใจว่าโฆษณาจะสอดคล้องกับบทความ มากกว่าให้ user อ่านอยู่ที่หน้าแรก เพราะเนื้อหามันเยอะเกิน

ข้อเสีย
- เสียตรงที่เป็นการใช้ css ซ่อนบทความ ทำให้ html ที่ออกมาไม่ต่างจากไม่ทำ readmore เท่าไหร่ ซึ่งจริงๆ ผมไม่อยากให้หน้าแรก มันไปซ้ำกับหน้าบทความเอง อีกอย่างผมอยากให้ไฟล์มันเล็กลงด้วย แต่้ทำไม่ได้คับ เลยซวยไป แต่อย่างน้อยก็ช่วยให้ผู้ใช้งานสะดวกขึ้นครับ

==================================================

วิธีทำ (คราวนี้ไม่มีรูปให้แล้วนะคับ เพราะขี้เกียจแล้ว)

1. ไปที่ Template => Edit Template
2. Backup Template อันเก่าไว้ด้วยครับ เผื่อเจ้งขึ้นมาจะได้ทำให้กลับเป็นเหมือนเดิมได้
3. ให้ตื้กที่ Expand Widget Templates เพือเปิด Code แบบเต็ม
4. ใส่ code สีแดงข้างล่างนี่ใส่ไว้ก่อน </head> หลัง </b:skin> ครับ

อ้างถึง
]]></b:skin>
<b:if cond='data:blog.pageType != "item"'>
<style>#fullpost{ display:none;}</style>
</b:if>

</head>

5. หาบรรทัดต่อไปนี้ครับ

อ้างถึง
     <div class='post-body entry-content'>
     <p><data:post.body/></p>
     <div style='clear: both;'/>
Note -  <div class='post-body entry-content'> แต่ละ Template อาจจะไม่เหมือนกันนะครับ

แล้วใส่เพิ่มลงไปตามนี้ครับ (สังเกตุสีแดงเอาครับ)

อ้างถึง
    <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;'/>

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

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

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

เสร็จแล้วครับ เวลาจะโพสท์บทความใหม่ก็ทำเหมือนวิธีก่อนหน้านี้ครับ

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

คราวหน้าจะมาสอนการแก้ให้ Blogger แสดง <title> ให้เหมาะสมกับ SEO โดยให้ชื่อบทความ ขึ้นก่อนชื่อบล็อกครับ
บันทึกการเข้า

hahokhok
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 62
ออฟไลน์ ออฟไลน์

กระทู้: 1,863



ดูรายละเอียด เว็บไซต์
« ตอบ #8 เมื่อ: 31 ตุลาคม 2007, 02:23:31 »

อืม วิธีคล้ายๆกับที่ผมใช้อยู่ (ถ้าคุณคิดเองนี้แปลว่าเก่งมากเลยครับ ชมนะครับ) แต่ผมต่างอยู่หน่อย :Smiley ถ้าอยากจะรู้ว่าต่าง ตรงไหนไปดูได้นะครับ ที่ลายเซ็น เขียนว่า เทคนิค อะนะ(ขอโปรโมทหน่อย Embarrassed)พื่งทำเสร็จสดๆเลย มันจะเป็น blog ที่ผมทำขึ้นเพื่อแนะนำวิธีที่ ผมใช้ มันเหมาะกับมือใหม่มาก(ใหม่จริงๆเพราะบางเทคนิตคนที่ เซียน แล้วจะเห็นว่ามันเด็กๆมากเลย)พร้อมกับ คลิปหนัง เพลง
ขอบคุณครับ Kiss
บันทึกการเข้า
ball6847
เจ้าพ่อบอร์ดเสียว
*

พลังน้ำใจ: 212
ออฟไลน์ ออฟไลน์

กระทู้: 4,174



ดูรายละเอียด
« ตอบ #9 เมื่อ: 31 ตุลาคม 2007, 02:50:01 »

อืม วิธีคล้ายๆกับที่ผมใช้อยู่ (ถ้าคุณคิดเองนี้แปลว่าเก่งมากเลยครับ ชมนะครับ) แต่ผมต่างอยู่หน่อย :Smiley ถ้าอยากจะรู้ว่าต่าง ตรงไหนไปดูได้นะครับ ที่ลายเซ็น เขียนว่า เทคนิค อะนะ(ขอโปรโมทหน่อย Embarrassed)พื่งทำเสร็จสดๆเลย มันจะเป็น blog ที่ผมทำขึ้นเพื่อแนะนำวิธีที่ ผมใช้ มันเหมาะกับมือใหม่มาก(ใหม่จริงๆเพราะบางเทคนิตคนที่ เซียน แล้วจะเห็นว่ามันเด็กๆมากเลย)พร้อมกับ คลิปหนัง เพลง
ขอบคุณครับ Kiss

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

อ้อ..อันนี้คิดเองครับ แค่ยึดคอนเซปเดิม แต่ผมไม่เหมือนตรงที่ใช้เงื่อนไขจะไม่เหมือนกันเลย
ผมควบคุมเงื่อนไขว่าอยู่หน้าอะไรจาก Blogger Condition Tag คับ และก็ควบคุมการซ่อนหรือแสดงด้วย CSS เป็นหลักครับ
บันทึกการเข้า

hahokhok
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 62
ออฟไลน์ ออฟไลน์

กระทู้: 1,863



ดูรายละเอียด เว็บไซต์
« ตอบ #10 เมื่อ: 31 ตุลาคม 2007, 05:26:41 »

ดีครับ เก่งมากเลย ของผมขอเป็นแนวให้คนพึ่งเริ่มแล้วกันนะครับ  Smiley
บันทึกการเข้า
falcon_nano
ก๊วนเสียว
*

พลังน้ำใจ: 9
ออฟไลน์ ออฟไลน์

กระทู้: 361



ดูรายละเอียด เว็บไซต์
« ตอบ #11 เมื่อ: 31 ตุลาคม 2007, 08:48:53 »

 Cool   นับถือๆเด๋วบ่ายๆมาทำไปเรียนก่อน
บันทึกการเข้า

* * * *
*
asshur
เจ้าพ่อบอร์ดเสียว
*

พลังน้ำใจ: 59
ออฟไลน์ ออฟไลน์

กระทู้: 3,315



ดูรายละเอียด เว็บไซต์
« ตอบ #12 เมื่อ: 31 ตุลาคม 2007, 08:53:50 »

คราวหน้าจะมาสอนการแก้ให้ Blogger แสดง <title> ให้เหมาะสมกับ SEO โดยให้ชื่อบทความ ขึ้นก่อนชื่อบล็อกครับ


แบบอันนี้เปล่าครับ
http://www.thaiseoboard.com/index.php/topic,17262.0.html
บันทึกการเข้า

ball6847
เจ้าพ่อบอร์ดเสียว
*

พลังน้ำใจ: 212
ออฟไลน์ ออฟไลน์

กระทู้: 4,174



ดูรายละเอียด
« ตอบ #13 เมื่อ: 31 ตุลาคม 2007, 11:14:16 »

คราวหน้าจะมาสอนการแก้ให้ Blogger แสดง <title> ให้เหมาะสมกับ SEO โดยให้ชื่อบทความ ขึ้นก่อนชื่อบล็อกครับ


แบบอันนี้เปล่าครับ
http://www.thaiseoboard.com/index.php/topic,17262.0.html


ฮ่ะๆ จริงๆ ผมยังไม่ได้นึกถึง code แต่เท่าที่อ่านจาก code ดู ก็จะออกมาตามนั้นแหละคร้าบบ ดีเลยคับ ผมขี้เกียจพอดีเลย อิอิ

ปกติผมจะใช้แต่ เวอร์ชั่นเก่า มันง่ายกว่ามาก แต่ก็ทำอะไรได้น้อยกว่า เลยต้องหันมาทำเวอร์ชั่นใหม่กันบ้าง อิอิ
บันทึกการเข้า

bankkungz
สมุนแก๊งเสียว
*

พลังน้ำใจ: 3
ออฟไลน์ ออฟไลน์

กระทู้: 950



ดูรายละเอียด
« ตอบ #14 เมื่อ: 31 ตุลาคม 2007, 11:55:27 »

แหล่มมากๆครับ

1 จอก จัดไป

 Wink
บันทึกการเข้า

ball6847
เจ้าพ่อบอร์ดเสียว
*

พลังน้ำใจ: 212
ออฟไลน์ ออฟไลน์

กระทู้: 4,174



ดูรายละเอียด
« ตอบ #15 เมื่อ: 31 ตุลาคม 2007, 14:33:34 »

อ่าา ผมทำ readmore generator ไว้ให้นะคับ เพื่อจะได้ไม่ต้องมายุ่งยากมากมาย

แค่ Copy เทมเพลท (แบบเต็มนะคับ) แล้วมา Paste ลงใน textbox และก็กด submit แล้วเสร็จเลยครับ
ไม่ต้องมาหาโน่น ใส่นี่ให้ยุ่งยาก สคริปท์จะหาแล้วแก้ให้เอง
เจนแล้ว Copy ไปใส่ใน editor ของ Blogger อีกทีเป็นอันเรียบร้อยครับ
เพิ่มเติมครับ - แถม <title> ที่เหมาะกับ SEO ให้ด้วยครับ

http://readmoregenerator.blogspot.com/

หน้าตาลาวไปหน่อย แต่ไม่ค่อยเน้นอะไรคับ เอาไว้ใช้กันเอง หุหุ ลองดูน้าคับ ใช้แล้วเป็นงัยบอกด้วยน้าา อิอิ  Smiley
« แก้ไขครั้งสุดท้าย: 31 ตุลาคม 2007, 14:51:40 โดย ball6847 » บันทึกการเข้า

saQw
Newbie
*

พลังน้ำใจ: 0
ออฟไลน์ ออฟไลน์

กระทู้: 83



ดูรายละเอียด
« ตอบ #16 เมื่อ: 31 ตุลาคม 2007, 22:45:34 »

มาบอกวิธีอีกวิธ ตามสัญญาีครับ

วิธีนี้ผมคิดขึ้นมาเองคับ แต่มีพื้นฐานมาจากอันก่อน ต้องไปศึกษา Blogger Layouts Data Tags อยู่พักนึง ดีนะที่เค้าทำ Referrence ไว้ให้ ไม่งั้นงมนานแน่ๆ

ข้อดี
- อันนี้ไม่ใช้ JavaScript ครับ ทำให้ Template เราไม่รกด้วย
- หาก user ไม่เปิด JavaScript ก็ยังใช้ได้อยู่
- โค้ดที่เพิ่มเข้าไปใน template จะสั้นกว่า
- ลิ้งค์ Readmore ที่ได้จะเป็น permalink (url) ของโพสท์เลย
- ลิ้งค์นี้บอทตามได้ครับ เพราะไม่ใช่ JavaScript
- สามารถเลือกได้อิสระว่า จะตัดบทความให้เป็น Readmore ตั้งแต่ส่วนไหน
- ช่วยคนที่ติด AdSense ทางอ้อมครับ เพราะลิ้งค์จะบังคับให้ไปที่หน้าบทความ ทำให้เราแน่ใจว่าโฆษณาจะสอดคล้องกับบทความ มากกว่าให้ user อ่านอยู่ที่หน้าแรก เพราะเนื้อหามันเยอะเกิน

ข้อเสีย
- เสียตรงที่เป็นการใช้ css ซ่อนบทความ ทำให้ html ที่ออกมาไม่ต่างจากไม่ทำ readmore เท่าไหร่ ซึ่งจริงๆ ผมไม่อยากให้หน้าแรก มันไปซ้ำกับหน้าบทความเอง อีกอย่างผมอยากให้ไฟล์มันเล็กลงด้วย แต่้ทำไม่ได้คับ เลยซวยไป แต่อย่างน้อยก็ช่วยให้ผู้ใช้งานสะดวกขึ้นครับ

==================================================

วิธีทำ (คราวนี้ไม่มีรูปให้แล้วนะคับ เพราะขี้เกียจแล้ว)

1. ไปที่ Template => Edit Template
2. Backup Template อันเก่าไว้ด้วยครับ เผื่อเจ้งขึ้นมาจะได้ทำให้กลับเป็นเหมือนเดิมได้
3. ให้ตื้กที่ Expand Widget Templates เพือเปิด Code แบบเต็ม
4. ใส่ code สีแดงข้างล่างนี่ใส่ไว้ก่อน </head> หลัง </b:skin> ครับ

อ้างถึง
]]></b:skin>
<b:if cond='data:blog.pageType != "item"'>
<style>#fullpost{ display:none;}</style>
</b:if>

</head>

5. หาบรรทัดต่อไปนี้ครับ

อ้างถึง
     <div class='post-body entry-content'>
     <p><data:post.body/></p>
     <div style='clear: both;'/>
Note -  <div class='post-body entry-content'> แต่ละ Template อาจจะไม่เหมือนกันนะครับ

แล้วใส่เพิ่มลงไปตามนี้ครับ (สังเกตุสีแดงเอาครับ)

อ้างถึง
    <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;'/>

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

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

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

เสร็จแล้วครับ เวลาจะโพสท์บทความใหม่ก็ทำเหมือนวิธีก่อนหน้านี้ครับ

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

คราวหน้าจะมาสอนการแก้ให้ Blogger แสดง <title> ให้เหมาะสมกับ SEO โดยให้ชื่อบทความ ขึ้นก่อนชื่อบล็อกครับ

วิธีนี้ลองไปเปิด กับ ie7 แล้วมันเปิดไม่ขึ้นคับ แต่พอลองเปิดกับ firefox แล้วเปิดได้ตามปกติคับ หรือว่ามันเปิดได้เฉพาะ firefox อย่างเดียวคับ  Huh?
บันทึกการเข้า

การ “รู้ตัวเอง” จะทำให้เราไม่ทำอะไรเกินตัว

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

การ “รู้ตัวเอง” จะทำให้เราพึ่งพาคนอื่นน้อยลง

วันนี้ ท่าน “รู้ตัวเอง” หรือไม่ว่า กำลังทำอะไรอยู่ ?
ball6847
เจ้าพ่อบอร์ดเสียว
*

พลังน้ำใจ: 212
ออฟไลน์ ออฟไลน์

กระทู้: 4,174



ดูรายละเอียด
« ตอบ #17 เมื่อ: 31 ตุลาคม 2007, 23:14:04 »

วิธีนี้ลองไปเปิด กับ ie7 แล้วมันเปิดไม่ขึ้นคับ แต่พอลองเปิดกับ firefox แล้วเปิดได้ตามปกติคับ หรือว่ามันเปิดได้เฉพาะ firefox อย่างเดียวคับ  Huh?


ผมก็ยังขึ้นปกติอ่ะคับ ทั้ง IE และก็ FF แต่ IE ของผม IE6 อ่ะ

โค๊ด:
http://final-fantasy-tactics-1.blogspot.com/

ลองเข้าไปดูของผมคับ ถ้าไม่เห็นคำว่า Continue Reading... แสดงว่าวิธีนี้ใช้กับ IE7 ไม่ได้จิงๆ แต่ ผมคิดว่าไม่น่าจะใช่นะคับ เพราะว่าใช้ CSS พื้นๆ เองไม่น่าจะมีปัญหากะ browser

แต่ว่าถ้าเกิดเห็นลิ้งค์ Continue Reading... แสดงว่าคุณอาจใส่อะไรผิดไป (หรือผมพิมพ์หล่นหว่า) ถ้ายังงัยลองเอาโค้ดของ template มาให้ดูหน้่อยคับ เผื่อผมจะเจอว่ามีตรงไหนที่มันเข้ากะโค้ดไม่ได้ จะได้แก้ให้เป็นจุดๆไป
บันทึกการเข้า

saQw
Newbie
*

พลังน้ำใจ: 0
ออฟไลน์ ออฟไลน์

กระทู้: 83



ดูรายละเอียด
« ตอบ #18 เมื่อ: 31 ตุลาคม 2007, 23:39:46 »

วิธีนี้ลองไปเปิด กับ ie7 แล้วมันเปิดไม่ขึ้นคับ แต่พอลองเปิดกับ firefox แล้วเปิดได้ตามปกติคับ หรือว่ามันเปิดได้เฉพาะ firefox อย่างเดียวคับ  Huh?


ผมก็ยังขึ้นปกติอ่ะคับ ทั้ง IE และก็ FF แต่ IE ของผม IE6 อ่ะ

โค๊ด:
http://final-fantasy-tactics-1.blogspot.com/

ลองเข้าไปดูของผมคับ ถ้าไม่เห็นคำว่า Continue Reading... แสดงว่าวิธีนี้ใช้กับ IE7 ไม่ได้จิงๆ แต่ ผมคิดว่าไม่น่าจะใช่นะคับ เพราะว่าใช้ CSS พื้นๆ เองไม่น่าจะมีปัญหากะ browser

แต่ว่าถ้าเกิดเห็นลิ้งค์ Continue Reading... แสดงว่าคุณอาจใส่อะไรผิดไป (หรือผมพิมพ์หล่นหว่า) ถ้ายังงัยลองเอาโค้ดของ template มาให้ดูหน้่อยคับ เผื่อผมจะเจอว่ามีตรงไหนที่มันเข้ากะโค้ดไม่ได้ จะได้แก้ให้เป็นจุดๆไป


เห็นคับ ทำไม ผมไม่เห็นหว่า ใสหล่นผิดไปตรงไหนเดียวผมดูอีกทีนะคับ  Tongue
บันทึกการเข้า

การ “รู้ตัวเอง” จะทำให้เราไม่ทำอะไรเกินตัว

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

การ “รู้ตัวเอง” จะทำให้เราพึ่งพาคนอื่นน้อยลง

วันนี้ ท่าน “รู้ตัวเอง” หรือไม่ว่า กำลังทำอะไรอยู่ ?
saQw
Newbie
*

พลังน้ำใจ: 0
ออฟไลน์ ออฟไลน์

กระทู้: 83



ดูรายละเอียด
« ตอบ #19 เมื่อ: 31 ตุลาคม 2007, 23:41:58 »

วิธีนี้ลองไปเปิด กับ ie7 แล้วมันเปิดไม่ขึ้นคับ แต่พอลองเปิดกับ firefox แล้วเปิดได้ตามปกติคับ หรือว่ามันเปิดได้เฉพาะ firefox อย่างเดียวคับ  Huh?


ผมก็ยังขึ้นปกติอ่ะคับ ทั้ง IE และก็ FF แต่ IE ของผม IE6 อ่ะ

โค๊ด:
http://final-fantasy-tactics-1.blogspot.com/

ลองเข้าไปดูของผมคับ ถ้าไม่เห็นคำว่า Continue Reading... แสดงว่าวิธีนี้ใช้กับ IE7 ไม่ได้จิงๆ แต่ ผมคิดว่าไม่น่าจะใช่นะคับ เพราะว่าใช้ CSS พื้นๆ เองไม่น่าจะมีปัญหากะ browser

แต่ว่าถ้าเกิดเห็นลิ้งค์ Continue Reading... แสดงว่าคุณอาจใส่อะไรผิดไป (หรือผมพิมพ์หล่นหว่า) ถ้ายังงัยลองเอาโค้ดของ template มาให้ดูหน้่อยคับ เผื่อผมจะเจอว่ามีตรงไหนที่มันเข้ากะโค้ดไม่ได้ จะได้แก้ให้เป็นจุดๆไป


เห็นคับแสดว่าผมต้องทำอะไรผิดไปแน่เลย เดียวลองดูก่อนนะคับ   Tongue
บันทึกการเข้า

การ “รู้ตัวเอง” จะทำให้เราไม่ทำอะไรเกินตัว

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

การ “รู้ตัวเอง” จะทำให้เราพึ่งพาคนอื่นน้อยลง

วันนี้ ท่าน “รู้ตัวเอง” หรือไม่ว่า กำลังทำอะไรอยู่ ?
หน้า: [1] 2 3   ขึ้นบน
พิมพ์