ปกติจะิไม่ค่อยได้เขียนถึงวิธีการปรับแต่งบล็อกซักเท่าไหร่ เพราะ
1. ไม่รู้จะเริ่มตรงไหนดี ของเล่นใหม่ ๆ เยอะจนลายตาไปหมด (นี่คือคำี่ชมนะ อย่าเข้าใจผิด)
2. เห็นหลายบล็อกได้ทำรีวิวมาอย่างละเีอียดอยู่แล้ว และมั่นใจว่าเขาอธิบายรู้เรื่องกว่า

แต่ไหน ๆ ก็เห็นมีบางท่านถามเข้ามาเกี่ยวกับวิธีแก้ปัญหาต่าง ๆ ภายในบล็อก

ก็จะทำตัวเป็นคอลัมน์ตอบปัญหารายสัปดาห์ โดยจับคำถามเหล่านั้นมาตอบเป็นข้อ ๆ ไป
ก็น่าจะสนุกดี ไม่มีพันธะผูกพัน งั้นมาเริ่มกันเลยละกัน กับคำถามที่ว่า

"จะสร้าง footer ในบล็อกได้อย่างไร"

จึงต้องขอเกริ่นนำเล็กน้อย

สิ่งที่เรียกว่า Widgets ก็คือ รายการข้อมูลต่าง ๆ ที่แสดงผลอยู่ตามแถบ sidebar นั่นเอง
แบ่งเป็นหลายชนิด เช่น Favorite, Links, Previous, Recommended และ Categories เป็นต้น
ซึ่งก็เชื่อว่าหลายคนคงจะคุ้นเคยกับการปรับแต่ง Widgets ใน sidebar ไปบ้างแล้วไม่มาก็น้อย
(หรือถ้าใครบอกว่าไปเคยเลย ขอให้ข้ามไปอ่านย่อหน้าถัดไป แล้วจงลืมประโยคข้างบนซะ)

และถ้าจะพูดถึง 1 ใน 189 ฟีเจอร์หรูหราของเอ็กทีนที่ผุดขึ้นมาใหม่ นั่นคือ
ความสามารถในการปรับแต่ง Widgets ในบล็อกให้หลากหลายเพิ่มยิ่งขึ้นไปอีก
คือนอกจากจะมี sidebar ให้ใส่ Widgets เหมือนตามปกติแล้ว แต่ก็ยังไม่สะใจพอ
เลยมี Top menu และ Bottom menu เกิดขึ้นมาสำหรับ Widgets เพิ่มเข้าไปอีก

ตัวอย่าง Top menu


ตัวอย่าง Bottom menu

Bottom menu

หลังจากที่ทนอ่านที่ได้เขียนเกริ่นมาหลายย่อหน้า พร้อมทั้งได้เห็นรูปประกอบก็แล้ว
ก็คงเริ่มอยากรู้แล้วว่าู บล็อกของฉันจะมีอะไรได้อย่างรูปข้างบนนี้ได้ยังไง บอกซะทีได้ไหม

คุณได้ตามคำขอนั้นเดี๋ยวนี้

  • ให้เลื่อนไปดูที่แถบเมนูสีดำด้านบนสุดของหน้าบล็อก
  • คลิกที่หัวข้อ Manage > จะปรากฎหน้าจอสำหรับจัดการบล็อกขึ้นมา
  • คลิกที่ Tab : Theme > จะปรากฎหน้าจอสำหรับจัดการธีมขึ้นมา
  • หัวข้อเมนูย่อย Widget ตามรูป
  • หน้าจอของการจัดการ Widgets ต่าง ๆ ก็จะปรากฎขึ้นมา ทีนี้คุณก็สามารถจัดการปรับแต่ง
    Widgets ได้ตามชอบด้วยการใช้เม้าส์ลาก Widget items ด้านล่าง มา่วางไ้ว้ในตำแหน่ง
    ที่ต้องการ ใน layout ของหน้าจอที่อยู่ด้านบน ตามที่เห็นในรูปด้านล่าง
  • เมื่อได้จัดวาง Widgets ได้ตามตำแหน่งที่ต้องการแล้ว
    ให้บันทึกตำแหน่งโดยการกดปุ่ม Save ด้านล่าง ก็เป็นอันเสร็จสิ้น

