เอามาฝาก ทำ readmore ใน blogger

เริ่มโดย octoberbooks, 10 กรกฎาคม 2007, 17:31:41

หัวข้อก่อนหน้า - หัวข้อถัดไป

0 สมาชิก และ 1 ผู้มาเยือน กำลังดูหัวข้อนี้

พิมพ์
ลง หน้า1
การกระทำของผู้ใช้

octoberbooks

10 กรกฎาคม 2007, 17:31:41 แก้ไขล่าสุด: 10 กรกฎาคม 2007, 17:34:16 โดย octoberbooks
เริ่มต้นจาก อยากทำก่อนครับ ทีแรกมองหาวิธีทำอยู่ นาน เห็นในบอร์ดมีคำถามแนวนี้เหมือนกัน พอดีทำได้เลยเอามาแนะนำครับ

ขั้นแรก ไปที่ แก้ไข html ในหมวด layout หรือ template
โค้ด เลือก
<style>
<b:if cond='data:blog.pageType == "item"'>
   span.fullpost {display:inline;}
<b:else/>
   span.fullpost {display:none;}
</b:if>
</style>
ไว้ด้านบนครับ ใต้ title ก็ได้ครับ

จากนั้น ลองหาคำนี้
<data:post.body/> จะอยู่ใต้ title

ใส่
โค้ด เลือก
<b:if cond='data:blog.pageType != "item"'><br/>
   <a expr:href='data:post.url'>Read more!</a>
</b:if>

กด save ครับ


จากนี้ ทุก ๆ ข้อความที่ต้องการให้ เก็บไว้ ใน read more ก็ใส่
โค้ด เลือก
<span class="fullpost">ข้อความที่จะซ้อน</span>

อ่านแล้วงง ไปดูที่มา credit
โค้ด เลือก
help.blogger.com/bin/answer.py?answer=42215&query=read%20more&topic=&type=f

[direct=https://internet-true.com]ติดเน็ตบ้านทรู[/direct]

raffyarmy

#1
10 กรกฎาคม 2007, 17:40:24
ขอบคุณครับ :)
thank you i love thaiseoboard.

ปลาดิบ

#2
10 กรกฎาคม 2007, 20:26:19
อ่า ใช่เลย ขอบคุณมากครับ

issey Cromatie

#3
13 กรกฎาคม 2007, 09:12:52
ขอบคุงก๊าาาาา  ::)
งานใหญ่อย่ามองภาพรวม กำหนดเป้าหมาย ปีนบันไดแต่ละขั้น

Peter Parm

#4
13 กรกฎาคม 2007, 10:03:47
ขอบคุณมากกกกกก จ้า

n00m

#5
13 กรกฎาคม 2007, 10:05:50
 :D  ขอบคุณมากครับ

i-biz

#6
11 สิงหาคม 2007, 06:50:00
อ้างถึงจาก: octoberbooks ใน 10 กรกฎาคม 2007, 17:31:41
เริ่มต้นจาก อยากทำก่อนครับ ทีแรกมองหาวิธีทำอยู่ นาน เห็นในบอร์ดมีคำถามแนวนี้เหมือนกัน พอดีทำได้เลยเอามาแนะนำครับ

ขั้นแรก ไปที่ แก้ไข html ในหมวด layout หรือ template
โค้ด เลือก
<style>
<b:if cond='data:blog.pageType == "item"'>
   span.fullpost {display:inline;}
<b:else/>
   span.fullpost {display:none;}
</b:if>
</style>
ไว้ด้านบนครับ ใต้ title ก็ได้ครับ

จากนั้น ลองหาคำนี้
<data:post.body/> จะอยู่ใต้ title

ใส่
โค้ด เลือก
<b:if cond='data:blog.pageType != "item"'><br/>
   <a expr:href='data:post.url'>Read more!</a>
</b:if>

กด save ครับ


จากนี้ ทุก ๆ ข้อความที่ต้องการให้ เก็บไว้ ใน read more ก็ใส่
โค้ด เลือก
<span class="fullpost">ข้อความที่จะซ้อน</span>

อ่านแล้วงง ไปดูที่มา credit
โค้ด เลือก
help.blogger.com/bin/answer.py?answer=42215&query=read%20more&topic=&type=f




***สำหรับผู้ที่พอรู้เรื่อง CSS และ HTML ระดับหนึ่ง ไม่แนะนำให้มือใหม่ทำตามอำเภอใจ อาจเจ๊งได้

ก่อนอื่นเลยให้ไปที่หน้าปรับแต่ง template แล้วเลือก edit html ติ๊กที่ expand widget template ด้วย
copy ทั้งหมดใส่ text file (ทำ backup)

1.ใส่ code ต่อไปนี้ใน tag <head></head> ข้อแนะนำให้ใส่ก่อน </head>

