ก่อนอื่นต้องขอขอบคุณผู้อ่านทุกท่านที่ีเข้ามาอ่านเรื่อง ภาษาวิบัติ ... ตรงไหน??? เมื่อวานนี้ โดยเฉพาะผู้ที่แสดงความคิดเห็นมานะครับ และเชื่อว่ามีส่วนหนึ่งที่แสดงความคิดเห็นมา แต่เม้นต์ไม่ได้นะครับ ก็ต้องขออภัยด้วยครับ สำหรับผู้ที่ใช้ Browser IE6 บล๊อกผมไม่รองรับครับ ขอโทษด้วยจริง ๆ

เมื่อวานนี้นี้ใครที่เข้าบล๊อกของผม คงจะเห็นว่าหน้าตาบล๊อกเปลี่ยนไป โดยที่หน้าบล๊อกกว้างขึ้น และ Side Bar ซ้อนกันสองแถว คงแปลกใจ และแปลกตานะครับ จริง ๆ แล้วรูปแบบนี้ ผมลอกมาจากธีมแบบ 3 คอลัมน์ของ Wordpress น่ะครับซึ่งวิธีการทำก็ไม่ยากนัก แต่วุ่นวายพอสมควร สำหรับคนที่อยากทำบ้าง ผมขอเขียนคร่าว ๆ เป็นไกด์สำหรับคนที่ปรับแต่ง CSS เป็นไว้ก่อนนะครับ ถ้ามีเวลา จะทำบทความสอนโดยละเอียดอีกทีครับ

  1. เปิดใช้งาน Side Bar และ Side Bar2
  2. กำหนด Float เป็น Left หรือ Right ทั้งคู่
  3. คำนวณหาขนาดของหน้าบล๊อกใหม่ โดยสิ่งที่ต้องกำหนดคือ ความกว้างหน้าบล๊อกทั้งหมด , ความกว้างส่วนเนื้อหา และความกว้างของ Side Bar แต่ละตัว
  4. คำนวณแล้วก็ไปกำหนดความกว้าง และ margin ซึ่งตรงนี้ ต้องอาศัยเวลาในการลองผิดลองถูกอยู่พอสมควร
  5. นำค่าที่ได้ไปสร้างภาพพื้นหลังส่วน header , belly และ footer ใหม่ตามขนาดความกว้างหน้าบล๊อก แล้วอัพโหลดรูปขึ้นไปใหม่ แล้วอ้างอิงตำแหน่งของรูปใหม่ ในกรณีที่ต้องการรูปแบบของบล๊อกเป็นแบบเดิม ถ้าไม่ต้องการ จะลบทิ้งไปเลยก็ได้
  6. ปรับแต่งค่าเล็ก ๆ น้อย ๆ ที่ทำให้หน้าบล๊อกเพี้ยน ๆ

คิดว่าเขียนเท่านี้ ผู้ที่ีรู้เรื่อง CSS บ้าง คงจะพอนึกออกแล้วนะครับ

ทีนี้มาถึงเรื่องหลัก ที่ผมอยากจะเขียนถึงในวันนี้ นั่นก็คือ Widget ที่ผมเอามาใส่ลงในบล๊อกครับ คุณเห็น เกม Tetris และเจ้าแมวดำ ที่อยู่ด้านข้างมั้ยครับ อันนั้นเป็นแค่ส่วนหนึ่งของ Widget ที่ผมไปนำมาจากเว็บไซต์ widgetbox.com เท่านั้นเองครับ

ซึ่งในเว็บไซต์นี้ มี Widget ให้เลือกนำมาลงบล๊อกได้มากมายเลยครับ ไม่ว่าจะเป็นเกมส์ หรือ application ซึ่งผมจะนำมาลงเป็นออเดิร์ฟให้ดูครับ ส่วนที่เหลือคุณก็ไปเลือกดูเอาเองก็แล้วกันนะ

PacMan

มาริโอ้


เกมยิงเป็ด

ปฏิทิน

ดูดวง

Sudoku

Flickr


วิธีการนำ Widget มาลงในบล๊อกก็ไม่ยากครับ ก็เหมือนกับการใส่ script เลยครับ ใครไม่รู้ ดูได้ที่บทความ วิธีแทรกสคริปต์ใน exteen นะครับ ส่วนวิธีการได้มาซึ่งโค้ด ก็ไม่ยากครับ เข้าไปก็จะรู้เอง (โทษทีนะครับ ไม่มีเวลาสอนอย่างละเอียด) สำหรับวันนี้ก็มีมาฝากเท่านี้ล่ะครับ ทีนี้เราก็จะมีของเล่นใหม่ ๆ มาเล่นเต็มบล๊อกเลยล่ะครับ