หมายเหตุ:

  • ในส่วนของ sidebar ถ้าบล็อกคุณมี sidebar อยู่ด้านไหน ก็ต้องวาง Widgets
  • ให้อยู่ในฝั่งนั้นเท่านั้น ถ้าเอาไปวางในอีึกฝั่งหนึ่ง ถึงจะบันทึกตำแหน่งได้
    แต่มันจะไม่ไปแสดงผลในหน้าบล็อกอยู่ดี เนื่องจาก sidebar ถูกซ่อนไว้
    (ยกเว้นมีการสั่งให้ css แสดงผล sidebar ทั้งสองข้าง)
  • คำว่า Bottom menu กับ Footer ที่กล่าวถึงในเอ็นทรีนี้ เป็นความหมายเดียวกันครับ

. . .

จากการวิจัยพฤติกรรมของนักท่องเว็บส่วนใหญ่ ผลลัพธ์ที่ออกมาจะมีความเห็นตรงกันดังนี้

  • ตำแหน่งด้านบน มีระดับความสำคัญที่สูงกว่าตำแหน่งด้านข้าง
  • ตำแหน่งด้านข้าง มีระดับความสำคัญที่สูงกว่าตำแหน่งด้านล่าง
  • ตำแหน่งทางซ้าย มีระดับความสำคัญที่สูงกว่าตำแหน่งทางขวา

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

การนำเสนอข้อมูลที่ดี จึงไม่ได้ขึ้นอยู่กับตัวเนื้อหาข้อมูลที่ดีเพียงอย่างเดียวเท่านั้น
แต่ขึ้นอยู่กับการจัดวางตำแหน่งของเนื้อหาเหล่านั้นด้วยว่าสามารถเข้าสู่สายตาผู้อ่าน
ได้ง่ายขนาดไหน

วันนี้คุณจัดตำแหน่งข้อมูลในเว็บของคุณได้ดีแล้วหรือยัง ...

Comment

Comment:

Tweet

งงค่า-*-

นั่งงมกันต่อไป นั่งมา 5 ช.มเเล้ว กะว่าอีก 2 ช.มไม่ได้

เป็นอันว่า เลิก 55+

เเต่ยังไงก็ขอบคุณสำหรับความรู้ค่าconfused smile

#24 By Beauty Buffet on 2009-04-22 16:07

Hot! Hot! Hot! ขันน้ำ ขันน้ำ ขันน้ำ ขันน้ำ ดอกมะลิ ดอกมะลิ ปืนฉีดน้ำ ปืนฉีดน้ำ ปืนฉีดน้ำ

#23 By on 2009-04-10 20:12

ขอบคุณค่ะ

#22 By sora no hime★空のひめ on 2007-10-15 19:45

เพิ่งทำ blog วันนี้เอง ใช้เวลานานมากเลย

ขอบคุณสำหรับคำแนะนำที่ช่วยประหยัดเวลาลองผิดลองถูกค่ะ

#21 By TheDoctorWearsPrada on 2007-10-15 13:37

บล็อกสวยดีอ่ะครับ

#20 By นายฉิม on 2007-10-15 09:33

ตอบคุณแพนด้า

ให้ไปขยายความสูงของ #profile

หรือลองไปอ่านเทคนิค (อีกแบบ) เต็ม ๆ จากบล็อกคุณเจ้าชายน้อยได้ครับ
http://zedth.exteen.com/20071013/css-ie

#19 By oatato on 2007-10-15 08:59

ขอบคุนคับbig smile

#18 By cRazY knighT on 2007-10-15 08:33

Exteen แบบใหม่นี่ลูกเล่นเยอะจัง sad smile

เดี๋ยวขอลองเอาไปทำดูบ้างนะครับ surprised smile

#17 By KEI on 2007-10-15 08:03

