2005/Sep/16

คราวนี้เราจะมาทำความรู้จักกับเมนู Theme กันนะคะ

ในส่วนของเมนู Theme ประกอบไปด้วยเมนูย่อยอีก 4 ส่วน
นั่นคือ

1. Select Lay out
2. Select Components
3. Config Styles
4. Config CSS









เมื่อเราคลิกเข้ามาที่ส่วนของเมนู Theme
หน้าแรกที่เราจะพบคือ หน้า Select Lay out ค่ะ





หน้านี้เป็นหน้าที่เราจะเลือกลักษณะการจัดวาง (Lay out) ของหน้าบล๊อกของเราค่ะ
(ในที่นี้แม่อ้อเลือกใช้ Easy นะคะ - การอธิบาย CSS ก็จะใช้ Easy เช่นกันค่ะ)


เมื่อเราคลิกเลือก Lay out แล้ว
ก็จะมีหน้าที่ให้เรา Confirm Lay out ที่เราเลือกอีกรอบหนึ่ง

แล้วจึงจะไปที่ขั้นตอนถัดไปคือ หน้า Select Components




Select Components
เป็นหน้าที่เราใช้เลือกข้อมูลที่เราต้องการให้แสดง
ในแถบเมนูด้านข้างในหน้าบล๊อกของเราค่ะ






ถ้าเราต้องการให้มีอันไหนแสดงก็คลิกเครื่องหมายถูกที่ด้านหน้าช่องนั้นๆ เลยค่ะ

**Comment Alert อาจจะมีคนสงสัยว่ามันคืออะไร
หาคำตอบได้ที่นี่ค่ะ
อะไรคือ comment alertที่บล๊อกของเวบมาสเตอร์-คุณแชมป์ค่ะ




เมื่อเราคลิกเลือกหัวข้อที่เราต้องการให้แสดงในหน้าบล๊อกได้แล้ว
ก็คลิกที่ปุ่ม ok เลยค่ะ




จากนั้นเราจะไปที่หน้าต่อไป
คือหน้า Config styles ค่ะ



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

1. สีหลัก หรือสีพื้นหลังของบล๊อก (ส่วนที่เป็นเอนทรี) เราสามารถเลือกสีได้โดยคลิกที่ปุ่ม pick color ด้านข้าง
แล้วจิ้มสีที่ต้องการได้เลยค่ะ

2. สีตัวอักษรก็เช่นเดียวกันค่ะ คลิกที่ปุ่มด้านข้างเพื่อเลือกสีได้เลย

3. สีลิงก์คือส่วนที่เป็นแถบลิงก์ในเมนูด้านข้าง

4. สีเส้นขอบ ตามรูปเลยค่ะ เส้นขอบของบล๊อกเรานั่นเอง

5. เฮดบล๊อกเราสามารถใส่รูปได้สองแบบนะคะ

วิธีแรก คลิกที่ปุ่ม add picture เพื่อใส่รูป
เมื่อเราคลิกที่ปุ่มนี้ หน้าต่าง manage file ก็จะเปิดขึ้นมาค่ะ
เราสามารถอัพโหลดรู)ที่เราต้องการทำเป็นเฮดของบล๊อกและ Insert จากหน้านี้ได้เลย

หรือ

วิธีที่สอง
ก๊อปปี้ url ของรูปมาจากเวบอื่น
อันนี้ใช้ในกรณีที่เพื่อนๆ ฝากรูปไว้ที่ host อื่นๆ นะคะ

*ความกว้างของรูปภาพที่จะเอามาใช้ทำเฮด คือ 640 px
แต่เราสามารถใช้กว้างกว่านี้ก็ได้นะคะ ต้องไปแก้ไขใน css ค่ะ*

6. ความสูงของรูปภาพ ที่ใช้ทำเป็นเฮดให้เพื่อนๆ กำหนดเอาเองเลยนะคะ
แล้วแต่ความสวยงามค่ะ (หน่วยเป็น pixel )

7. Backgroundของบล๊อกจะใส่หรือไม่ใส่ก็ได้นะคะ แล้วแต่ชอบค่ะ
วิธีใส่มีสองแบบเหมือนการใส่ head นั่นล่ะค่ะ

มีลิงก์รวมรูปภาพที่ใช้เป็น bg น่ารักๆ มาฝากด้วยค่ะ
ลองเข้าไปดูที่นี่เลยนะคะ บอร์ดรวมของแต่งเวบน่ารักๆ by materialz
กับที่ fanaticclub.com ค่ะ



เมื่อเราปรับเปลี่ยนหน้าตาจนพอใจแล้ว
ให้คลิกที่ปุ่ม Confirm เลยค่ะ

เป็นอันเสร็จขั้นตอนการปรับเปลี่ยนหน้าตา Theme แบบง่ายๆ นะคะ
ส่วนการ config css ขอขึ้นเป็นตอนใหม่แล้วกันครับผม :)








Comment

Comment:

Tweet