Comment

Comment:

Tweet

ขอบตุณสำหรับความรู้ค่า

#34 By phitnattha on 2011-01-24 11:57

ขันน้ำ ขันน้ำ ขันน้ำ
มาสาดน้ำเจ้าชายน้อย

#33 By .. on 2008-04-15 02:28

มือใหม่ค่ะ พยายามแต่งบล็อกอยู่ งงอยู่ ขอบคุณสำหรับคำแนะนำดี ๆ นะ

แอบก็อบโค้ทไปใช้ด้วยค่ะ หวังว่าคงไม่ว่ากันนะคะ

#32 By anonymous108 on 2008-03-10 00:15

เียี่ยมมากครับ

#31 By Widget on 2007-12-12 17:48

อ๋อ.... เห็นเค้าใส่ใน facebook กัน มาจากเว็บนี้เอง ขอบคุณค่ะ!

#30 By hikaru on 2007-11-09 12:44

i've just got the blog today for Aj.dy's class. haha! hard to regis for it tho'.

#29 By Chonny da Chilla on 2007-11-06 16:09

=คุณเจ้าชายน้อยเอาของเล่นมาฝากเยอะเลย
จะรับไปแต่งบล็อกตัวเองมั้งค่ะ confused smile

#28 By Saint Juste on 2007-11-06 13:09

ดีครับ ขอบคุณ
คิดถึงแพ็คแมนกับมาริโอ้!

confused smile

#27 By chubbyhole on 2007-11-06 12:17

แจ่มมาก ๆ เลยครับ big smile

#26 By สมจุ้ย on 2007-11-06 03:34

Sudoku กว่าจะผ่านเล่นตั้งนาน เฮ้ยยย

เล่นเป็นประ อาจารย์ฝรั่งเอามาให้เล่นตอนไม่มีไรสอนแล้ว -- --

#25 By [ พี โพ แคน ] on 2007-11-05 23:10

อิอิ..เกมส์ pacman, mariol,สมัยก่อนเล่นประจำแต่ปัจจุบันสมองกับมือมันมันไม่ค่อยสัมพันธ์กันเล้ยยย...
มีเกมส์มาฝากเยอะแยะเลยนะคะ

#24 By MayaKniGht on 2007-11-05 19:33

มาเล่นเกม เล่นแพ้เลยถูกกิน
รอเล่นมาริโอ โหลดน๊าน นาน

#23 By shimeatsky on 2007-11-05 18:21

เห็นเกมส์แล้วอดเล่นไม่ได้ค่ะ เอิ่ก ๆ

คิดถึงเครื่องแฟมิลี่

#22 By on 2007-11-05 17:36

แป่วว . . .
แอบเล่น Soduku ไปแระ
แต่ชอบเล่นในกระดาษมากกว่าจะได้จดได้ค่ะ
เมื่อวานก็แอบมาเล่น tetris
confused smile

#21 By Fein on 2007-11-05 16:48

หุหุ ของเล่นน่าเล่นทั้งนั้นเลย

ย้าย sidebar ไปติดกันก็น่าสนนะครับ
เดี๋ยวขอไปลองมั่งดีกว่า confused smile

#20 By oatato on 2007-11-05 16:36

wink เพียบเลย ตกใจ...
ขอบคุณมากๆค่ะ cry

#19 By ire_u on 2007-11-05 16:28

สุดยอดคะ ท่านเจ้าชาย เจ้าออกเดินมีของติดไม้ติดมือมาทุกทีเลยยยbig smile ขอบคุณคะที่เอามาให้ชม (เพราะทำไม่ได้)
วิธีใช้IE6 คอมเม้นต์บลอกคุณเจ้าชายน้อย
1.กรอกข้อความลงกล่องข้อความตามปกติ
2.กด ปุ่ม Tab
3.กด ปุ่ม Enter

#17 By Eddy on 2007-11-05 15:51

คุณ Dream-Box ครับ ถ้าผมไม่ได้บล๊อกของคุณ โอ๊ตตาโต ผมก็คงต้องงมอีกนานเลยล่ะครับ

#16 By เจ้าชายน้อย on 2007-11-05 15:23

เยี่ยมเลยครับ big smile

