• ใช้ไฟร์ฟอกซ์กันเถอะ
  • คำแนะนำ24ข้อที่บล็อกเกอร์ควรรู้

ในแต่ละบล็อกส่วน sidebar ถือเป็นองค์ประกอบสำคัญให้บล็อกออกมาดูดี อันนี้ทุกคนคงจะทราบกันดีใช่ไหมครับ ที่ผมจะแนะนำรูปแบบการแต่ง sidebar ของธีมใหม่ (ไม่ใหม่มั้ง จะครบปีแล้ว) ส่วนธีมเก่าไม่แน่ใจว่าจะใช้ได้หรือเปล่า แต่ก็ช่วยๆอ่านหน่อยก็แล้วกัน ทำรูปนาน... ผมจะค่อยๆร่ายไปยาวๆ เผื่อคนที่ไม่เป็นเลยด้วยแล้วกันนะครับ  แฟนนานุแฟนของบล็อกผมขอเรียนเชิญ ปูเสื่อนอนดูกันเลยจ๊ะ...

 

โหมด การวางเลย์เอาท์

 

ก่อนอื่นมาดูองค์ประกอบโดยรวมของรูปแบบธีมที่ exteen ก่อนนะครับ และในเอนทรี่นี้จากรูปประกอบนะครับ สีฟ้า คือส่วนที่เป็น sidebar ส่วนสีเทาคือ ส่วนอื่นๆ

 

รูปแบบที่1 เป็นกรณีที่เปิด sidebar 2 ข้าง อาจจะมีคนถามว่า แล้ว #belly ละ? อ่อ มันเป็นส่วนของพื้นหลังที่คลุมตั้งแต่ #content, #sidebar, #sidebar, #commentform และ .comment ลงไปนั่นนะครับ โค้ดใน CSS นั้นเราต้องเปิดใช้งาน sidebar2

 

 

ผมจะแนะนำเฉพาะรูปแบบโค้ดหลักๆสำคัญๆ ในส่วนของ margin และ padding เป็นเรื่องเฉพาะแต่ละบล็อกแนะนำไปเดี๋ยวบล็อกจะเบี้ยว ส่วนนี้ต้องลองปรับกันเองนะครับ

 

#sidebar{
    float:left;
    width:ค่าความกว้างที่กำหนดเอง;
    background: กำหนดพื้นหลัง
}


#sidebar2{
    float:right;
    width:ค่าความกว้างที่กำหนดเอง;
    background: กำหนดพื้นหลัง
}

 

จากโค้ดข้างบนอธิบายว่าเปิด sidebar ที่ฝั่งซ้ายมือ และ sidebar#2 ที่ฝั่งขวา สลับกันก็ได้นะ แต่ต้องดูค่า margin กับ padding ด้วย

 

 

รูปแบบที่2  เป็น Default theme เลย ซึ่งทันทีที่ใช้ธีมเวอร์ชั่นใหม่ก็ไม่ต้องเปลี่ยนอะไรมันจะเซทให้ใช้ #sidebar และปิด #sidebar2 ไว้

 

โค้ดไม่บอก...นะเออ

 

 

รูปแบบที่3  เป็นการเทคนิคที่ช่วยให้หน้าบล็อกอ่านไวขึ้น จริงๆไม่ได้อ่านไวขึ้นอย่างที่เข้าใจกันหรอกครับที่ถูกต้องคือ อ่าน #content ก่อน #sidebar2 โดยเทคนิคนี้เราต้อง ปิด #sidebar แล้วเปิด #sidebar2 ขึ้นมาแทน

 

โค้ด sidebar รูปแบบที่3

 

#sidebar{
    display:none
}


#sidebar2{
    float:right;
    display:inline;
    width:ค่าความกว้างที่กำหนดเอง;
    background: กำหนดพื้นหลัง
}

 

 

มาดูแบบที่เหมือน หรือดูคล้ายธีม wordpress บ้าง ในแบบที่4 ด้านล่างครับ

รูปแบบที่4 หลายๆบล็อกใช้งาน sidebar แบบนี้ ซึ่งวิธีใช้งานก็ไม่ได้พิศดารอะไร เพียงใส่sidebar ให้ float ไปทางขวาและ content ไปทางซ้าย

 

จากรูป เราก็มาดูโค้ด...

 

#content{
    float:left
}

#sidebar{
    float:right
}

#sidebar2{
    float:right;
}

 

 

และมาดูแบบที่5 กันต่อด้านล่างครับ