<style>
<b:if cond='data:blog.pageType == "item"'>
span.fullpost {display:inline;}
<b:else/>
span.fullpost {display:none;}
</b:if>
</style>
จากนั้น save template

2.ให้ไปที่ <data:post.body/> แล้วใส่โค้ดต่อไปนี้ลงไป

<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url' target='_blank'>Read more!</a>
</b:if>
จากนั้น save template

3.ใส่ใน post บทความ ที่เป็น html

ใส่ข้อความเริ่มต้นของแต่ละ post <span class="fullpost">ส่วนที่เหลือ</span>

นี่คือตัวอย่างการใช้งาน
Read more!
เป็นต้น
http://zhdtv.blogspot.com/

Wdbox

#7
02 พฤศจิกายน 2008, 09:44:53
อ้างถึงจาก: octoberbooks ใน 10 กรกฎาคม 2007, 17:31:41
เริ่มต้นจาก อยากทำก่อนครับ ทีแรกมองหาวิธีทำอยู่ นาน เห็นในบอร์ดมีคำถามแนวนี้เหมือนกัน พอดีทำได้เลยเอามาแนะนำครับ

ขั้นแรก ไปที่ แก้ไข html ในหมวด layout หรือ template
โค้ด เลือก
<style>
<b:if cond='data:blog.pageType == "item"'>
   span.fullpost {display:inline;}
<b:else/>
   span.fullpost {display:none;}
</b:if>
</style>
ไว้ด้านบนครับ ใต้ title ก็ได้ครับ

จากนั้น ลองหาคำนี้
<data:post.body/> จะอยู่ใต้ title

ใส่
โค้ด เลือก
<b:if cond='data:blog.pageType != "item"'><br/>
   <a expr:href='data:post.url'>Read more!</a>
</b:if>

กด save ครับ


จากนี้ ทุก ๆ ข้อความที่ต้องการให้ เก็บไว้ ใน read more ก็ใส่
โค้ด เลือก
<span class="fullpost">ข้อความที่จะซ้อน</span>

อ่านแล้วงง ไปดูที่มา credit
โค้ด เลือก
help.blogger.com/bin/answer.py?answer=42215&query=read%20more&topic=&type=f




แล้วตรงที่ให้ใส่โค้ด
โค้ด เลือก
<b:if cond='data:blog.pageType != "item"'><br/>
   <a expr:href='data:post.url'>Read more!</a>
</b:if>

นี้ล่ะคะ  เอาไว้ตรงไหนของโค้ด <data:post.body/>
ทับไปเลย หรือว่า ข้างบน , ข้างใต้

ช่วยบอกด้วยค่ะ  แบบว่ามือใหม่สุดๆ
รับงานเขียนบทความภาษาอังกฤษ/ภาษาไทย จ้างราคาดี มีงานคุณภาพตอบแทน

