10月28日
Wider Blog Entry
Update : 20 August 2006
จากการอัพเดทครั้งล่าสุด ทำให้ตอนนี้บลอคมันกว้างโดยไม่ต้องใส่โค้ดแล้วนะคะ
ดังนั้นโค้ดนี้ก็ไม่จำเป็นต้องใช้แล้ว ใครที่ใช้อยู่ก็ลบโค้ดออกได้เลยนะ
Update : 21 March 2006
จากการอัพเดทของทาง Msn Spaces ช่วงที่ผ่านมา ทำให้ตอนนี้ Layout แบบ 2 คอลัมน์ จะใช้ไม่ได้แล้วนะคะ
เพราะจะทำให้โมดูลทางขวาถูกบีบให้เล็กลง ให้ใช้แต่ layout แบบ3 คอลัมน์ เท่านั้นค่ะ
ขอบคุณ Ladyring ที่แวะมาอัพเดทข้อมูลให้ด้วยค่ะ ^^"
และสำหรับคนที่ขยายบลอคไปก่อนหน้านี้ แล้วหลังอัพเดทสเปซบลอคของคุณมีขนาดกว้างกว่าเดิม
ให้ปรับขนาดลดลงมาเป็น 500px ก็จะพอดีกับหน้าจอค่ะ
|
หุหุ หลังจากปล่อยให้ใครบางคน น้ำลายหกท่วมสเปซ มาหลายวัน วันนี้จะมาบอกวิธีทำสเปซให้กว้างขึ้นนะจ๊าา~*
วิธีที่เอามาบอกนี่ก็เครดิตให้ D3vMax สำหรับการนำมาเผยแพร่ และ aTiger ที่ค้นพบโค้ดนี้ค่ะ
ก่อนจะทำก็ขอให้อ่าน คำเตือน ซะก่อนเพื่อความปลอดภัยของสเปซของท่านเอง นะจ๊ะ ^^"
-คำเตือน-
1. วิธีที่เอามาบอกนี้ใช้ได้กับผู้ที่ใช้ Browser ของ IE (Internet Explorer) เท่านั้น
2. กรุณาอ่านด้วยความรอบคอบ และพิจารณาเอาเองว่า จะเอาไปใช้หรือไม่
3. อ่านวิธีทำให้เข้าใจก่อนแล้วค่อยลงมือทำด้วยความรอบคอบและมีสติ (เราเตือนคุณแร้วว...><")
4. ถ้าทำแล้ว ไม่ชอบอยากเอาออก หรือ เกิดสิ่งผิดปกติ ให้ลบโค้ดที่ใส่ไปออกให้หมด
ทุกอย่างก็จะกลับมาเหมือนเดิม
วิธีทำ
ก่อนอื่น คุณต้องมีโมดูล Custom HTML ซะก่อน ถ้ายังไม่มีก็อ่านวิธีทำได้ คลิกที่นี่ ค่ะ
1. ปรับ Layout ของสเปซ ให้เป็นแบบ 2 คอลัมน์ หรือ 3 คอลัมน์ ซะก่อน
โดยไปที่หน้า Edit your space เลือก Customize >> Layout แล้วเลือกรูปแบบของ layout ตามภาพ
2. จัดโมดูล
• แบบ 2 คอลัมน์ ให้จัดโมดูล Custom HTML และ Blog ไว้ในคอลัมน์ทางซ้าย
• แบบ 3 คอลัมน์ ให้จัดโมดูล Custom HTML และ Blog อยู่ในช่องกลาง
และให้โมดูล Custom HTML อยู่เหนือโมดูล Blog (ดูตัวอย่างการจัดโมดูลตามข้อ 2.1 และ 2.2 )
3. ในช่อง Custom HTML ให้ใส่โค้ดนี้ เอาไว้ท้ายสุด หลังโค้ดอื่นๆ
</table></table><table width=XXXX><tbody><tr><td>
ตรง XXXX คือความกว้างที่เราต้องการจะขยาย อันนี้ของเราใส่ไป 500 นะคะ ก็จะได้แบบนี้
</table></table><table width=500><tbody><tr><td>
เสร็จแล้ว กด Save แล้วไปดูผลที่หน้า preview ค่ะ
2.1 สำหรับ Layout แบบ 2 คอลัมน์
|
 |
จัดโมดูล Custom HTML และ Blog
ให้อยู่ในช่องซ้าย
และเอาโมดูลอันอื่นๆไปไว้ทางขวา
<== ตามภาพทางซ้าย
ผลที่ได้จะเป็นเหมือน
ภาพทางขวา ==>
คลิกที่ภาพเพื่อดูรูปใหญ่ค่ะ |
 | |
2.2 สำหรับ Layout แบบ 3 คอลัมน์
|
 |
จัดโมดูล Custom HTML และ Blog
ให้อยู่ในช่องกลาง
และเอาโมดูลอื่นๆไปไว้ทางขวา
ในช่องซ้ายก็ใส่โมดูลอื่นๆได้เหมือนกัน
แต่ความยาวของโมดูลทางซ้าย
จะทำให้บลอคของเราต้องขยับลงมาอีก
<== ตามภาพทางซ้าย
ผลที่ได้จะเป็นเหมือน
ภาพทางขวา ==>
คลิกที่ภาพเพื่อดูรูปใหญ่ค่ะ |
 | |
***หมายเหตุ***
1. จากต้นฉบับเค้าบอกว่าให้ใส่โค้ดไว้ ก่อน หรือ หลัง โค้ดในช่อง Custom HTML ก็ได้
แต่จากที่เราทดลองแล้วถ้าใส่โค้ดไว้ก่อนโค้ดอื่นๆ จะมีช่องว่างเกิดขึ้นเหนือโมดูล
Custom HTML ดังนั้นเลยแนะนำว่า ถ้าไม่อยากเว้นที่ไว้ปลูกผัก ก็ใส่ไว้หลังสุดจะดีกว่า ^^"
ตามภาพนี้ค่ะ ==>
2. ไม่แนะนำให้เอาโค้ดไปใส่ที่อื่น เช่น ในบลอค ค่ะ เพราะจะเกิดข้อผิดพลาดได้ง่าย
เวลาใส่โค้ดผิด หรือ ลบโค้ดไม่หมด
3. โค้ดนี้จะไม่แสดงผลถ้าหากไม่มีโมดูลอันอื่นอยู่ในช่องขวา
4. สำหรับคนที่ทำ custom html 2อัน เวลาเปลี่ยน layout หรือย้ายโมดูล
โค้ดที่ใส่ในตัวที่ 2 จะกลับไปลิ้งค์กับตัวที่ 1 เหมือนเดิม
ดังนั้นให้ก๊อบโค้ดเก็บไว้ก่อน หลังจากขยายบลอคเสร็จแล้ว ค่อยใส่โค้ดในตัวที่ 2 ใหม่ค่ะ |
工具 