รูปแบบที่ 5 จะเหมือนรูปแบบที่4 เพียงแต่กลับค่า float เป็นซ้ายเท่านั้น (แล้วจะสอนซ้ำไปทำไมหนอ)ดูดค้ดแล้วแกะเอานะจ๊ะ 

 

โค้ดแบบที่ 5..

 


#content{
    float:right
}

#sidebar{
    float:left
}

#sidebar2{
    float:left
}

 


 

และบางบล็อกที่ไม่ใช้ sidebar ก็มี...

 

 

โหมดแต่งสี ลงรูป sidebar

 

ในส่วนของการใส่รูป เทสีที่ sidebar เบื้องต้นผมคิดว่าทุกคนคงจะกันเป็นทุกคน แล้วถ้าเราอยากจะใส่รูสวยๆละทำยังไง ลองมาสไตล์การใช้ภาพแต่งกันดูครับ

 

 

รูปแบบที่1 เป็นแบบเบสิคที่สุด โค้ดง่ายๆครับ อยู่ที่การใช้รูปที่เหมาะสมเท่านั้นเอง

 

โค้ดแบบที่ 1

 

 #sidebar{
    background: url(ที่ฝากไฟล์รูป);
}

 

ในส่วนของ properties ต่างๆ ที่เกี่ยวข้องกับ background ท่านสามารถอ่านเพิ่มเติมได้ที่เว็บนี้ครับ w3schools และ tizag

 

 

รูปแบบที่2 เป็นแบบที่บล็อกผมใช้อยู่ โดยเป็นการแยกในแต่ละ module ออกจากกัน ซึ่งทำให้ sidebar ดูเป็นระเบียบมากยิ่งขึ้น

 

ก่อนอืนต้องสร้างรูปก่อนครับ ดังตัวอย่างที่ผมทำใน Photoshop ของจริง กว้าง280px สูง 1587px จากนั้นก็สไลซ์แยกส่วนหัว กับ ส่วนล่าง(ส่วนลิงค์) ออกจากกัน แล้วเอาไปฝากไฟล์ไว้

ดูรูปแบบโค้ด.....

 

ในส่วนล่าง (ส่วนใส่ข้อความลิงค์)

 

#sidebar .module ul{
    background: url(ที่ฝากไฟล์รูป); 
}

 

และส่วนวางข้อความพวก Previously, Comment Alert ส่วนนี้เราต้องทราบความกว้างและความสูงของรูปด้วยนะครับ

 

#sidebar #recommend h2, #sidebar #previous h2, #sidebar #commentalert h2, #sidebar #archives h2{
background: url(ที่ฝากไฟล์) left top no-repeat;
    width:ความกว้างของรูป;
    height:ความสูงของรูป;
}
 

 

ถ้าจะเพิ่ม Favourite กับ Link ก็ทำในทำนองเดียวกันครับ ลองดูในโค้ดเดิมว่ามันใช้ค่าตรงนั้นว่าอะไร (โรคขี้เกียจกำเริบ ไว้มีคนถามค่อยตอบแล้วกัน)  รูปแบบนี้เป็นรูปแบบที่บล็อกผมใช้ ณ ปัจจุบัน..

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

 

 

รูปแบบที่3 โค้ดจะยุ่งยากขึ้นมาหน่อย โดยที่เราจะต้องใส่โค้ดใน module ที่เราต้องการแก้ไขให้ถูกต้องด้วย แต่ก็ไม่ยากนักนะ ถ้าหากว่าท่านแต่งตามแบบที่2 ได้ ในตัวอย่างรูปแบบที่3นี้ ในแต่ละ module จะใช้คนละสีแยกจากกันไปเลย

 

โค้ดสำหรับส่วนล่าง (ส่วนข้อความลิงค์)

 

#sidebar #commentalert.module ul{
    background: url(ที่ฝากไฟล์สีที่1);
}

#sidebar #recommend.module ul{
    background: url(ที่ฝากไฟล์สีที่2);
}

#sidebar #previous.module ul{
    background: url(ที่ฝากไฟล์สีที่3);
}

#sidebar #favourites.module ul{
    background: url(ที่ฝากไฟล์สีที่4);
}

#sidebar #links.module ul{
    background: url(ที่ฝากไฟล์สีที่5);
}

#sidebar #categories.module ul{
    background: url(ที่ฝากไฟล์สีที่6);
}

#sidebar #archives.module ul{
    background: url(ที่ฝากไฟล์สีที่7);
}

 