แนะนำเว็บสอน CSS แบบเบื้องต้นของแท้ (ปล.ไม่ใช่เว็บของเรา แต่เห็นว่ามีดี จึงเอามาแชร์กัน)
enjoyday | dwthai
[direct=http://www.boxanimemanga.blogspot.com]BoxAnimeManga[/direct]

ta_to_to

#8
02 พฤศจิกายน 2008, 09:57:19
สุดยอดครับ ขอบคุณมากๆครับ  :'(
[direct=http://open-cup-bra.blogspot.com/]Cheap Open Cup Bra[/direct] [direct=http://discount-corset.blogspot.com/]Halloween Corsets[/direct]
[direct=http://canon-powershot-a3000is.blogspot.com/]canon powershot a3100is[/direct]
[direct=http://flat-panel-lcd-hd-tv.blogspot.com/]Best Buy LCD[/direct]
[direct=http://bestcheapheadphones.blogspot.com/]best cheap headphones[/direct]

Yahoo

#9
02 พฤศจิกายน 2008, 10:19:07
อ้างถึงจาก: Wdbox ใน 02 พฤศจิกายน 2008, 09:44:53
อ้างถึงจาก: octoberbooks ใน 10 กรกฎาคม 2007, 17:31:41
เริ่มต้นจาก อยากทำก่อนครับ ทีแรกมองหาวิธีทำอยู่ นาน เห็นในบอร์ดมีคำถามแนวนี้เหมือนกัน พอดีทำได้เลยเอามาแนะนำครับ

ขั้นแรก ไปที่ แก้ไข html ในหมวด layout หรือ template
โค้ด เลือก
<style>
<b:if cond='data:blog.pageType == "item"'>
   span.fullpost {display:inline;}
<b:else/>
   span.fullpost {display:none;}
</b:if>
</style>
ไว้ด้านบนครับ ใต้ title ก็ได้ครับ

จากนั้น ลองหาคำนี้
<data:post.body/> จะอยู่ใต้ title

ใส่
โค้ด เลือก
<b:if cond='data:blog.pageType != "item"'><br/>
   <a expr:href='data:post.url'>Read more!</a>
</b:if>

กด save ครับ


จากนี้ ทุก ๆ ข้อความที่ต้องการให้ เก็บไว้ ใน read more ก็ใส่
โค้ด เลือก
<span class="fullpost">ข้อความที่จะซ้อน</span>

อ่านแล้วงง ไปดูที่มา credit
โค้ด เลือก
help.blogger.com/bin/answer.py?answer=42215&query=read%20more&topic=&type=f




แล้วตรงที่ให้ใส่โค้ด
โค้ด เลือก
<b:if cond='data:blog.pageType != "item"'><br/>
   <a expr:href='data:post.url'>Read more!</a>
</b:if>

นี้ล่ะคะ  เอาไว้ตรงไหนของโค้ด <data:post.body/>
ทับไปเลย หรือว่า ข้างบน , ข้างใต้

ช่วยบอกด้วยค่ะ  แบบว่ามือใหม่สุดๆ

ใส่ด้านล่าง <data:post.body/> ครับ

!Blogger SEO~~

#10
02 พฤศจิกายน 2008, 12:10:38
ขอบคุณมากครับ :)
ถึงผมจะมือใหม่ก็จะฝึกทำครับ
[direct=https://bit.ly/forexthai]สมัครเทรด Forex [/direct][direct=https://bit.ly/thforex]รายได้เสริม Passive Income $$$[/direct][direct=https://bit.ly/smarthunter]Copy Trade แจ่มมาก[/direct]
[direct=https://bit.ly/traderth][/direct]

Wdbox

#11
05 พฤศจิกายน 2008, 09:55:03
กร่อยแล้วค่ะงานนี้   :oพอใส่โค้ดที่บอกไว้  ปรากฏว่ามี Read more ข้างล่างน่ะแหละค่ะ แต่ว่าแต่ละบทความมันโชว์เนื้อหาหมดเลยค่ะ  ไม่เห็นมันจะโชว์แค่บางส่วนอ่า  ทำงัยดีๆ :-X
รับงานเขียนบทความภาษาอังกฤษ/ภาษาไทย จ้างราคาดี มีงานคุณภาพตอบแทน

แนะนำเว็บสอน CSS แบบเบื้องต้นของแท้ (ปล.ไม่ใช่เว็บของเรา แต่เห็นว่ามีดี จึงเอามาแชร์กัน)
enjoyday | dwthai
[direct=http://www.boxanimemanga.blogspot.com]BoxAnimeManga[/direct]

yamusha

#13
17 กรกฎาคม 2010, 17:36:31
ขอบคุณมากครับ ขุดๆ :wanwan017:

smallkam

#14
17 กรกฎาคม 2010, 17:55:24
ของผมก็ใช้ readmore นะแต่ไม่เห็นต้องทำแบบนี้เลย อยากขั้นตรงไหนใส่โค๊ด

<!--more-->

ไว้ตรงนั้น แค่นั้นเอง อยากซ่อนตรงไหนก็เอาไปวางตรงนั้นก็จบแล้วครับ

ผมอ่านของท่าน จขกท แล้วงงเลย เพราะไม่รู้เรื่อง css เลยแม้แต่นิดเดียว

Hackublog

#15
17 กรกฎาคม 2010, 18:43:12
ไปขุดมาทำไมครับเนี่ย... :wanwan023:

ปัจจุบันวิธีนี้ไม่จำเป็นแล้วครับ เพราะ TextEditor ของ Blogger มีเครื่องมือทำ readmore ให้แล้ว ไอคอนของเครื่องมือนี้จะเป็นรูปกระดาษขาดครับ ใครหาไม่เจอก็ login ผ่านทาง http://draft.blogger.com
ท่องเที่ยวไทยส่งเสริมเศรษฐกิจไทย สนใจข้อมูลสถานที่ท่องเที่ยวแวะไปชมบล็อก [direct=http://siamtips.blogspot.com/]สถานที่ท่องเที่ยว[/direct] บล็อกนี้เขียนจากประสบการณ์ท่องเที่ยวจริง นอกจากนี้คุณสามารถ comments ได้อย่างอิสระเพื่อผลทาง SEO ได้อีกด้วย

{รัก|โลภ|โกรธ|หลง} << Spin ในวิถีชีวิตมนุษย์ คนเรามันก็วนเวียนอยู่แค่นี้

ผลกรรมมันมีจริงนะครับ คุณไปทำใครเขาไว้ กิจการของคุณมันก็ไม่เจริญหรอก! คอยดูกันต่อไปสิครับ ช่วยมีวุฒิภาวะนิดครับ

KINGRPG

#16
17 กรกฎาคม 2010, 19:10:53 แก้ไขล่าสุด: 17 กรกฎาคม 2010, 19:12:02 โดย KINGRPG
อ้างถึงจาก: Hackublog ใน 17 กรกฎาคม 2010, 18:43:12
ไปขุดมาทำไมครับเนี่ย... :wanwan023:

ปัจจุบันวิธีนี้ไม่จำเป็นแล้วครับ เพราะ TextEditor ของ Blogger มีเครื่องมือทำ readmore ให้แล้ว ไอคอนของเครื่องมือนี้จะเป็นรูปกระดาษขาดครับ ใครหาไม่เจอก็ login ผ่านทาง http://draft.blogger.com
รูปกระดาษขาดนี่ถ้าผมจะทำแบบให้ซ่อนข้อความตรงกลางบทความ(เหลือส่วนหัวและส่วนท้ายไว้ต้องทำอย่างไรอะครับ

ถ้าแบบเก่าก็จะเป็น
หัว <span class="fullpost">กลาง</span> ท้าย <--แบบนี้ก็จะแสดงแต่คำว่าหัวกับท้าย

ถ้าแบบใหม่ก็จะเป็น
หัว <!--more-->กลาง ท้าย <--แบบนี้ก็จะแสดงแต่คำว่าหัว

แบบนี้พอมีวิธีทำให้แบบใหม่เหมือนแบบเก่าไหมครับ

panubon

#17
17 กรกฎาคม 2010, 20:12:00
ขอบคุณครับ กำลังใช้ blogger พอดี
"Don't put all your eggs in one basket"

Hackublog

#18
17 กรกฎาคม 2010, 20:36:47 แก้ไขล่าสุด: 17 กรกฎาคม 2010, 20:38:30 โดย Hackublog
ถ้าคุณ KINGRPG ต้องการอย่างนั้นก็ควรใช้จาวาสคริปต์เข้าไปช่วย

1. CSS  จาวาสคริปต์ วางลงไปในส่วนหัว ก่อนโค้ด</head>

โค้ด เลือก
<style type='text/css'>
.hackubloghidden {display:none} /* http://www.hackublog.com*/
.hackublogshown {display:inline}
</style>
<script type='text/Javascript'>
function expandcollapse (postid) {
whichpost = document.getElementById(postid);
if (whichpost.className==&quot;hackublogshown&quot;) {
whichpost.className=&quot;hackubloghidden&quot;;
}
else {
whichpost.className=&quot;hackublogshown&quot;;
}
}
</script><!--www.hackublog.com-->


2. วิธีเรียกใช้
โค้ด เลือก
<a href="javascript:expandcollapse('subtopic0001')">
<h4>ใส่หัวเรื่องที่ต้องการคลิก</h4></a>
<span class="hackubloghidden" id="subtopic0001">
ใส่ข้อความ หรืออะไรก้ได้ที่อยากซ่อนแสดงตรงนี้
</span>

้ถ้าใน Post เดียวกันมีหลายจุดต้องเปลี่ยน ID เช่น subtopic0001 เป็น "subtopic0002" หรือ "subtopic0003"

หรือไม่ก็ใช้วิธีเดิม
ท่องเที่ยวไทยส่งเสริมเศรษฐกิจไทย สนใจข้อมูลสถานที่ท่องเที่ยวแวะไปชมบล็อก [direct=http://siamtips.blogspot.com/]สถานที่ท่องเที่ยว[/direct] บล็อกนี้เขียนจากประสบการณ์ท่องเที่ยวจริง นอกจากนี้คุณสามารถ comments ได้อย่างอิสระเพื่อผลทาง SEO ได้อีกด้วย

{รัก|โลภ|โกรธ|หลง} << Spin ในวิถีชีวิตมนุษย์ คนเรามันก็วนเวียนอยู่แค่นี้

ผลกรรมมันมีจริงนะครับ คุณไปทำใครเขาไว้ กิจการของคุณมันก็ไม่เจริญหรอก! คอยดูกันต่อไปสิครับ ช่วยมีวุฒิภาวะนิดครับ

building

#19
17 กรกฎาคม 2010, 21:29:26
อ้างถึงจาก: smallkam ใน 17 กรกฎาคม 2010, 17:55:24
ของผมก็ใช้ readmore นะแต่ไม่เห็นต้องทำแบบนี้เลย อยากขั้นตรงไหนใส่โค๊ด

<!--more-->

ไว้ตรงนั้น แค่นั้นเอง อยากซ่อนตรงไหนก็เอาไปวางตรงนั้นก็จบแล้วครับ

ผมอ่านของท่าน จขกท แล้วงงเลย เพราะไม่รู้เรื่อง css เลยแม้แต่นิดเดียว

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

[direct=http://phuketserviced.blogspot.com/].[/direct]
พิมพ์
ขึ้น หน้า1
การกระทำของผู้ใช้