ทำได้แล้วครับ งมๆ เอา อุอุ มั่วสุดๆ

แต่รูป Display มันโดนข้อความทับอ่ะครับ ทำยังไงถึงจะไม่ทับครับbig smile
ดีจังค่ะทำเป็นภาพเคลื่อนไหวให้เห็นเลยbig smile

#15 By p-i-e on 2007-10-14 23:10

ขอบคุณครับ

ไม่ได้สังเกตุเลยแฮะsad smile sad smile

#14 By plynoi แว่วศรี on 2007-10-14 22:26

ขอบคุณครับ มีประโยชน์มากเลยครับ

#13 By q on 2007-10-14 21:21

เป็นรูปใน profile จากเอ็กทีนเวอร์ชั่นเก่าครับ
สงสัยว่าถ้าอัพรูปใหม่คงกลับไปเล็กจิ๋วเหมือนกัน cry

#12 By oatato on 2007-10-14 21:20

iบกวนถามเรื่องรูป profile อ่ะค่ะ ทำให้ใหญ่ได้ไงอ่ะค่ะ
อยากหญ่ายบ้าง อุอุ

#11 By :: ipup :: on 2007-10-14 21:10

ทำ blog เก่งจังเลยค่ะ
อย่างงี้ก็ขอเอาไปใช้ด้วยคน

#10 By grammarman on 2007-10-14 21:05

อยากทำBlog ตัวเองให้มีสาระ แต่ยังไม่มีเวลาเลย
ไม่รุ้จาทำเกี่ยวกับอะไรดี
sad smile

#9 By annabelle ; * on 2007-10-14 17:18

ู^
อ่านจากเอ็นทรีของคุณ sa-i ได้ครับ

http://sa-i.exteen.com/20071010/entry

#8 By oatato on 2007-10-14 16:49

คือเราอยากรู้ตรงนี้มากเลยค่ะ
การสั่งให้ css แสดงผล sidebar ทั้งสองข้าง ทำยังไงคะembarrassed
คืออยากเอาsidebarให้ไปอยู่ด้านซ้ายค่ะ

#7 By MamiLuv on 2007-10-14 16:46

กรี๊ดดด.....เริ่มมากคุณโอ๊ต..ตามเก็บไว้ก่อนค่อยทำทีเดียว..อิอิquestion

#6 By ปอนปอน on 2007-10-14 16:41

cry อย่างเจ๋งเลย มีของเล่นเยอะเริ่มจัดหน้าไม่ถูกแล้วครับเนี่ย confused smile

#5 By เสี่ยแนน on 2007-10-14 16:36

ของผมก็วางหัวข้อได้เรียบร้อยแล้วครับ เน้นเรียบง่าย หน้าขาวๆ ของเว็บ บวกกับขอบสีฟ้าไล่โทนสี (สำหรับหน้าจอ 1024x768) ถ้าใครใช้หน้าจอ 800x600 ก็จะเห็นเป็นบล็อกหน้าขาวๆ บวกกับรูปสีเล็กๆ และเนื้อหาที่พอจะมีสาระบ้างของผม

แต่ผมยังไม่เคยลองทำการขยายหน้าบล็อกดูเลย แต่ถือว่าเจ้าของบล็อกนี้เก่งที่ขนาดผมยังนึกไม่ถึงมาก่อน (ก็มัวแต่ไปงม CSS สุดท้ายก็เลยออกมาได้แคนั้นไง)

แล้วเอาเคล็ดลับการทำบล็อกแบบอื่นๆ มาสอนอีกนะครับ จะติดตาม

#4 By หนึ่ง on 2007-10-14 16:16

เยี่ยมครับ เป็นการอธิบายต่อจากในบล๊อกผมเลยล่ะ

#3 By เจ้าชายน้อย on 2007-10-14 16:12

ใช้ IE7 เปิด แล้ว เปิดหมาไฟอีกที มึนฮะ

#2 By renkung on 2007-10-14 15:45

วางดีแล้ว surprised smile

#1 By ตุ้มเป๊ะ on 2007-10-14 15:44

Recommend