#15 By ThaiThai.exteen on 2007-11-05 15:06

ผมว่าบล็อกคุณโอ๊ตขยายหน้าบล็อก แถมทำไซด์บาร์ได้สองด้าน ว่าเจ๋งแล้ว แต่เจ้าชายน้อย ขยายบล็อกแถมทำไซด์บาร์ไว้ด้านเดียวกันอีก เก่งจริงๆ

#14 By หนึ่ง on 2007-11-05 14:53

เจ๋งมากครับ ผมยังไม่มีเวลาศึกษาบ้างเลย พวก CSS เนี่ยbig smile

#13 By @ri on 2007-11-05 14:45

ขอบคุณมากค่ะ มีเกมเยอะแยะเลย confused smile

#12 By เจนเนสซ่า on 2007-11-05 14:40

เมื่อเช้าแอบมาขโมยไอเดีย widget จากเจ้าชายไปเยอะเลยคับ (ก่อนเจ้าชายจะเปลี่ยนหน้าบล๊อกเสียอีก อิอิอิ)

จะค่อย ๆ จัดระเบียบมันครับ ยังลองได้ไม่เยอะเลย อิอิอิ confused smile

#11 By xxx on 2007-11-05 14:16

ชอบน้องเหมียวอย่างแรงงงงงงงงค่ะconfused smile

ขยับตัว เคลื่อนไหวได้น่ารักมาก มีให้อีกตัวไม๊คะcry

#10 By sora no hime★空のひめ on 2007-11-05 14:07

sad smile
ผมคงต้องหัดอีกเยอะเลยอ่ะ

#9 By นายบวก on 2007-11-05 13:51

ตอนนี้อยากใส่เยอะแยะเลยค่ะแต่ก็แบบที่คุณเอกบอก
ยิ่งใส่เยอะก็ยิ่งโหลดช้า
ตอนนี้เลยไม่ค่อยไ้ใส่อะไร...ว่างๆมานั่งเล่นแมวที่นี่ดีกว่า
confused smile

#8 By ยายแม่บ้าน on 2007-11-05 13:50

ว้าวววว น่าสนใจมากเลยค่ะ

ขอบคุณมากนะคะ จะลองเอาไปใส่ในบล็อคดูค่ะcry

#7 By Meiko S. on 2007-11-05 13:22

ของเล่นเยอะดีจังเลยค่ะคุณเจ้าชายน้อย big smile

#6 By Orm & Hai on 2007-11-05 12:18

คุณ AkE ครับ ช้าแหงอยู่แล้วล่ะ

แต่ก็ช้าสำหรับคนเน็ตช้านะครับ

ก็ต้องเลือกเอาล่ะครับ ผมแค่นำมาบอกต่อ จะใช้ไม่ใช้ก็เรื่องของเจ้าของบล๊อกล่ะครับ

#5 By เจ้าชายน้อย on 2007-11-05 12:18

ขอบคุณค่ะ เมื่อวานลองดูคร่าวๆๆ แล้วแต่ยังไม่ปรับ ติดเรื่องต้องอัพโหลดขนาดของ head + belly + foot ใหม่ ที่มีก็อปของคุณโอ๊ต มีอยู่ 2 ไซส์

ส่วนแมวดำ.. big smile เคยไปเห็นที่บล็อกของคุณน้องเอมิ น่ารักอยากได้อยู่ เพิ่งจะรู้ว่าอยู่ในเจ้าตัวนี้ด้วย ว่าแล้วต้องแวะไปดูซะหน่อยแล้ว confused smile

#4 By ตุ้มเป๊ะ on 2007-11-05 12:15

กรี๊ดดดด...เริ่ดมากเลยครับพี่เจ้าชายน้อย..ปอนแอบเล่น pacman ไปแล้วเดี๋ยวให้แม่เข้ามาเล่นมั่งดีกว่าครับ เพราะหล่อนชอบเล่น pacman มากๆ เลยconfused smile

#3 By ปอนปอน on 2007-11-05 12:13

sad smile
แล้วมันจะไม่ทำให้โหลดช้าไปใหญ่เหรอครับ

#2 By AkE on 2007-11-05 12:12

ของเล่นเยอะจริงๆเลยค่ะ ช่วงนี้เข้ามาเล่นแมวของคุณเจ้าชายน้อย ตลอด อุอุอุ

#1 By Catch me if u can (202.91.18.205) on 2007-11-05 12:03

Facebook