และส่วนของหัวข้อต่างๆ ทีนี้ต้องทำแยกแล้ว ไม่เหมือนแบบที่2

 

#sidebar #commentalert h2{
    background: url(ที่ฝากไฟล์สีที่1); height:ความสูงของรูป; width:ความกว้างของรูป;
}

#sidebar #recommend h2{
    background: url(ที่ฝากไฟล์สีที่2); height:ความสูงของรูป; width:ความกว้างของรูป;
}

#sidebar #previous h2{
    background: url(ที่ฝากไฟล์สีที่3); height:ความสูงของรูป; width:ความกว้างของรูป;
}

#sidebar #favourites h2{
    background: url(ที่ฝากไฟล์สีที่4); height:ความสูงของรูป; width:ความกว้างของรูป;
}

#sidebar #links.module ul{
    background: url(ที่ฝากไฟล์สีที่5); height:ความสูงของรูป; width:ความกว้างของรูป;
}

#sidebar #categories h2{
    background: url(ที่ฝากไฟล์สีที่6); height:ความสูงของรูป; width:ความกว้างของรูป;
}

#sidebar #archives h2{
    background: url(ที่ฝากไฟล์สีที่7); height:ความสูงของรูป; width:ความกว้างของรูป;

 

เลือกทำเฉพาะเท่าที่ใช้เท่านั้นก็พอนะครับ จะได้ไม่เหนื่อยมากนัก 

 

 

โหมด เพิ่มสีสันการเลื่อน sidebar ด้วย hover link

 

ที่นี้การแต่งลิงค์ให้สวยงาม กลมกลืนกับบล็อกก็มีส่วนช่วยให้บล็อกงามขึ้นมิใช่น้อย เป็นเทคนิคเก่าที่มีในธีมบล็อกแบบเก่า ผมเอามาสอนใหม่ เป็นการใส่ hover ให้กับ list หากท่านยังนึกภาพไม่ออกลองจิ้มๆ sidebar บล็อกผมดูก็ได้ครับ ลักษณะจะเป็นแบบนั้น ที่มีพื้นหลังสีฟ้าๆ วิ่งตามเมาส์ในขณะที่จิ้มบน sidebar

 

รูปแบบของลิงค์ทั่วๆไป แล้วถ้าวาง hover list ละ จะออกมาในลักษณะนี้

 

จะเห็นว่าทันทีที่วางเมาส์บนบรรทัดที่มีลิงค์ จะมีพื้นหลังสีน้ำเงินปรากฏ เพิ่มความโดดเด่นให้กับบรรทัดนั้นที่ลากเมาส์ผ่านได้มากเลยทีเดียว ส่วนโค้ด ท่านสามารถวางเพิ่มลงไปได้ในหน้าแต่ง css

 

#sidebar .module li:hover{
        background: #ค่าสี;

 

ดูตัวอย่างการใช้ hover list เพื่อเพิ่ม ความโดดเด่นให้กับข้อความที่ลิงค์

 

 #sidebar {
    background: #eac9fd;
}

#sidebar a{
    color: #474747;
}

 

 

#sidebar .module li:hover{
    background: #474747;
    color:#eac9fd;
}

 

ท่านจะเห็นว่า sidebar ปกติจะเป็นสีชมพู ตัวอักษรสีดำ แต่ในบรรทัดที่เอาเมาส์ไปวางจะสลับสีกันกลายเป็นตัวอักษรสีชมพู และพื้นหลังสีดำ

 

 

โหมด ใช้ รูปแทนลิงค์

 

และเทคนิคการแต้มแต่งลิงค์ที่เป็นของเก่าเอามาเล่าใหม่อีกอันหนึ่งคือ ใส่รูปลงไปแทนข้อความลิงค์ (ใช้กับ Favก็ได้เช่นกัน) 

 

 

โดยรูปที่ html code จะเป็น

 

 

รูปแบบLinkปกติ

 

 

รูปแบบการใช้รูปที่ผมแนะนำจะมีสองแบบนะครับ งานนี้ท่านต้องมีฝีมือในการทำรูปบ้างนะ... โดยใช้โปรแกรมพวก Adobe Photoshop, Adobe Illustratorหรือ The Gimp ก็ได้ตามแต่ความถนัด และความสะดวก


 

รูปแบบที่1  ใช้รูปที่ขนาดเกินกว่าครึ่งหนึ่งของ sidebar

 

พอแต่งรูปเสร็จแล้วก็เอาไปฝากไฟล์ จากนั้นก็นำโค้ดไปใส่ในช่อง Description ครับ ถ้าไม่พลาดจะได้ตามตัวอย่างนี้ 

