วิธีการทำ ให้ blogspot มีหน้าเพิ่ม (Static Pages)

savetpibul · 22 กรกฎาคม 2009, 23:33:38

ลองดูครับผมเพิ่งหัดทำ blogger ได้ไม่นานไปเจอบทความของฝรั่งมา ลองทำดูก็ง่ายดีครับ
สามารถเพิ่ม ส่วนหัวของ blog ให้มีหลายๆ หน้าได้อย่างง่ายๆโดยไม่ต้องไปหา theme มาใส่

1. ให้สร้างหน้าบทความใหม่ครับ (เป็นบทความที่เราจะทำหน้าใหม่ เช่นหน้า about us)
2. ก่อนที่จะเผยแพร่บทความให้ กด ปุ่ม "ตัวเลือกของบทความ" อยู่ล่างๆซ้ายมือ
3. ให้ตั้งเวลาของบทความย้อนหลังไปไกลๆ โดยที่จะไม่ขึ้นในหน้า ของ Blogger
4. เสร็จแล้วก็เผยแพร่บทความ
5. เข้าไปหน้าบทความนี้ save เอา URL ของบทความเก็บไว้ครับ
6. เริ่มปรับแต่งส่วนหัว ของ web ให้สามารถเพิ่ม gudget ที่ส่วนหัวได้ โดยเข้าไปที่ รูปแบบ => แก้ไข HTML
หาโค๊ต

อ้างถึง<b:section class='header' id='header' maxwidgets='1′ showaddelement='no'>
<b:widget id='Header1′ locked='true' title='Testing Time of Day Background Script (Header)' type='Header'/>
</b:section>

แล้วแก้ส่วนสีแดงเป็น

อ้างถึง<b:section class='header' id='header' maxwidgets='2′ showaddelement='yes'>

ึ7. เสร็จแล้วเพิ่มโค๊ด

อ้างถึง#header ul li {
display: inline;
padding: 0 5px;
}

ก่อนปิด

อ้างถึง</b:skin>

8. กดบันทึกแม่แบบ
9. เสร็จแล้วเข้าไป ที่องค์ประกอบของหน้า(Layout>Page Elements) จะเจอช่องให้เพิ่ม gudget ใหม่ อยู่บนหัวสุดของหน้า
10. ให้เพิ่ม gudget "รายชื่อลิงก์"
11. ทีนี้ก็เอา url ที่เราเก็บไว้ (ข้อ 5) มาใส่ในlink ที่เราจะ linkไป (จะใส่กี่ link ก็ใส่ไปครับ) link ภายนอกก็ได้
12. กด save ก็จบแล้วครับ
13. ถ้าขนาดมันไม่พอดีก็ ลองหาปรับเอาที่ #header-wrapper ใน edit html อีกทีครับ

captain · 22 กรกฎาคม 2009, 23:39:02

เพิ่งทำ blog ได้ไม่นาน ยังงง ๆ อยู่ครับ
แต่ก็ bookmark ไว้ก่อน
ขอบคุณครับ

savetpibul · 22 กรกฎาคม 2009, 23:47:46

ผมก็เพิ่งทำได้ไม่นานครับ เผื่อจะมีใคร thank ผมบ้างครับ จะได้สะสมไว้

อันนี้ก็เป็น tutor แรกที่ลองเขียนดู เพราะผมลอง ทำแล้ว แล้วมันทำได้ง่าย
ถ้ามีอะไรผิดพลาดตรงไหน ก็ขออภัยด้วยนะครับ
แต่ถ้ามีคำถามไม่เข้าใจตรงไหน คงต้องรอให้คนอื่นมาตอบครับ เพราะผมก็ s.s.f.f. (snake-snake-fish-fish)

captain · 22 กรกฎาคม 2009, 23:52:23

จัดไป
+1

chui761 · 22 กรกฎาคม 2009, 23:54:55

+thanks ให้หนักๆ

สำหรับน้ำใจในการแบ่งปัน

savetpibul · 23 กรกฎาคม 2009, 17:49:05

ขอบคุณ สำหรับ thank ครับ มีกำลังใขึ้นเยอะครับ
ตอนแรกก็ไม่กล้าเขียนครับ เพราะผมเองก็ไม่ใช่ผู้เชี่ยวชาญ กลัวเขียนผิด หรือไม่ก็มาสอน จรเข้ว่ายน้ำ

ยังงี้ เดี๋ยววันหลังจะลองเขียน tutor เล็กๆน้อยๆ อันอื่นมาเพิ่มนะครับ

kamnitnoom · 23 กรกฎาคม 2009, 18:55:16

ขอบคุณครับ ผมลองทำตามดูแล้ว แต่ มัน error น่ะครับ

#header ul li {
display: inline;
padding: 0 5px;
}

โค๊ดนี้ ใส่ตรงไหนครับ.?
ขอบคุณ
ด้วยมิตรภาพ

น้องเหน่ง · 23 กรกฎาคม 2009, 19:10:29

+1ครับ 3 >>>> 4

savetpibul · 23 กรกฎาคม 2009, 20:02:21

อ้างถึงจาก: kamnitnoom ใน 23 กรกฎาคม 2009, 18:55:16
ขอบคุณครับ ผมลองทำตามดูแล้ว แต่ มัน error น่ะครับ

#header ul li {
display: inline;
padding: 0 5px;
}

โค๊ดนี้ ใส่ตรงไหนครับ.?
ขอบคุณ
ด้วยมิตรภาพ

กด ctrl+F หา โค๊ด </b:skin>
แล้วใส่ โค๊ดตามอักษรสีแดง

อ้างถึง
#header ul li {
display: inline;
padding: 0 5px;
}]]></b:skin>

k_sakda · 23 กรกฎาคม 2009, 20:10:52