c817t
#22 by t867t (194.67.32.24) At 2008-04-28 01:54,
c324t
#21 by t67t (194.67.32.92) At 2008-04-28 00:56,
#20 by (125.26.18.128) At 2007-08-10 14:03,
ช่วยสอนการเอาวีดีโอมาลงหน่อยค้าบ
#19 by boro At 2007-06-10 13:52,
ขอบคุณสำหรับความรู้คะ กำลังศึกษาอยู่ไม่ทราบว่าจะสำเร็จหรือเปล่านะคะ
#18 by MayaKniGht At 2007-02-05 09:43,
ขอบคุณมากๆเลยค่ะ
พอดีอยากมี blog กับเค้ามั่งเลยลองสมัครดูแต่ไม่รู้อะไรเลย นั่งคลำมาแต่เช้าแล้ว มาเจอพี่เข้านี่โชคดีจริงๆ เข้าใจง่ายดีค่ะขอบคุณนะคะ
#17 by ~ nice~ ^O^ At 2006-11-19 18:07,
ขอบคุณเเม่มั่กๆเร้ยนะงับ ขอบคุณจริงๆเพราะว่าเคยสมัครเเล้วเเต่ไม่มีคนสอนเร้ย มีเพื่อนเเต่มันไม่ช่วยเร้ย พอเหงบล็อคนี้ น้ำตานี่ไหลเร้ย ดีจัยมากๆ
ขอให้คุณเเม่เเละลูกเเข็งเเรงนะงับ
***ผมอยู่ม.3เอง ร.ร.บดินทร2***
บายงับ โชคดีๆๆๆๆ
**ก่อนไป. . .ดีจัยมากๆ
#16 by ไอ้*อาร์ม (124.120.76.244) At 2006-06-22 19:19,
เดี๋ยวจะมางมเรียนนะคะ
#15 by คิดถึง At 2006-05-15 21:19,
เอ่อ พอดีนู๋เป้นมือใหม่อ่ะค่ะ อยากจะถามว่า สมมุติเราทำเวบในดรีม แล้วกอปเอาโค้ดของดรีมมาแปะเอาได้รึเปล่า
#14 by ®«-;หมูป่าทะเล;-»® At 2006-04-03 22:54,
พี่อ้อ เค้าย้ายไปกันหมดแล้ว

นกยังไม่ได้ไปไหนเลย

ไม่มีคนinvite อ่ะ แง้ๆๆๆๆๆๆ

เศร้า
#13 by ~Nokka~ At 2005-09-21 11:15,
แม่อ้อหายไปไหนหงะ
#12 by ^-^ สาวแก้มยุ้ย ^-^ At 2005-09-20 11:53,
หวัดดีค่าน้องอ้อ ตามมาดูด้วย blog สวยมากๆ แถมมาแล้วยังได้ความรู้ใหม่ๆตลอดเลย

พี่จะกลับไทยน๊า เอาไรไม๊ ยังอยากได้หนังสืออยู่ไม๊คะ จะซื้อไปฝากน๊า
#11 by a L L y มาแล้นนนน At 2005-09-19 23:54,
แวะมาทักทายจ้า พี่หน่ะยุ่งมากเลยช่วงนี้ เรื่องแต่งไดอารี่อาจจะต้องผลัดไปอีกนานค่ะ
#10 by Steph's mommy (24.161.141.135) At 2005-09-19 14:55,
อยากได้คำลงท้ายแบบแม่อ้อม่างงงง
อยากได้ข้อความสวยๆ ตรง "คุยกันนิด" ของแม่อ้อม่างงงงง
..........

พี่ไม่ได้ซื้อหวยอ่ะอ้อ พ่อเจ้าม่อนซื้อก็แทงตรงๆ ไม่ด้กลับ สรุปว่าชวด
งานนี้คนที่ถูกหวยมีสองคนคือน้าแจงกับยายของเจ้าม่อน
ได้ประโยชน์นะนี้วันนี้ เดี๋ยวต้องเอาไปลองทำดู
#8 by nid At 2005-09-19 01:33,
รอไอ้เรื่อง css อยู่นะเนี้ย
ขอบอกว่าแม่อ้อ ทั้งอึด ทั้งเก่งจริงๆๆ
ทำได้งั้ย อธิบายก็เข้าดีซะด้วย
#7 by ^-^ สาวแก้มยุ้ย ^-^ At 2005-09-18 11:36,
ไม่มีเวลาเลย ดีหน่อยมีแม่อ้อ ช่วยสอนอีกแรง หุหุ
#6 by A Bigtarepanda At 2005-09-18 10:35,
ว้าย Blog นี้เป็น Blog แม่ลูกอ่อนที่สวยเริ่ดที่สุดในปฐพี มิมี Blog ใดงามเกินจ๊ะ แม่อ้อเก่งจังเลย แถมน้ำใจงามอีกด้วย
#5 by แป้งหมี่ At 2005-09-18 07:17,
ช่ายแล้วค่ะ
นัทเรียน วิศวะคอม บางมดค่ะ คุณแม่อ้อ


แต่คนละอย่างกับที่น้องชายคุณแม่เรียนนะคะ
แต่คงคล้ายๆกัน
#4 by Na - th (นัท) At 2005-09-17 01:56,
บน ขวา ล่าง ซ้าย
เด้ออออออออออ

เอานี่ไป .. ช่วยท่านได้
http://www.w3schools.com/css/css_padding.asp

ปล. ไม่ใช่จะไม่ช่วยน๊า แต่จะไปนอนแล้ว แล้วก็คาดว่า คงจะไม่ได้ออนไลน์อีกนานนนนนนนนนน นิ
#3 by โคโตริ ^^ At 2005-09-17 00:55,
ว้าย ลูกหลับแล้วย่ะ
ไม่งั้นอิแม่จะมานั่งบ้าอยู่หน้าคอมได้เหรอ

ฮือ เดี๋ยวถึงงานหนักแล้วอ่ะ
css นี่เขียนสองวันแน่เลย
ลูกเต้าไม่ดู .. มัวแต่มาสอนแต่งบลอคนะหล่อน
แหม๊ ขยันจริงๆๆๆๆๆๆๆๆๆๆ

..

แต่ยกย่องในความอึดในการอธิบายและทำรูปของเธอจริงๆอ่ะ สามารถมากกกกกกกกกกก
#1 by โคโตริ ^^ At 2005-09-17 00:08,