สี่เหลี่ยมสีแดงๆ คือระยะภายใน margin ที่เราตีกรอบไว้ ทางซ้ายมือของรูปลิงค์ไปยัง photobucket จะมีที่ว่างๆ อันเกิดจากการที่เราไปกำหนดค่า padding ไว้นั่นเอง

รูปแบบที่2 ใช้รูปที่กว้างน้อยกว่าครึ่งหนึ่งของขนาด sidebar

ในลักษณะนี้ท่านต้องจัดค่า margin และอาจรวมไปถึงค่า padding ให้ออกมาสวย ถ้าหากใช้เว็บเบราเซอร์ Mozilla Firefox งานนี้หมูเลยครับ เพียงแค่ติดตั้ง add-on ที่ชื่อ Web Developer หรือ Firebug เพื่อส่อง+ลองจัดในหน้าเว็บจริงๆ ได้ทันที สำหรับท่านที่ใช้ Web Developer ผมเคยเขียนเอนทรี่สอนไปคร่าวๆแล้ว

ใช้ Web Developer แต่งบล็อกอย่างเทพ  เสริมด้วย แสดงห้องภาพแบบไม่ง้อตาราง

และหน้าตาของลิงค์ที่ได้

เพิ่มโค้ดสำคัญตัวนี้ลงไปด้วย และก็จัด margin, padding ต่อเลยครับ

 

 #sidebar #links li{
    display: inline;
}

 

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

ศึกษาเพิ่มเติมได้จากส่วนของ Palermos :: Blog Decoration Tips ครับ

Comment

Comment:

Tweet

#77 By สติ๊กเกอร์ไลน์ (183.89.83.82|183.89.83.82) on 2014-11-28 00:33

กำลังเบื่อแบบเดิมเลยครับ อยากลองเปลี่ยนหน้าตาให้โดนๆ ครับ
ขอบคุณครับ

#75 By เกษตรพอเพียง (124.120.251.144) on 2012-04-07 01:48

ยังไม่ค่อยเข้าใจ จะพยายามทำความเข้าใจ เพื่อ $ ของหนู ^_^

แวะมา ติชม แนะนำ หนู หน่อยจ๊ะ

http://www.beautyhighlight.com/

#74 By Espress0 (182.53.193.211) on 2011-08-29 21:34

ข้อมูลเยอะดีครับ มีแนวโม้ทั้งธีมป่าวครับ

#73 By ซ่อมคอมพิวเตอร์ (124.122.151.40) on 2011-04-17 22:22

เอ่อ มาใหม่ ค่อนข้าง งง กับการใช้งาน = =

#72 By Muse '' on 2010-10-16 17:54

ดีจิงๆคับ
แต่ยากจังไม่ค่อยอยากทำเลย(ขี้เกียจ)

#71 By i-tose on 2010-10-15 16:16

ยากง่า เวียนหัวมากเลย

ขอบคุณค๊าฟจะหัดๆทำไป

#70 By Sol#~ on 2010-10-06 11:43

ขอบคุณสำหรับบทเรียนดีๆค่ะbig smile Hot! Hot! Hot!

#69 By G-ROZBER on 2010-07-20 23:00

-ขอบคุณมากค่า!

#68 By chavarina on 2010-01-04 17:42

Hot!
สุดยอด อ่านง่าย เข้าใจดี
ต้องลอง

#67 By Pe@ & KeE on 2009-10-17 11:32

ใส่ลิงค์อ่ะค่ะ ไม่ได้ซะทีเลย...

ทำยังไง๊ยังไงมันก็ขึ้นเป็นโค้ด...เริ่มเซ็งที่จะแก้แล้วนะ

แต่ก็ขอบคุณค่ะ

#66 By —•dongseng•— on 2009-09-13 17:02

Hot! Hot! Hot! Hot! Hot!
thx you

#65 By momoisamu on 2009-08-28 14:31

#61 ต้องขยายความกว้างของตัวบล็อกรองรับด้วยครับ

#64 By palermos on 2009-08-09 15:25

ขอบคุณครับละเอียดดีจัง

#63 By Eitchiko on 2009-08-09 09:35

สวยมากเลยค่ะ บล็อคนี้ หามานานแล้วที่จะสอนแต่ง wordpress เท่าที่เห็น เห็นมีมาแต่แนะนำ plugin เขียนเรื่อย ๆ นะคะ