งงครับ มีตัวอย่างที่ทำแล้วให้ดูไหมครับ

savetpibul · 23 กรกฎาคม 2009, 20:42:37

ลองดูที่หัวของ blog ผมนะครับจะมี menu

อ้างถึงhttp://xn--q3cbzto0c8j.blogspot.com/

smallarea · 23 กรกฎาคม 2009, 20:58:41

ผมทำเป็นนะ แต่มาบวก1ให้ จขกท ครับ
เพราะน้ำใจล้วนๆๆ

ปล. ผมว่าสำหรับ Template ที่ต้องมีการปรุ่งแต่งเยอะๆ ยังไม่เหมาะกับมือใหม่นะครับ
ผมกลัวว่าจะท้อกันซะก่อน

เพราะพวกที่มีการเข้าไปปรุ่งแต่งถึง XTML มักจะเป็นพวก 3-4 columns น่ะครับ
สำหรับมือใหม่ผมว่าต้องลองพวก TEMPLATE ธรรมดาแบบ 1-2 columns ก่อนดีไหมครับ
ผมเป็นห่วงเรื่องท้อกันก่อนแค่อย่างเดียวนะครับ ไม่ได้ดูถูกฝีมือนะครับ

savetpibul · 23 กรกฎาคม 2009, 21:09:32

อ้างถึงจาก: smallarea ใน 23 กรกฎาคม 2009, 20:58:41
ผมทำเป็นนะ แต่มาบวก1ให้ จขกท ครับ
เพราะน้ำใจล้วนๆๆ

ปล. ผมว่าสำหรับ Template ที่ต้องมีการปรุ่งแต่งเยอะๆ ยังไม่เหมาะกับมือใหม่นะครับ
ผมกลัวว่าจะท้อกันซะก่อน

เพราะพวกที่มีการเข้าไปปรุ่งแต่งถึง XTML มักจะเป็นพวก 3-4 columns น่ะครับ
สำหรับมือใหม่ผมว่าต้องลองพวก TEMPLATE ธรรมดาแบบ 1-2 columns ก่อนดีไหมครับ
ผมเป็นห่วงเรื่องท้อกันก่อนแค่อย่างเดียวนะครับ ไม่ได้ดูถูกฝีมือนะครับ

นี่แหละครับเหตุผลที่ผมไม่ไปใช้ template ที่มีให้ download เช่นพวก 3-4 columns เพราะเรื่องที่ต้องมานั่งแก้โค๊ดใน template ครับ
ผมเลยใช้วิธี เอา template ธรรมดาที่ blogger มันให้มา แล้วค่อยๆปรับไปเรื่อยๆดีกว่า จะได้ค่อยๆศึกษาด้วย

MARINERdp · 23 กรกฎาคม 2009, 22:24:43

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

อันดับแรกให้เราใส่หัวข้อเป็นภาษาอังกฤษ เช่น contact us รายละเอียดใส่อะไรก็ได้
กดบันทึกเป็นแบบร่าง
ขั้นตอนที่สองคือเราไป ตั้งค่า การเก็บบทความบล็อก ตั้งเป็นรายวันหรือสัปดาห์ เสร็จแล้วรอให้ข้ามวันไปอีกวันหรือสัปดาห์ โดยที่วันนี้เราต้องเขียนบทความเพิ่มเข้าไปอีก

มาวันหรือสัปดาห์ต่อไป {ทำไมต้องรอหน่ะเหรอคือถ้าเราโพสวันหรือสัปดาห์เดียวกับที่เราสร้างมันจะมาขึ้นที่หน้าแรก}

ขั้นตอนที่สามแก้ไขบทความที่เราต้องการได้เลยเปลี่ยนหัวข้อเป็น ติดต่อเรา แล้วใส่รายละเอียดแล้วทำการโพสเลย
ผลคือมันจะไม่มาแสดงที่หน้าแรกหรือบทความแรก
เข้าไปดูหน้านั้นเอา url มา สังเกตดูนะ url จะเป็น http:xxx.blogspot/2009/07/contact_us ซึ่งสวยมากๆ

พอดีผมไม่ได้เปิด blogger เลยอธิบายไม่ค่อยจะตรงแต่คงจะทำได้กันนะครับ

raptor · 23 กรกฎาคม 2009, 22:34:08

ขอบคุณครับ

wkrichy · 23 กรกฎาคม 2009, 22:57:22

ยัง thank ให้ไม่ได้ มาขอบคุณแทนแล้่วกันนะคะ

จะลองไปทำดูนะคะ

ขอบคุณคุณbens ด้วยค่ะ

suradech · 23 กรกฎาคม 2009, 23:08:09

ขอบคุณหลายครับ จะลองทำดูครับ

MARINERdp · 23 กรกฎาคม 2009, 23:13:45

อ้างถึงจาก: wkrichy ใน 23 กรกฎาคม 2009, 22:57:22
ยัง thank ให้ไม่ได้ มาขอบคุณแทนแล้่วกันนะคะ

จะลองไปทำดูนะคะ

ขอบคุณคุณbens ด้วยค่ะ

เปลี่ยนเป็นเบอร์โทรได้ไหม

kamnitnoom · 24 กรกฎาคม 2009, 17:15:12

ทำได้แล้วครับ ขอบคุัณ......

Hikkie · 24 กรกฎาคม 2009, 17:36:45

หน้าที่เป็น static ตั้งเวลาย้อนหลังไปมันก็ยังแสดงใน blog post แต่จะอยู่ในอันดับแรกๆ คือ post เก่าสุดเลย
อย่างนี้ปกติใช่ไหมครับ เป็นกันทุกคนหรือเปล่า :-*จะได้รู้ว่าไม่ได้ทำอะไรผิด