28 October
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 ใหม่ค่ะ |