มือใหม่หัดทำบล็อค กำลังเอา ธีมเขามาโม อยู่ หยิบเอาบทความนี้ ไปใช้ได้มากเลยค่ะ

#62 By vihok (112.142.232.98) on 2009-06-30 07:14

ตั้ง sidebar แบบวางคู่กัน แต่มันดันไปต่อท้ายอ่าค่ะ จะต้องแก้อะไรยังไงคะ

งง การวางโค้ด เพราะมีนมีตัวนี้อยู่แล้วอ่าค่ะ
#sidebar, #sidebar2{
background:#B0EE53;
display:inline;
float:left;
margin:3px 25px 0px 0px;
width:215px;
}
ว้าวววว ขอบคุณมากมายค่ะ

เข้าใจมากขึ้นตั้งเยอะแหนะ อิอิ

ps.ขอ add นะคะ ^^


||P2OM@SN-C||

#60 By SN-C on 2009-05-01 11:28

ขอบคุณค่ะที่ทำให้เข้าใจการแต่งบล็อกมากขึ้นbig smile

#59 By abletutor on 2009-04-26 02:32

ลองทำแล้วอ่ะค่ะ

(ลงรูป sidebar)

แต่มันก็ไม่เกิดอะไรขึ้น

ช่วยแนะนำหน่อยนะค่ะ

ยังไม่ค่อยเข้าใจอ่ะค่ะsad smile sad smile

#58 By i-sa-byez on 2009-04-03 14:39

ขอบคุณสำหรับความรู้ครับ ผมขโมยไปใช้หลายอย่างเลย แฮ่ๆsad smile

#57 By Bits Boy on 2009-04-01 03:25

สุดยอดครับ อาจารย์

#56 By coontui on 2009-03-17 23:37

ขอบคุณมากค่าsurprised smile Hot!

#55 By Mill on 2009-03-17 14:10

สุดยอดเลยค่ะ
เข้าใจแล้วจะลองเล่นดูนะคะ

#54 By Solma Arvelate on 2009-01-19 21:05

บ้าพลัง เอ๊ย ขยันเขียนสุดๆเลยค่ะ
แบบนี้ชอบcry

#53 By talalan on 2008-12-06 06:44

Thank you very much.
เขียนดีมากๆครับ ผมตอนนี้กำลังหาข้อมูลSIDE BARอยู่เลย กำลังงมเขียนอยู่ แฮะๆ
ขอบคุณมากครับ

ผมจะลองเอาไปปรับใช้กับบล็อกผมบ้าง big smile

#51 By KiMBuM (58.9.177.152) on 2008-11-09 18:45

ว๊าวๆๆๆคำแนะนำสำหรับเด็กง่าวอย่างเราๆๆ

#50 By CoolwAr on 2008-11-09 06:05

ที่บล็อคตอนนี้ก็มั่ว ๆ เน่า ๆค่ะ

แต่งไปตามสัญชาตญาณ(ปานนั้น -*-)

ไม่ได้มีความรู้เรื่อง เว็บกะเค้าเลย

แต่คราวนี้ก็ได้เริ่มเรียนรู้แล้วล่ะค่ะ

ขอแอด Fav. ไว้ก่อน แล้วว่าง ๆ+ไม่ขี้เกียจ

จะศึกษาตามนะคะ

#49 By DorAanNe ::InDe on 2008-11-04 21:13

ขอบคุณมากค่ะ ดูน่าใช้สุดๆ

#47 By Yuminaee on 2008-10-08 18:20

อ่า ขอบคุณมากนะคะ

#46 By chocolateto on 2008-10-05 23:38

<script type="text/javascript"><!--
copy_text = new Object();
copy_text[0] = "キタ━━(゚∀゚)━━!!";
copy_text[1] = "((((;゚Д゚)))";
Board_color = "red";
vmargin = "10px";
//--></script>

อันนี้อะคะโค้ดที่ก๊อปมาจากเว็บ
แต่ว่าตัดช่วงท้ายออกไปแล้วนะคะ
เพราะว่ามันมีส่วนที่จะไม่เอาน่ะคะ

#45 By chocolateto on 2008-10-05 19:05

รบกวนถามหน่อยนะคะ
อยากทราบว่าพวกตัวการ์ตูนที่เอามาใส่ตรงสไลด์บาร์อะคะเวลาใส่ ใส่ยังไงเหรอคะ
พยายามลองแล้วใส่ แต่ไม่ได้อะคะ
(ประมาณว่าเหมือนใส่นาฬิกาอะคะ แต่ของเรามันเป็นสคิปบอร์ด)
ก๊อปโค้ดมาลงแล้ว แต่ไม่ได้เลย ไม่รู้ต้องทำยังไง รอบกวนด้วยนะคะ

#44 By chocolateto on 2008-10-05 12:36

โห ขอบคุณมากค่ะ เขียนเข้าใจง่ายดีแฮะconfused smile

me/แวบไปทำมั่งดีกว่า

#43 By Cat dreams wanna fly. on 2008-09-16 16:41

อืม...มีประโยชน์มากเลยครับ ถ้าผมอยากจะหาข้อมูลเกี่ยวกับ CSS เพิ่มเติมมีที่ไหนแนะนำมั้ยครับ?confused smile

#42 By Mongkhon on 2008-09-10 09:47

มีประโยชน์มากๆค่ะ เดี๋ยวต้องลองแต่งบ้าง ขอบคุณมากมายค่ะHot!

#41 By ..KaTeLaDa.. on 2008-09-09 13:26

คงต้องใช้เวลาศึกษาแล้วไปทำพอสมควรนะเนี่ยะ

#40 By manee on 2008-08-28 21:54

ขอบคุณมากๆ ค่ะ ได้ความรู้ดีๆ อย่างนี้แล้วอยากรีบกลับไปแต่งภาพ แต่งบล็อกให้แจ่ม ต้องฝึกฝีมือกันซะแล้ว Hot!

บล็อกสวยมากๆ ค่ะ ชอบกล่องคอมเมนต์นี่จัง big smile วันหลังสอนทำบ้างนะคะ
ทำได้แล้วค้าบบ

ขอบคุณมากค้าบ

อิอิ

big smile big smile

#38 By Meaw MaDCaT on 2008-08-25 17:45

กล่องคอมเม้นท์สวยจัง
บล็อคมีประโยชน์มากเลย
คงเข้ามาดูบ่อยๆเพราะตอนนี้หัดแต่งบล็อคอยู่ล่ะ big smile

#37 By εїз.moni on 2008-08-25 16:28

#35 ส่องด้วย Internet Explorer 7 ใช่ไหมครับ.. มันเป็นบักของ IE7 ถ้าส่องด้วย Firefox ไม่พบอาการที่ว่านะครับ

ต้องแก้ css นะ

#36 By palermos on 2008-08-25 15:49

อืม

เนื้อหาในเอนทรี่อ่ะค้าบมันอยู่ตรงกลางเลย

ลองทำตามที่บอกแล้วมานก้อไม่ชิดซ้ายอ่ะค้าบบ

#35 By Meaw MaDCaT on 2008-08-25 15:46

CM (CSS Master) เอาความรู้มาฝากอีกแล้วเก็บก่้อน

เดี๋ยวว่างจะมาทำ

Hot! Hot! Hot! Hot! Hot!

เอาไป 5 กระโหลก confused smile

#34 By Maxtrix™ on 2008-08-25 12:29

โอ้น่าลองๆขอบคุณสำหรับข้อมูลนะครับ
เรื่องหนังสือถ้าสนใจ คุยกันที่ poppoonly@yahoo.com
นะครับ เดี๋ยวผมขายให้ในราคาพิเศษ
แถมแม็กเน๊ตให้ด้วย พร้อมลายเซ็นต์
ลองส่งที่อยู่มาทางเมล์นะครับเดี๋ยวผม
จะส่งลายละเอียดกลับไป ขอบคุณที่สนับสนุนนะครับ

double wink

#33 By lekprapan on 2008-08-25 09:27

Hot!
แจ่มเลยค่ะ ประโยชน์มากโข
ขอบคุณที่แบ่งปันค่ะ surprised smile

#32 By .::little-wing::. on 2008-08-24 23:51

ขอบคุณมากค่ะ
เอ...แต่ว่าจะแปลงร่างเป็นไรคะ อยากรู้จัง
555+
เก่งมากค้าบ.... คราวก่อนผมก็เข้ามาปรึกษาที่นี่ ได้รับคำตอบเร็วมาก ยังซึ้งน้ำใจอยู่เลย

#30 By หนึ่ง on 2008-08-24 22:37

Hot! เป็นประโยชน์มากๆค่ะ ขอบคุณนะคะ

#29 By eeddy(อี๊ด) on 2008-08-24 21:45

เป็นประโยชน์มากค่ะ..
อยากจะทดลองทำเหมือนกันค่ะ.

big smile

#28 By PunPrai on 2008-08-24 21:23