เพิ่มเติมโดย ball6847 - 31 ตุลาคม 2007อีกวิธีที่นี่ครับ สั้นกว่า ง่ายกว่า แถมดีกว่า
http://www.thaiseoboard.com/index.php/topic,17088.msg226873.html#msg226873
============
เหนตั้งกระทู้ถามกันบ่อยแระ ก็เลยคิดว่าจะทำให้ดูแบบมีภาพเลยจะดีมั้ย เพราะหลายคนไม่เห็นภาพทำไม่เป้นไม่เข้าใจ :-X
ก็เลยว่า "เอาวะ ทำสักอัน" ตามไปดูกัน
Credit - ให้เครดิตกับคนทำสักนิดคับ จาก Hackosphere บล็อกที่พรุนไปด้วย JavaScript , บล็อก ที่เรียกได้ว่า Blogger Hack ได้อย่างแท้จริง ตามไปดูต้นฉบับได้ที่นี่เลยครับ - Expandable posts with Peekaboo view (http://hackosphere.blogspot.com/2006/09/expandable-posts-with-peekaboo-view.html)
***Note - อันนี้ไม่ใช่วิธีเดียวที่จะทำ Readmore ได้นะคับ จริงๆ มันมีมากกว่านี้ ถ้ามีเวลาจะทำให้เพิ่มคับ ตอนนี้เอาอันนี้ก่อนนะคับ เป็นสไตล์ Expand Link นะคับ ไม่ได้เป็นการลิ้งค์ไปหน้าของโพสท์โดยตรง แต่เป็นการซ่อน บทความเท่านั้นนะคับ ถ้าไม่เข้าใจก็ลองทำตามดูแล้วจะเข้าใจเองคับ
Demo คับ
http://test-read-more.blogspot.com/Expandable posts with Peekaboo view1. ไปที่ 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://farm3.static.flickr.com/2343/1658232589_a633e6d382_o.jpg)
(http://farm3.static.flickr.com/2379/1659289730_440f3e7ba3_o.jpg)
(http://farm3.static.flickr.com/2029/1658593939_3e28378973_o.jpg)
(http://farm3.static.flickr.com/2118/1658638543_0a871eeba5_o.jpg)
(http://farm3.static.flickr.com/2307/1658755461_dd8631cd29_o.jpg)
ผลเป็นอย่างงี้
http://test-read-more.blogspot.com/=======================
ยังเหลืออีกแบบนึงถ้ามีเวลาผมจะทำให้อีกนะคับ ตอนนี้โคตรเมื่อยเลย นั่งทำอยู่ 2 ชมครึ่ง :-X
หวังว่าคงจะมีประโยชน์นะครับ ใครทำได้ไม่ได้ยังงัยก็บอกกันด้วยล่ะครับ
เชิญก่อนเลยครับ แล้วผมจะช่วยเสิม กับวิธีที่ blog ผมใช้ :-*
ขอบพระคุณอย่างสูง :-* ซึ้งในน้ำใจมาก กระจ่างเลยทีนี้ :'(
ขอบคุณครับ มีภาพประกอบเข้าใจง่ายดีครับ :-*
ถ้าไม่มีคนขุดขึ้นมาคงไม่ได้อ่านกระทู้นี้ :P
thank คับ :)
ขอบคุณมากๆเลยครับ เดี๋ยวจะลองไปทำดู
:) :-* :-* :-* :-* :-*
ขอบคุณมากคร้า
มาบอกวิธีอีกวิธ ตามสัญญาีครับ
วิธีนี้ผมคิดขึ้นมาเองคับ แต่มีพื้นฐานมาจากอันก่อน ต้องไปศึกษา 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 โดยให้ชื่อบทความ ขึ้นก่อนชื่อบล็อกครับ
อืม วิธีคล้ายๆกับที่ผมใช้อยู่ (ถ้าคุณคิดเองนี้แปลว่าเก่งมากเลยครับ ชมนะครับ) แต่ผมต่างอยู่หน่อย ::) ถ้าอยากจะรู้ว่าต่าง ตรงไหนไปดูได้นะครับ ที่ลายเซ็น เขียนว่า เทคนิค อะนะ(ขอโปรโมทหน่อย :-[)พื่งทำเสร็จสดๆเลย มันจะเป็น blog ที่ผมทำขึ้นเพื่อแนะนำวิธีที่ ผมใช้ มันเหมาะกับมือใหม่มาก(ใหม่จริงๆเพราะบางเทคนิตคนที่ เซียน แล้วจะเห็นว่ามันเด็กๆมากเลย)พร้อมกับ คลิปหนัง เพลง
ขอบคุณครับ :-*
อ้างถึงจาก: hahokhok ใน 31 ตุลาคม 2007, 02:23:31
อืม วิธีคล้ายๆกับที่ผมใช้อยู่ (ถ้าคุณคิดเองนี้แปลว่าเก่งมากเลยครับ ชมนะครับ) แต่ผมต่างอยู่หน่อย ::) ถ้าอยากจะรู้ว่าต่าง ตรงไหนไปดูได้นะครับ ที่ลายเซ็น เขียนว่า เทคนิค อะนะ(ขอโปรโมทหน่อย :-[)พื่งทำเสร็จสดๆเลย มันจะเป็น blog ที่ผมทำขึ้นเพื่อแนะนำวิธีที่ ผมใช้ มันเหมาะกับมือใหม่มาก(ใหม่จริงๆเพราะบางเทคนิตคนที่ เซียน แล้วจะเห็นว่ามันเด็กๆมากเลย)พร้อมกับ คลิปหนัง เพลง
ขอบคุณครับ :-*
อ่า...คล้ายๆครับ ทีแรกผมก็ว่าจะเอาของ hackosphere มาลงเหมือนกัน แต่ผมคิดว่าถ้าผมคิดเองตามคอนเซป น่าจะง่ายกว่าของเค้า เพราะโค้ดของผมสั้นกว่าอ่ะ และก็ไม่มี JavaScript เข้ามาเกี่ยวข้องเลย เพื่อประโยชน์ต่อบอทและก็ผู้ใช้งานบางคนที่ไม่เปิด JavaScript อ่ะครับ
อ้อ..อันนี้คิดเองครับ แค่ยึดคอนเซปเดิม แต่ผมไม่เหมือนตรงที่ใช้เงื่อนไขจะไม่เหมือนกันเลย
ผมควบคุมเงื่อนไขว่าอยู่หน้าอะไรจาก Blogger Condition Tag คับ และก็ควบคุมการซ่อนหรือแสดงด้วย CSS เป็นหลักครับ
ดีครับ เก่งมากเลย ของผมขอเป็นแนวให้คนพึ่งเริ่มแล้วกันนะครับ :)
8) นับถือๆเด๋วบ่ายๆมาทำไปเรียนก่อน
อ้างถึงจาก: ball6847 ใน 31 ตุลาคม 2007, 01:44:16
คราวหน้าจะมาสอนการแก้ให้ Blogger แสดง <title> ให้เหมาะสมกับ SEO โดยให้ชื่อบทความ ขึ้นก่อนชื่อบล็อกครับ
แบบอันนี้เปล่าครับ
http://www.thaiseoboard.com/index.php/topic,17262.0.html
อ้างถึงจาก: asshur ใน 31 ตุลาคม 2007, 08:53:50
อ้างถึงจาก: ball6847 ใน 31 ตุลาคม 2007, 01:44:16
คราวหน้าจะมาสอนการแก้ให้ Blogger แสดง <title> ให้เหมาะสมกับ SEO โดยให้ชื่อบทความ ขึ้นก่อนชื่อบล็อกครับ
แบบอันนี้เปล่าครับ
http://www.thaiseoboard.com/index.php/topic,17262.0.html
ฮ่ะๆ จริงๆ ผมยังไม่ได้นึกถึง code แต่เท่าที่อ่านจาก code ดู ก็จะออกมาตามนั้นแหละคร้าบบ ดีเลยคับ ผมขี้เกียจพอดีเลย อิอิ
ปกติผมจะใช้แต่ เวอร์ชั่นเก่า มันง่ายกว่ามาก แต่ก็ทำอะไรได้น้อยกว่า เลยต้องหันมาทำเวอร์ชั่นใหม่กันบ้าง อิอิ
แหล่มมากๆครับ
1 จอก จัดไป
;)
อ่าา ผมทำ readmore generator ไว้ให้นะคับ เพื่อจะได้ไม่ต้องมายุ่งยากมากมาย
แค่ Copy เทมเพลท (แบบเต็มนะคับ) แล้วมา Paste ลงใน textbox และก็กด submit แล้วเสร็จเลยครับ
ไม่ต้องมาหาโน่น ใส่นี่ให้ยุ่งยาก สคริปท์จะหาแล้วแก้ให้เอง
เจนแล้ว Copy ไปใส่ใน editor ของ Blogger อีกทีเป็นอันเรียบร้อยครับ
เพิ่มเติมครับ - แถม <title> ที่เหมาะกับ SEO ให้ด้วยครับ
http://readmoregenerator.blogspot.com/
หน้าตาลาวไปหน่อย แต่ไม่ค่อยเน้นอะไรคับ เอาไว้ใช้กันเอง หุหุ ลองดูน้าคับ ใช้แล้วเป็นงัยบอกด้วยน้าา อิอิ :)
อ้างถึงจาก: ball6847 ใน 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 โดยให้ชื่อบทความ ขึ้นก่อนชื่อบล็อกครับ
วิธีนี้ลองไปเปิด กับ ie7 แล้วมันเปิดไม่ขึ้นคับ แต่พอลองเปิดกับ firefox แล้วเปิดได้ตามปกติคับ หรือว่ามันเปิดได้เฉพาะ firefox อย่างเดียวคับ ???
อ้างถึงจาก: saQw ใน 31 ตุลาคม 2007, 22:45:34
วิธีนี้ลองไปเปิด กับ ie7 แล้วมันเปิดไม่ขึ้นคับ แต่พอลองเปิดกับ firefox แล้วเปิดได้ตามปกติคับ หรือว่ามันเปิดได้เฉพาะ firefox อย่างเดียวคับ ???
ผมก็ยังขึ้นปกติอ่ะคับ ทั้ง IE และก็ FF แต่ IE ของผม IE6 อ่ะ
http://final-fantasy-tactics-1.blogspot.com/ลองเข้าไปดูของผมคับ ถ้าไม่เห็นคำว่า Continue Reading... แสดงว่าวิธีนี้ใช้กับ IE7 ไม่ได้จิงๆ แต่ ผมคิดว่าไม่น่าจะใช่นะคับ เพราะว่าใช้ CSS พื้นๆ เองไม่น่าจะมีปัญหากะ browser
แต่ว่าถ้าเกิดเห็นลิ้งค์ Continue Reading... แสดงว่าคุณอาจใส่อะไรผิดไป (หรือผมพิมพ์หล่นหว่า) ถ้ายังงัยลองเอาโค้ดของ template มาให้ดูหน้่อยคับ เผื่อผมจะเจอว่ามีตรงไหนที่มันเข้ากะโค้ดไม่ได้ จะได้แก้ให้เป็นจุดๆไป
อ้างถึงจาก: ball6847 ใน 31 ตุลาคม 2007, 23:14:04
อ้างถึงจาก: saQw ใน 31 ตุลาคม 2007, 22:45:34
วิธีนี้ลองไปเปิด กับ ie7 แล้วมันเปิดไม่ขึ้นคับ แต่พอลองเปิดกับ firefox แล้วเปิดได้ตามปกติคับ หรือว่ามันเปิดได้เฉพาะ firefox อย่างเดียวคับ ???
ผมก็ยังขึ้นปกติอ่ะคับ ทั้ง IE และก็ FF แต่ IE ของผม IE6 อ่ะ
http://final-fantasy-tactics-1.blogspot.com/
ลองเข้าไปดูของผมคับ ถ้าไม่เห็นคำว่า Continue Reading... แสดงว่าวิธีนี้ใช้กับ IE7 ไม่ได้จิงๆ แต่ ผมคิดว่าไม่น่าจะใช่นะคับ เพราะว่าใช้ CSS พื้นๆ เองไม่น่าจะมีปัญหากะ browser
แต่ว่าถ้าเกิดเห็นลิ้งค์ Continue Reading... แสดงว่าคุณอาจใส่อะไรผิดไป (หรือผมพิมพ์หล่นหว่า) ถ้ายังงัยลองเอาโค้ดของ template มาให้ดูหน้่อยคับ เผื่อผมจะเจอว่ามีตรงไหนที่มันเข้ากะโค้ดไม่ได้ จะได้แก้ให้เป็นจุดๆไป
เห็นคับ ทำไม ผมไม่เห็นหว่า ใสหล่นผิดไปตรงไหนเดียวผมดูอีกทีนะคับ :P
อ้างถึงจาก: ball6847 ใน 31 ตุลาคม 2007, 23:14:04
อ้างถึงจาก: saQw ใน 31 ตุลาคม 2007, 22:45:34
วิธีนี้ลองไปเปิด กับ ie7 แล้วมันเปิดไม่ขึ้นคับ แต่พอลองเปิดกับ firefox แล้วเปิดได้ตามปกติคับ หรือว่ามันเปิดได้เฉพาะ firefox อย่างเดียวคับ ???
ผมก็ยังขึ้นปกติอ่ะคับ ทั้ง IE และก็ FF แต่ IE ของผม IE6 อ่ะ
http://final-fantasy-tactics-1.blogspot.com/
ลองเข้าไปดูของผมคับ ถ้าไม่เห็นคำว่า Continue Reading... แสดงว่าวิธีนี้ใช้กับ IE7 ไม่ได้จิงๆ แต่ ผมคิดว่าไม่น่าจะใช่นะคับ เพราะว่าใช้ CSS พื้นๆ เองไม่น่าจะมีปัญหากะ browser
แต่ว่าถ้าเกิดเห็นลิ้งค์ Continue Reading... แสดงว่าคุณอาจใส่อะไรผิดไป (หรือผมพิมพ์หล่นหว่า) ถ้ายังงัยลองเอาโค้ดของ template มาให้ดูหน้่อยคับ เผื่อผมจะเจอว่ามีตรงไหนที่มันเข้ากะโค้ดไม่ได้ จะได้แก้ให้เป็นจุดๆไป
เห็นคับแสดว่าผมต้องทำอะไรผิดไปแน่เลย เดียวลองดูก่อนนะคับ :P
เห็นนะคับ แสดงว่าผมใสหรือทำอะไรผิดไปแน่เลยเดียวขอทำดูก่อนนะคับ :P
:o ทำไม่ได้คับเหมือนเดิมเลย ผมเชคทุกตัว แล้ว ทั้ง ตำแหน่ง โคต ไม่ผิดแน่ แต่ทำไม ie ของผมเปิดไม่ได้อ่ะคับ :-* :-* :'(
อ้างถึงจาก: saQw ใน 01 พฤศจิกายน 2007, 00:03:11
:o ทำไม่ได้คับเหมือนเดิมเลย ผมเชคทุกตัว แล้ว ทั้ง ตำแหน่ง โคต ไม่ผิดแน่ แต่ทำไม ie ของผมเปิดไม่ได้อ่ะคับ :-* :-* :'(
อาการมันเป็นยังงัยครับ
- มันไม่ยอมซ่อนโพสท์หรอ
- หรือว่า ซ่อนโพสท์ แต่ไม่ลิ้งค์ readmore
- หรือว่า ไม่มีทั้งสองอันเลย
- หรือว่ามี readmore แต่มาทั้งบทความเต็มเลย
แจงหน่อยคับ ว่าแต่ template นี่ของบล็อกเกอร์ใช่มั้ยคับ หรือว่าไปเอามาจากเว็บอื่น ถ้าของบล็อกเกอร์เลย เป็น template ชื่ออะไรอ่ะคับ
อ้างถึงจาก: ball6847 ใน 01 พฤศจิกายน 2007, 00:43:37
อ้างถึงจาก: saQw ใน 01 พฤศจิกายน 2007, 00:03:11
:o ทำไม่ได้คับเหมือนเดิมเลย ผมเชคทุกตัว แล้ว ทั้ง ตำแหน่ง โคต ไม่ผิดแน่ แต่ทำไม ie ของผมเปิดไม่ได้อ่ะคับ :-* :-* :'(
อาการมันเป็นยังงัยครับ
- มันไม่ยอมซ่อนโพสท์หรอ
- หรือว่า ซ่อนโพสท์ แต่ไม่ลิ้งค์ readmore
- หรือว่า ไม่มีทั้งสองอันเลย
- หรือว่ามี readmore แต่มาทั้งบทความเต็มเลย
แจงหน่อยคับ ว่าแต่ template นี่ของบล็อกเกอร์ใช่มั้ยคับ หรือว่าไปเอามาจากเว็บอื่น ถ้าของบล็อกเกอร์เลย เป็น template ชื่ออะไรอ่ะคับ
สาเหตุที่แท้จริงก็คือ การโพสคครับ
แก้ได้แล้วครับ ขอขอบคุณ จขกท. ด้วยนะครับ 8)
แล้วมีวิธีสำหรับ blogger ตัวเก่าไหมคับ
อ้างถึงจาก: ball6847 ใน 21 ตุลาคม 2007, 02:34:11
เพิ่มเติมโดย ball6847 - 31 ตุลาคม 2007
อีกวิธีที่นี่ครับ สั้นกว่า ง่ายกว่า แถมดีกว่า
http://www.thaiseoboard.com/index.php/topic,17088.msg226873.html#msg226873
============
เหนตั้งกระทู้ถามกันบ่อยแระ ก็เลยคิดว่าจะทำให้ดูแบบมีภาพเลยจะดีมั้ย เพราะหลายคนไม่เห็นภาพทำไม่เป้นไม่เข้าใจ :-X
ก็เลยว่า "เอาวะ ทำสักอัน" ตามไปดูกัน
Credit - ให้เครดิตกับคนทำสักนิดคับ จาก Hackosphere บล็อกที่พรุนไปด้วย JavaScript , บล็อก ที่เรียกได้ว่า Blogger Hack ได้อย่างแท้จริง ตามไปดูต้นฉบับได้ที่นี่เลยครับ - Expandable posts with Peekaboo view (http://hackosphere.blogspot.com/2006/09/expandable-posts-with-peekaboo-view.html)
***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://farm3.static.flickr.com/2343/1658232589_a633e6d382_o.jpg)
(http://farm3.static.flickr.com/2379/1659289730_440f3e7ba3_o.jpg)
(http://farm3.static.flickr.com/2029/1658593939_3e28378973_o.jpg)
(http://farm3.static.flickr.com/2118/1658638543_0a871eeba5_o.jpg)
(http://farm3.static.flickr.com/2307/1658755461_dd8631cd29_o.jpg)
ผลเป็นอย่างงี้
http://test-read-more.blogspot.com/
=======================
ยังเหลืออีกแบบนึงถ้ามีเวลาผมจะทำให้อีกนะคับ ตอนนี้โคตรเมื่อยเลย นั่งทำอยู่ 2 ชมครึ่ง :-X
หวังว่าคงจะมีประโยชน์นะครับ ใครทำได้ไม่ได้ยังงัยก็บอกกันด้วยล่ะครับ
ทำแล้ว แต่ทำไมผมใส่
บทความที่แสดง
<span id="fullpost">
บทความที่เหลือ
</span>
แล้ว read more มันอยู่ล่างสุด กลายเป็นไม่มีย่อเลยอะคับ
อ้างถึงจาก: 004275 ใน 18 พฤศจิกายน 2007, 17:50:16
ทำแล้ว แต่ทำไมผมใส่
บทความที่แสดง
<span id="fullpost">
บทความที่เหลือ
</span>
แล้ว read more มันอยู่ล่างสุด กลายเป็นไม่มีย่อเลยอะคับ
ถ้าเป็นบล็อกที่มี entry อยู่ก่อนแล้ว แล้วจะให้แสดงแบบย่อทั้งหมด เราต้องตามแก้บทความเก่าให้หมดนะครับ เพราะบทความเก่าไม่มี
อ้างถึงบทความที่แสดง
<span id="fullpost">
บทความที่เหลือ
</span>
เราต้องตามไปแก้หมด
แต่ถ้าหมายถึงทำแล้ว โพสทใหม่์แล้ว แต่มันไม่ได้แสดงว่าน่าจะผิดตรงไหนสักทีละคับ
:o โอ้โห๋ ! ช่างเป็นอาจารย์ที่ขยันสนทนาโต้ตอบกับนักศึกษาจริงๆ นะคร๊า ขนาด ดึก ตีสอง แล้ว อาจารย์ ก็ยังจะตอบคำถามอีก ไม่หลับไม่นอน กันเนอะ ;D สมควรยกย่องให้เป็นอาจารย์ดีเด่น ดีไหมเนี่ย ( ไม่รู้ว่า ขยัน จริง หรือเปล่า ) สมควรไหม คิดเอาเอง นะ โตโต กันแล้ว ! :-\
ขอบคุณครับ
ขอบคุงครับ อย่างนี้ต้องไปลองล่ะ อิอิ
ขอบคุณมากนะคร๊า :-* ที่แนะนำ สิ่งแต่ที่ดีดี
เรียนเชิญ เลี้ยงข้าว ที่ ครัว 151 ที่ตรงเลยจากเดอะมอลล์ท่าพระ มาประมาณ 300 เมตร ฝั่งธนบุรี ด้วยนะคร๊า ;)
ถ้าไปแล้ว ทานข้าวฟรีได้เลยค๊า รู้จักกับเจ้าของร้าน แบบว่า คนกันเอง น้องสาวทำงานอยู่ที่นั่นค๊า ::)
:'( ความพยายามอยู่ที่ไหน ความสำเร็จอยู่ที่นั่น ขอบคุณความรู้ดีๆที่นำมาเผยแพร่คะ :-*
ลองทำ โดย copy code and paste ตามที่คุณ ball6847 แนะนำแล้วตาม step ทุกอย่าง แต่ ข้อความไม่ถูกซ่อนค่ะ และไม่แสดง Readmore Link ด้วย และมี font size error คือเล็กจิ๋วบ้าง ปกติบ้าง ไม่ทราบว่าทำไม
ลองทำใหม่อีกครั้ง บทความก็ยังไม่ซ่อนค่ะ แต่มี Readmore Link ที่ด้านล่างสุดเมื่อจบบทความเต็ม
ช่วยแนะนำด้วยค่ะ ว่าต้องแก้ไข อย่างไร :P
อีกอย่างนะคะมี Readmore link ขึ้นทั้งบทความของเก่าและใหม่เลย ถูกต้องหรือเปล่าค่ะนี้ แล้วต้องอย่างไรถึงจะซ่อนบทความให้สั้นลงได้ ช่วยด้วยค่ะ :'(
เด่วผมมาช่วยดูให้นะคับ แต่ตอนนี้ผมยุ่งๆ อยู่อ่ะคับ โทดทีนะคับ
ขอบคุณครับ
อ้างถึงจาก: ball6847 ใน 31 ตุลาคม 2007, 14:33:34
อ่าา ผมทำ readmore generator ไว้ให้นะคับ เพื่อจะได้ไม่ต้องมายุ่งยากมากมาย
แค่ Copy เทมเพลท (แบบเต็มนะคับ) แล้วมา Paste ลงใน textbox และก็กด submit แล้วเสร็จเลยครับ
ไม่ต้องมาหาโน่น ใส่นี่ให้ยุ่งยาก สคริปท์จะหาแล้วแก้ให้เอง
เจนแล้ว Copy ไปใส่ใน editor ของ Blogger อีกทีเป็นอันเรียบร้อยครับ
เพิ่มเติมครับ - แถม <title> ที่เหมาะกับ SEO ให้ด้วยครับ
http://readmoregenerator.blogspot.com/
หน้าตาลาวไปหน่อย แต่ไม่ค่อยเน้นอะไรคับ เอาไว้ใช้กันเอง หุหุ ลองดูน้าคับ ใช้แล้วเป็นงัยบอกด้วยน้าา อิอิ :)
ผมทำตามวิธีนี้แล้วครับ ตอนเซฟแต่มันขึ้น
We were unable to save your template
Please correct the error below, and submit your template again.
Your template is invalid because the tag 'b:section' appears inside of the tag 'head'.
ช่วยทีครับ อ่า เช้าแล้วหรือนี่
ตอนนี้ Blogger มันไม่ให้ใช้แบบนี้แล้วครับ ทำใจคับ
อ่าได้แล้ว Read More (ขอบคุณคุณ hahokhok ที่ช่วยเหลือ) แต่ว่าไปอยู่ท้ายบทความ เหมือนคุณ yanisa เลยครับ
(http://upload.sodazaa.com/files/t3nmwgton5iehrymakdd.bmp) (http://upload.sodazaa.com/)
โค๊ด edit Htmp :
<span class="art_title">Fleece Baby Blanket - The Cutest Gift For A New Born.
</span>Stores abound with assorted babyish ability and tokens.
<p>Fleece babyish absolute is fabricated of bendable absolute fibers to accumulate the babyish warm.
<span id="fullpost">
</span><p> There are altered kinds of blankets to accept from and for altered ages and sizes.</p>
ต้องแก้ตรงไหนปะครับ ช่วยมือใหม่ด้วยครับ
ขอบคุณมากเลยคับ :'(
:wanwan017: :wanwan017:
:wanwan017: :wanwan017: