• พรายพิลาศ
  • ranking : สมาชิกทั่วไป
  • วันที่สร้าง : 2009-03-13
  • จำนวนเรื่อง : 86
  • จำนวนผู้ชม : 490526
  • จำนวนผู้โหวต : 169
  • ส่ง msg :
  • โหวต 169 คน
<< พฤศจิกายน 2012 >>
อา พฤ
        1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30  

[ Add to my favorite ] [ X ]


วันพฤหัสบดี ที่ 22 พฤศจิกายน 2555
Posted by พรายพิลาศ , ผู้อ่าน : 7703 , 15:05:56 น.  
หมวด : วิทยาศาสตร์/ไอที

พิมพ์หน้านี้
โหวต 24 คน naiberm , ni_gul และอีก 22 คนโหวตเรื่องนี้

 

 

..... จากการที่ได้มีโอกาสพูดคุยกับพี่แม่มดเดือนMarch ถึงเรื่องการแต่งบล็อกด้วยชุดคำสั่ง CSS    ซึ่งผมเองพอรู้อยู่

ในระดับงูๆ ปลาๆ เท่านั้น แต่ท่านก็ได้แนะนำว่าหากผมจะลองเขียนถึงสิ่งที่ตัวเองพอรู้อยู่นี้ขึ้นมาซัก entry หนึ่ง อย่าง

น้อยก็น่าจะเป็นประโยชน์ให้กับผู้ที่ไม่รู้เลยอีกหลายๆ คนได้ และนั่นก็เป็นที่มาของเนื้อหาในบทความนี้  ซึ่งผมได้แบ่ง

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

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

เช่นกันน่ะครับ .................................................................................................................................

 

 

 

 

 

 

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

ตาขึ้น กันอย่างคร่าวๆ ก่อนเลยก็แล้วกันครับ ...........................................................................................

 

..... CSS (Cascading Style sheet)  คือ  ชุดคำสั่งที่กำหนดผลการแสดงข้อมูลบนหน้าเว็บเพจ ซึ่งในที่นี้ก็ได้แก่

รูปแบบลักษณะต่างๆ ที่เราเห็นอยู่ใน Template ของแต่ละบล็อกนั่นเองครับ   ไม่ว่าจะเป็นรูปภาพ   สีตัวอักษร   หรือ

ขนาดของตัวอักษร   ทุกอย่างล้วนแล้วแต่ถูกกำหนดโดยรหัสคำสั่ง CSS ทั้งสิ้น  ซึ่งแน่นอนว่าถ้าเราจะเขียนมันขึ้นมา

ใหม่ ก็คงต้องใช้ความรู้ความชำนาญอยู่พอสมควร   แต่พอดีว่าสิ่งที่ผมจะแนะนำต่อไปนี้ มิใช้ ‘การสร้าง’ ชุดคำสั่งขึ้น

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

นั่นก็ทำให้เรื่องยากๆ กลายเป็นเรื่องที่ง่ายลงมาเยอะเลยทีเดียว ...................................................................

 

 

..... ก่อนที่อื่น .. เราคงต้องมาเตรียมความพร้อมสำหรับการตกแต่งบล็อกกันก่อน ............................................

 

 

..... โดยอย่างแรกที่สมควรเตรียมไว้ก็คือ  ‘รูปภาพ’  เพื่อนำมาตกแต่งในส่วนของ Header และ Topic Header ต่างๆ

ภายในบล็อกของเรา  ซึ่งผมมีเว็บไซต์หนึ่งมาแนะนำ ชื่อ   Worth100.com    เป็นเว็บไซต์ที่รวบรวมภาพตกแต่งด้วย

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

พิมพ์ Keyword ของลักษณะภาพที่เราต้องการลงไป ก็จะมีภาพขึ้นมาให้เลือกแล้ว ...........................................

 

 

..... อย่างเช่นภาพนี้ ........................................................................................................................

 

 

 

 

...... ที่ผมนำมาตัดให้เหลือขนาด 1349x365 ก่อนจะแต่งขอบ และเพิ่มตัวหนังสือด้วยโปรแกรม PhotoScape ........

 



 

 

..... การดาวน์โหลดภาพก็แค่ใช้วิธีการบันทึกไฟล์ภาพตามปกติ ไม่ยุ่งยากอะไร แค่คลิ๊กที่ภาพให้มีขนาดใหญ่ขึ้น จาก

นั้นก็จัดการ ‘save as’ หรือ ‘บันทึกภาพเป็น’ ภาพนั้นก็มาอยู่ในเครื่องของเราเป็นที่เรียบร้อย พร้อมให้เรานำมาแต่งเพิ่ม

เติมตามความชอบและความถนัดของแต่ละท่าน (รูปที่ 1) ..........................................................................

 


 

..... ต่อมาที่ต้องเตรียมไว้ก็คือ  ‘ภาพพื้นหลัง’    เพื่อเพิ่มความเก๋ให้กับพื้นที่ background ในบล็อกขึ้นมาอีกเล็กน้อย

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

ในที่นี้ซักหนึ่งเว็บไซต์ คือ  Grsites.com    ซึ่งก็เป็นเว็บที่ไม่ต้องสมัครเป็นสมาชิกเช่นกัน เพียงเข้าไปในเว็บไซต์แล้ว

ไปที่ Archives บนแถบเมนู จากนั้นเลือก Background Textures  เท่านี้ก็จะมีภาพพื้นหลังลวดลายต่างๆ ขึ้นมาให้เรา

เลือกแล้ว โดยวิธีการดาวน์โหลดก็ทำเหมือนกับวิธีข้างต้นทุกประการ (รูปที่ 2) ................................................

 



 

 

..... เมื่อได้รูปภาพที่จะใช้มาบ้างแล้ว  ลำดับต่อไปให้เปิดโปรแกรมโฟโต้ซ็อปขึ้นมา  เพื่อที่จะใช้หารหัสสีต่างๆ มาใช้

ในบล็อกที่กำลังจะตกแต่ง ซึ่งวิธีการใช้งานก็ตามที่ผมได้อธิบายไว้ในรูปที่ 3 เลยครับ .......................................

 

 


 

 

..... จากนั้นก็ login เข้าบล็อกที่เราจะแก้ไขรหัส CSS กันได้เลย    ในกรณีที่เป็นบล็อกที่เคยเขียนบทความไว้บ้างแล้ว

ให้เปิดบทความขึ้นมาก่อนสักบทความหนึ่งครับ  สำหรับใช้ Refresh ดูผลของการแก้ไขรหัสคำสั่ง CSS ว่าผลออกมา

เป็นที่น่าพอใจหรือไม่ (แต่ถ้าเป็นบล็อกเปิดใหม่ที่ยังไม่ได้เขียนอะไรเลย ก็ผ่านขั้นตอนนี้ไปเลยครับ) จากนั้นให้เลือก

Picture ที่อยู่บนแถบเมนูด้านบน เพื่อจะได้อัพโหลดรูปภาพที่เราเตรียมไว้นั่นเอง (รูปที่ 4) .................................

 



 

 

..... เมื่อเข้ามาในหน้า Picture แล้ว ให้คลิ๊ก    ‘เพิ่ม Gallery’    พร้อมกับกรอกรายละเอียดต่างๆ แล้วเลือกจำนวนรูป

ที่ต้องการอัพโหลดขึ้นมาไว้ จากนั้นจะมีหน้าต่างสำหรับอัพโหลดขึ้นมา ก็ให้คลิ๊ก ‘เลือกไฟล์’ พร้อมกรอกรายละเอียด

ของแต่ละภาพเอาไว้ เมื่อกรอกข้อมูลทั้งหมดเรียบร้อยให้คลิ๊ก   ‘บันทึก’   (รูปที่ 5) ..........................................

 



 

 

..... เสร็จจากการอัพโหลดภาพ ให้คลิ๊กที่   ‘เลือก Gallery’ แล้วคลิ๊กที่รูปภาพ  (รูปที่ 6) ....................................

 



 

 

..... จะปรากฏหน้าต่างใหม่ขึ้นมา  ซึ่งมีรูปที่เราอัพโหลดไว้เมื่อซักครู่รวมอยู่  ให้เปิดหน้าต่างนี้ทิ้งเอาไว้เลย เพราะใน

ขั้นตอนของการแก้ไขรหัสคำสั่ง CSS เราจะต้องคัดลอก URL ของรูปภาพเหล่านั้นไปใช้  (รูปที่ 7) .......................

 



 

 

..... คราวนี้ก็ถึงเวลาเข้าไปตกแต่งบล็อกของเราเพื่อแก้ไขรหัสคำสั่ง CSS กันแล้วล่ะครับ .. ................................

 

..... ให้เลือก ‘Template’ บนแถบเมนู  หากเป็นบล็อกที่เพิ่งเปิดขึ้นมาใหม่ให้เลือกแบบของ Template ที่ต้องการก่อน

จากนั้นคลิ๊ก  ‘แก้ไข CSS’  ซึ่ง Template ที่ผมจะนำมาเป็นตัวอย่างสำหรับแนะนำวิธีการแก้ไขรหัส CSS วันนี้     เป็น

Template  ‘Bird’  ของบล็อกท่องภาพ ทวนอารมณ์ บ้านหลังที่ 2 ของผมเองครับ  (รูปที่ 8) ..............................

 

 


 

 

..... เมื่อเข้ามาในหน้าของการแก้ไข CSS เรียบร้อยแล้ว      สำหรับบล็อกที่เพิ่งเปิดขึ้นมาใหม่ยังไม่ได้เขียนบทความ

อะไรเลย  ขอแนะนำให้ไปสร้างบทความขึ้นมาก่อนสัก 1 บทความนะครับ   โดยให้เขียนอะไรลงไปนิดๆ หน่อยๆ ก็ได้

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

Refresh ดูว่า รหัสคำสั่งที่เราแก้ไขแสดงผลออกมาอย่างไร ........................................................................

 

..... ตอนนี้เท่ากับว่าเรามี 3 หน้า browser ที่เปิดขึ้นมาแล้ว คือ  1. หน้าแก้ไข CSS    2. หน้าบทความตัวอย่าง หรือ

บทความที่เคยเขียนไว้   3. หน้าแสดงรูปที่เราอัพโหลดขึ้นไปไว้  รวมถึงอีก 1 โปรแกรมโฟโต้ช็อปที่เปิดไว้สำหรับคัด

ลอกรหัสสี .. ที่นี้ก็ได้เวลาศัลยกรรมบล็อกกันแล้ว มาลุยกันเลยครับ .............................................................

 

 

 

 

..... เริ่มต้นหัวข้อแรกที่ชุดคำสั่ง ‘layout ของตัวหน้าเว็บ’  ซึ่งการแก้ไขรหัสคำสั่งในส่วนนี้ จะทำให้เราได้ทราบวิธีการ

เปลี่ยนรหัสสีของตัวอักษร และการใช้รหัสคำสั่งแสดงรูปภาพ  โดยผมจะค่อยๆ แนะนำไล่ลงไปตามลำดับรหัสคำสั่งที่

สร้างขึ้นไว้ในชุดรหัสนี้ เริ่มจากคำสั่ง  ‘ส่วนของ body หน้าเว็บ’  ซึ่งก็คือส่วนของบล็อกที่ผมระบายสีเหลืองเอาไว้ใน

รูปที่ 9 นั่นเอง ................................................................................................................................

 



 

 

..... จุดที่น่าสนใจในคำสั่ง ‘ส่วนของ body หน้าเว็บ’อยู่ที่ รหัสคำสั่ง ‘background:#ffffff;‘ ซึ่งเป็นคำสั่งแสดงผลใน

เรื่องของสีพื้นหลังนั่นเอง โดยตัวอักษร ffffff ที่เห็นอยู่นั้นก็คือ  ‘รหัสสี’   ของพื้นหลังที่ถูกตั้งไว้ให้แสดงผลเป็นสีขาว

บนหน้าจอนั่นเอง ตรงนี้เราสามารถแก้ไขรหัสสี ให้กลมกลืนไปกับพื้นหลังส่วนอื่นๆ ของบล็อกได้ ด้วยการเปลี่ยนรหัส

สีที่อยู่ระหว่างเครื่องหมาย # และ ; เสียใหม่ โดยเข้าไปเลือกสีที่ต้องการจากโปรแกรมโฟโต้ช็อป (รูปที่ 3) ที่เปิดเอา

ไว้ จากนั้นก็ Copy รหัสสีซึ่งเป็นตัวเลขหรือตัวอักษร 6 หลักมาวางแทนที่ ดังที่แสดงไว้ในรูปที่ 9.1 ......................

 



 

 

..... ซึ่งในที่นี้ผมเลือกใช้รหัสสีดำมาวางแทน          ทำให้คำสั่งแสดงผลใหม่ของผม                  ถูกเปลี่ยนมาเป็น

background:#000000;  จากนั้นก็กด  ‘บันทึก’ และเมื่อไป refresh ที่หน้าบทความดู เราก็จะเห็นว่า สีที่แสดงผลบน

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

 



 

 

..... นอกจากจะเปลี่ยนรหัสสีได้แล้ว  ในคำสั่ง background เรายังสามารถนำรหัสภาพมาใช้แทนด้วยก็ได้     โดยใช้

URL ของภาพที่เราอัพโหลดขึ้นไปไว้ก่อนหน้านี้ ......................................................................................

 

..... (วิธีการคัดลอก URL ของภาพ เราก็แค่เข้าไปยังหน้ารวมภาพที่เปิดไว้ แล้วคลิ๊กขวาที่ภาพซึ่งเราต้องการนำมาใช้

จากนั้นให้เลือก   ‘เปิดลิ้งก์ในแทปใหม่’   ก็จะมี browser หน้าใหม่เปิดขึ้นมา  ซึ่งเราสามารถเข้าไปคัดลอก URL ของ

ภาพนั้นได้จากช่อง Address ที่อยู่ด้านบน) ............................................................................................

 

..... ซึ่งจะมีรูปแบบคำสั่งที่เปลี่ยนไปคือ จากคำสั่ง  background:#000000;  ก็จะเปลี่ยนมาเป็น   background: url

(www.oknation.net/blog/home/user_data/album_data/201210/01/56170/images/463751.jpg);   หรือพูด

ง่ายๆ ก็คือ เราแค่เปลี่ยนแปลงคำสั่ง ที่อยู่ระหว่างเครื่องหมาย : และ ; จากรหัสสี ที่เป็น #000000 ให้มีเป็นรหัสภาพ

ที่เป็น url (url ของภาพ) เท่านั้นเอง (รูปที่ 11) .......................................................................................

 



 

 

..... เมื่อเปลี่ยนรหัสคำสั่งเรียบร้อยแล้วให้กด  ‘ตกลง’ แล้วลองไป Refresh ที่หน้าบทความที่เปิดเอาไว้ จะพบว่าผลที่

แสดงออกมาในส่วนของพื้นหลังได้เปลี่ยนเป็นรูปภาพเรียบร้อยแล้ว ดังในรูปที่ 12 ...........................................

 

 


 

 

..... ซึ่งวิธีการการแก้ไขรหัสคำสั่งแสดงผลไม่ว่าจะเป็น ‘รหัสสี’  หรือ  ‘รหัสภาพ’   ต่อไปเราจะได้ใช้บ่อยขึ้นเรื่อยๆ ใน

การการแก้ไขรหัสคำสั่ง CSS ของหัวข้อคำสั่งอื่นๆ ในลำดับต่อๆ ไปครับ ........................................................

 

..... มาที่หัวข้อคำสั่งในลำดับถัดไปในส่วนของ  ‘ครอบเนื้อหาทั้งหมด’   ซึ่งก็ได้แก่พื้นที่แสดงผลคำสั่งหน้าจอส่วนที่

เป็นสีขาวทางซ้ายมือ ที่ผมระบายสีเหลืองเอาไว้ในรูปที่ 13 นั่นเอง ..............................................................

 



 

 

..... ต้องใช้วิธีการแก้ไขคำสั่งแสดงผลด้วย ‘รหัสสี’ หรือ ‘รหัสภาพ’ กันอีกแล้วครับ  ซึ่งวิธีทำก็ไม่ต่างจากการแก้ไขใน

‘ส่วนของ body หน้าเว็บ’ ที่เพิ่งจะทำกันมาเลย คือเข้าไปแก้ไขที่ background: โดยการเปลี่ยนรหัสสี #?????? หรือ

ใช้รหัสคำสั่งแสดงภาพ url (????? url ของภาพ ?????)    เข้าไปวางแทนที่รหัสคำสั่งเดิมที่อยู่ระหว่างเครื่องหมาย :

และ ; เท่านั้นเอง (รูปที่ 14 และ 15) ....................................................................................................

 


 


 

 

..... ไล่เรียงลงมาในลำดับต่อไป   เป็นส่วนของการแก้ไขรหัสในหัวข้อ   ‘ลิ้งก์ตัวอักษรทั้งหน้า’        ซึ่งเป็นส่วนของ

permalink ที่ Template ได้กำหนดการเชื่อมโยงไว้ให้แล้วโดยอัตโนมัติ  เช่น    ชื่อของบทความ หรือชื่อของบุคคล

เป็นต้น ดังนั้นสิ่งที่เราสามารถแก้ไขได้ในจุดนี้ก็คือเรื่องของการปรับแต่ง ‘รหัสสี 6 หลัก’ ตามที่เราพอใจ โดยสามารถ

แก้ไขได้ที่คำสั่ง color ซึ่งวิธีการก็จะเหมือนกับการแก้ไขรหัสสีที่เราได้ทำมาแล้วนั่นล่ะครับ (รูปที่ 16) ...................

 

..... ดังนั้นตรงจุดนี้ผมจึงจะขออธิบายเพียง  ‘ความหมาย’  ของรหัสคำสั่งเพื่อให้เกิดความเข้าใจถึงจุดที่เราจะแก้ไขได้

มากขึ้น กล่าวคือ .............................................................................................................................

 

.....รหัสคำสั่ง div a:link,td a:link,body a:link   (ชุดคำสั่งแถวบน)  หมายถึง สีตัวอักษรของผู้โหวตบทความ และ

ตัวเลขผู้ถูกใจความคิดเห็น (อาจรวมถึงอักษรอื่นๆ อีกดวย ซึ่งผมเองก็ไม่ทราบทั้งหมดจริงๆ) ..............................


..... รหัสคำสั่ง div a:visited,td a:visited,body a:visited   (ชุดคำสั่งแถวกลาง)   คือสีตัวอักษรของหัวข้อบทความ

ของเรา .........................................................................................................................................


..... รหัสคำสั่ง div a:hover,td a:hover,body a:hover (ชุดคำสั่แถวล่าง) คือ สีเหลื่อม หรือสีที่เปลี่ยนไปเมื่อเรานำ

เม้าส์ไปจี้ในส่วนที่ถูกทำ Permalink ไว้      ซึ่งในที่นี้เป็นสีเหลื่อมของตัวอักษรจากชุดคำสั่งทั้งแถวบนและแถวกลาง

 


 

 

..... ถัดมาเป็นส่วนของ ‘ฟอนท์ทั้งหน้า’    ซึ่งไม่มีอะไรให้ต้องแก้ไข ดังนั้นจึงขอข้ามมาแก้ไขในส่วนหัวข้อรหัสคำสั่ง

‘สีตัวอักษรอื่นๆ ทั่วไป’ เลยนะครับ .......................................................................................................

 

..... ‘สีตัวอักษรอื่นๆ ทั่วไป’   เป็นรหัสสีตัวอักษรมาตรฐานที่กำหนดไว้ใน CSS ของแต่ละ Template อยู่แล้ว เช่น ใน

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

color:#000000;   ที่เห็นอยู่ในส่วนของคำสั่ง black เป็นต้น     ซึ่งถ้าเราพอใจจะให้สีของมันเป็นเช่นนั้นก็ไม่ต้องไป

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

ไม่สามารถมองเห็นตัวหนังสือเหล่านั้นได้เลย ดังเช่นในบล็อกนี้ของผม  ที่คำว่า ความคิดเห็น กลืนหายไปกับพื้นหลัง

สีดำ (รูปที่ 17) ...............................................................................................................................

 



 

 

..... ซึ่งก็ทำให้จำเป็นจะต้องแก้ไขรหัสสีเสียใหม่ ยกตัวอย่างเช่น   black color: #000000;   เราก็ต้องเปลี่ยนให้เป็น

black color: #ffffff;    ดังเช่นที่ผมแก้ไขในรูปที่ 18 ................................................................................

 



 

 

..... ซึ่งเมื่อแก้ไขรหัสสีแล้ว หัวข้อความคิดเห็น และลำดับของความคิด ก็จะแสดงผลออกมาบนหน้าจอเป็นสีอื่นตาม

รหัสสีที่ใส่ลงไปใหม่ ดังเช่นในรูปที่ 19 .................................................................................................

 



 

 

..... ส่วนรหัส permalink ก็คือสีของตัวอักษรที่เป็น link เชื่อมต่อ โดยที่เราเป็นคนกำหนดขึ้นมาเอง ว่าจะให้ประโยค

ไหน หรือข้อความใด เชื่อมต่อไปยังที่ใดที่หนึ่ง หรือเว็บไซต์อื่นๆ   การแสดงผลก็จะเป็นเช่นเดียวกับที่ได้กล่าวไว้ข้าง

ต้น กล่าวคือ รหัสคำสั่ง  permalink และ .permalink a:link,.permalink a:visited  จะเป็น  ‘รหัสสีตัวอักษรหลัก’ ที่

แสดงอยู่ในบทความ ส่วนรหัสคำสั่ง permalink a:hover จะเป็น ‘รหัสสีเหลื่อมของตัวอักษร’ ซึ่งทั้งหมดที่กล่าวมาใน

ส่วนนี้ สามาถแก้ไขรหัสสีได้ที่ color เช่นเดียวกันครับ (รูปที่ 20) .................................................................

 



 

 

 

 

..... มาถึงหัวข้อคำสั่งต่อมาในส่วน ‘header ตัวหน้าเว็บ’   ซึ่งจะเป็นรหัสคำสั่งที่แสดงผลอยู่ด้านบนสุด หรือส่วนของ

รูปที่เรานำมาใช้เป็น Blog Header นั่นเอง โดยผมจะขออธิบายไล่เรียงลงมาตามลำดับคำสั่งที่เรียงไว้ เริ่มจาก ........

 

..... รหัสคำสั่ง  ‘ส่วนของหัว header’  ซึ่งก็ได้แก่ส่วนของรูป  Blog Header  ที่เราจะนำมาใช้เป็นหัวบล็อก   ซึ่งมีจุด

สำคัญในการทำการแก้ไขอยู่ 2 แห่ง ด้วยกันคือ การเปลี่ยนรหัสคำสั่งแสดงรูป   (URL ของรูปภาพที่ต้องใส่ในวงเล็บ)

และการกำหนดขนาดตามความสูงของรูปเพื่อให้การแสดงผลคำสั่งออกมาสวยงาม ..........................................

 

..... โดยทุกครั้งที่เราเปลี่ยนรูปหัวบล็อกซึ่งมีความสูงต่างกัน เราจะต้องกำหนดค่า pixel หรือ px ของความสูงรูป  ใน

height ด้วยเสมอ เช่น หากรูปเก่าสูง 400px แต่รูปใหม่ที่จะเปลี่ยนสูงแค่ 300px เราก็ต้องไปแก้จำนวน px ที่ height

จาก height : 400px; ให้มาเป็น height : 300px; ตามความสูงของรูปใหม่ด้วย (ตามรูปที่ 21) และขอเสริมไว้ตรงนี้

อีกนึดหนึ่งว่า แม้รหัสคำสั่งจะไม่กำหนดความกว้างของรูปเอาไว้ก็จริง     แต่ทั้งนี้ก็ไม่ควรใช้รู้ปที่มีความกว้างเกินกว่า

1349px เป็นดีที่สุดครับ ....................................................................................................................

 

 

 

 

..... ถัดลงมาเป็นการแก้ไขในส่วนของสีที่แสดงอยู่ในส่วนของ             ชื่อบล็อกใน description ,    รายละเอียดใน

description (สโลแกนของบล็อก)  และ description link (link ของบล็อก)      เราสามารถเลือกที่จะแก้ไขสีได้ตาม

ความพอใจ โดยการเปลี่ยนรหัสสีที่อยู่หลัง color: # เช่นเดียวกับการแก้ไขรหัสสีเช่นที่ผ่านมา (รูปที่ 22) ..............

 


 

 

..... ต่อมาเป็นการแก้ไขในหัวข้อรหัสคำสั่ง ‘ส่วนของ search ด้านบนของหน้า’ เป็นการแก้ไขในส่วนรายละเอียดที่อยู่

ถัดลงมาจากรูป Blog Header ดังเช่นที่ผมได้ทำแถบสีเหลืองไว้ในรูปที่ 23 ....................................................

 


 

 

..... ในหัวข้อคำสั่งส่วนนี้มีจุดสำคัญที่สามารถแก้ไขให้เกิคความแปลกใหม่ขึ้นได้ คือ ........................................


..... 1. ‘header_search’ หรือส่วนพื้นหลังที่ทำแถบสีเหลืองไว้ในรูปที่ 23   ซึ่งเราสามารถเปลี่ยนรหัสสี background

ของพื้นหลัง ให้เป็นรหัสสีอื่น หรือหากใครต้องการจะเปลี่ยนเป็นรหัสคำสั่งแสดงรูปภาพก็ได้ แต่ทั้งนี้ในกรณีที่มีการใช้

รหัสภาพ อย่าลืมที่จะเข้าไปแก้ไขค่าความสูง px ใน height ให้ตรงกับความสูงของภาพด้วยนะครับ .....................


..... 2. ‘วันที่ด้านบน’ สามารถแก้ไขรหัสสีของวันเดือนปีที่แสดงอยู่บนหน้าจอได้ โดยเข้าไปแก้ที่ color : #?????? ..


..... 3. ‘ฟอร์ม search’ สามารถแก้ไขสีตัวอักษรของคำว่า ‘ค้นหา’ ได้ที่ color : #?????? ..................................


..... 4. ‘ลิงค์ สร้าง blog ติดต่อเรา’ สามารถแก้ไขรหัสสีได้ที่ color : #?????? เช่นเดียวกัน ...............................

 


 

 

..... ในส่วนของชุดคำสั่งนี้ ที่เราสามารถแก้ไขรหัสสีของตัวอักษรได้อีกก็คือ ที่หัวข้อรหัสคำสั่ง           ‘สีตัวอักษรใน

search’     ซึ่งหมายถึง สีของตัวอักษรของคำว่า ’สร้างบล็อก /ติดต่อเรา/เกี่ยวกับเรา’ ที่อยู่ทางขวามือนั่นเอง วิธีการ

แก้ไขก็เหมือนๆ กับที่ผ่านมา โดยคำสั่ง  ‘header_search a:link,#header_search a:visited’ หมายถึงสีหลักของตัว

อักษร และส่วนของคำสั่ง ‘header_search a:hover’  จะหมายถึงสีเหลื่อมของตัวอักษร ดังที่ได้อธิบายไว้ในรูปที่ 25

นั่นเอง ..........................................................................................................................................

 


 

 

..... ช่วงสุดท้ายของรหัส CSS ในหัวข้อ ‘header ตัวหน้าเว็บ’ ไม่มีอะไรน่าสนใจให้แก้ไขครับ .............................

 


 

 

 

 

..... ชุดรหัสคำสั่งต่อมาในหัวข้อ ‘footer ตัวหน้าเว็บ’  นั้น  เป็นพื้นที่ในส่วนล่างสุดของหน้าจอคอมพิวเตอร์ (ไม่ค่อย

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

ต้องไม่ลืมเข้าไปกำหนดค่า px ที่ height ให้ตรงกับความสูงของรูปด้วยนะครับ (รูปที่ 27) ..................................

 


 

 

 

 

 

..... เลื่อนลงมาที่ชุดรหัสคำสั่งต่อไป ในหัวข้อ  ‘ส่วน column ด้านซ้าย’     ซึ่งจะเป็นรหัสแสดงค่าของข้อมูลที่อยู่ใน

กรอบด้ายซ้ายทั้งหมด (ยกเว้น about me)   ซึ่งรหัสในส่วนนี้ มีจุดที่สามารถแก้ไขเพื่อเพิ่มความสวยงามให้กับบล็อก

ของเราได้อยู่ 3 ส่วนด้วยกัน กล่าวคือ สีพื้นหลัง สีตัวอักษรหลัก และสีตัวอักษรเหลื่อม ที่อยู่ทางด้านซ้ายมือ     ดังมี

รายละเอียดต่อไปนี้ ..........................................................................................................................

 

..... รหัสคำสั่ง ‘left_column’    เราสามารถเลือกกำหนดรูปแบบของพื้นหลังได้ ทั้งการใช้รหัสสี และรหัสคำสั่งแสดง

ผลเป็นรูปภาพ โดยเข้าไปแก้ไขที่คำสั่ง background ...............................................................................


..... รหัสคำสั่ง ‘left_column a’     เป็นรหัสคำสั่งเพื่อแสดงผลสีตัวอักษรหลักที่อยู่ทางด้านซ้าย สามารถเข้าไปแก้ไข

ได้ที่คำสั่ง color .............................................................................................................................


..... รหัสคำสั่ง ‘left_column a:hover’       เป็นรหัสคำสั่งเพื่อแสดงผลสีแหลื่อมของตัวอักษรทางด้านซ้าย สามารถ

เข้าไปแก้ไขได้ที่คำสั่ง color เช่นกัน ....................................................................................................

 

..... ซึ่งการแก้ไขรหัสคำสั่งทั้ง 3 ส่วน ที่กล่าวมานั้น   ก็ใช้วิธีเดียวกันกับที่ผ่านมา    ผมจึงขออธิบายไว้ในรูปแต่เพียง

อย่างเดียวนะครับ (รูปที่ 28) ..............................................................................................................

 


 

 

 

 

..... การแก้ไขในหัวข้อคำสั่งต่อมา ‘ส่วน center’    ซึ่งจะแสดงผลอยู่ในพื้นที่สีขาวตามรูปที่ 29 ซึ่งเหมือนเป็นการบัง

คับกลายๆ ว่าต้องใช้รหัสสีที่กลมกลืนกับพื้นหลังในส่วนอื่นๆ รอบข้าง    ดังนั้นหากท่านที่จะเปลี่ยนโทนสีพื้นหลังของ

บล็อก ก็อย่าลืมเข้ามาแก้รหัสสี ในคำสั่งนี้ด้วยนะครับ (ตามรูปที่ 30) ............................................................

 


 

 

 

 

 

..... แล้วก็ไล่มาถึงหัวข้อรหัสคำสั่งที่น่าสนใจอีกหัวข้อหนึ่ง นั่นก็คือ  ‘ส่วนข้อมูลที่อยุ่ตรงกลางหน้า’  ซึ่งมีพื้นที่ในการ

แสดงผลบนหน้าจอ อยู่ในพื้นที่หลักที่ใช้นำเสนอเนื้อหาของบล็อกนั่นเอง  และรหัสคำสั่งชุดนี้ก็มีจุดที่เราสามารถปรับ

แต่งให้บล็อกดูน่าสนใจมากขึ้น 3 แห่งด้วยกัน ดังในรูปที่ 31 .......................................................................

 


 

..... ซึ่งผมจะค่อยๆ อธิบายไล่ไปตามลำดับคำสั่งดังนี้ ..............................................................................

 

..... รหัสคำสั่ง ‘center_column_header’ จะเป็นพื้นที่ที่อยู่ด้านบนสุดของส่วนแสดงเนื้อหา ซึ่งโดยส่วนใหญ่จะเลือก

ใช้รหัสสีเดียวกับ พื้นหลังของพื้นที่แสดงเนื้อหา แต่ถึงอย่างนั้นเราก็อาจเลือกที่จะใช้รหัสรูปภาพมาใช้แทนก็ได้ และก็

เช่นเดียวกับที่ผ่านมา    รหัสคำสั่งตรงนี้       หากเลือกใช้รหัสคำสั่งแสดงรูปภาพ เราต้องไม่ลืมที่จะกำหนดค่า px ใน

height ตามความสูงของรูปที่นำมาใช้ด้วย (รูปที่ 32) ...............................................................................

 


 

 

..... คำสั่ง ‘center_column_data’  เป็นคำสั่งที่จะแสดงผลบนพื้นที่หลักของส่วนแสดงเนื้อหา หรือพื้นหลังที่จะใช้นำ

เสนอเนื้อหานั่นเอง    ซึ่งจะใช้รหัสสี หรือรหัสคำสั่งแสดงผลรูปภาพก็ได้ แต่ทั้งนี้การเลือกใช้สี หรือรูปภาพ ควรคำนึง

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

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

เลือกดาวน์โหลดได้จากเว็บ grsites ที่ได้แนะนำไว้ข้างต้นก็ได้ครับ      ผมเองก็ใช้ภาพ textures ของที่นั่นเหมือนกัน

(รูปที่ 33) ......................................................................................................................................

 


 

 

..... คำสั่ง ‘center_column_footer’ เป็นพื้นที่แสดงผลข้อมูลที่อยู่ล่างสุดของส่วนแสดงเนื้อหา (ตามรูปที่ 34)    ซึ่ง

รายละเอียดของการแก้ไขรหัสคำสั่ง ก็ไม่แตกต่างอะไรกับ ‘center_column_header’ เลย      ผมจึงขอละไว้ไม่นำมา

กล่าวซ้ำนะครับ ...............................................................................................................................

 


 

 

..... ในหัวข้อคำสั่งลำดับต่อมา คือ ‘ส่วนของ column ด้านขวา’  ผมจะขอข้ามไปเลยนะครับ เพราะ Template ที่ผม

นำมาแนะนำเป็นตัวอย่างในบทความนี้ เป็น Template 2 คอลัมน์ที่ไม่มีเนื้อหาด้านขวาเลย  ซึ่งสำหรับท่านที่เลือกใช้

Template แบบ 3 คอลัมน์   ที่ได้อ่านการจัดการรหัสคำสั่ง CSS มาถึงจุดนี้  ผมเองก็เชื่อว่าน่าจะพอนำไปปรับใช้ด้วย

กันได้ครับ เพราะรหัสคำสั่งที่ใช้ไม่แตกต่างกันซักเท่าไหร่เลย ......................................................................

 

 

 

 

..... จึงพาข้ามมาที่หัวข้อคำสั่ง   ‘about me box’   กันเลย    ซึ่งหัวข้อคำสั่งในส่วนนี้จะแสดงผลในส่วนรายละเอียด

เฉพาะของบล็อก ทั้งภาพประจำตัวเจ้าของบล็อก และรายละเอียดอื่นๆ   ซึ่งผมจะขอแบ่งอธิบายเป็น 2 ช่วง ตามรูปที่

เตรียมไว้ เริ่มที่ช่วงแรก คำสั่งที่สามารถแก้ไขรหัสให้บล็อกของเราดูน่าพอใจขึ้นคือ ‘about_me_top’ หรือจะพูดง่ายๆ

ก็คือ About me header นั่นเอง  โดยเราสามารถนำรูปสวยๆ มาวางแทนรูปเดิมบน Template ได้ โดยการแก้ไขที่คำ

สั่ง background ซึ่งอาศัยวิธีการเดิม คือ ใช้รหัสรูปใหม่มาวางทับรหัสรูปเดิม พร้อมกับตั้งค่า px ที่ height ตามความ

สูงของรูปใหม่ เท่านี้เราก็ได้ Topic Header สวยๆ มาแทนของเดิมแล้ว (รูปที่ 35) ...........................................

 


 

 

..... โดยรูป background ที่จะนำมาใช้เป็น header ของ topic ต่างๆ ที่อยู่ทางด้านซ้ายมือนี้     เราสามารถนำรูปไป

ตบแต่ง เพิ่มเติมตัวอักษร หรืออื่นใดก็แล้วแต่ด้วยโปรแกรมต่างๆ ตามความถนัดของแต่ละท่านนะครับ ซึ่งรูป header

ต่างๆ ในบล็อกของผมก็ใช้ PhotoScape ตัดแต่ง เพิ่มเติมตัวอักษร มาเหมือนกัน แต่ต้องระวังเรื่องความกว้างด้วยนะ

ครับ เช่นถ้าเป็นภาพ Blog Header ก็พยายามอย่าให้กว้างเกิน 1349px ส่วนถ้าเป็น Topic Header ก็อย่าให้กว้างกว่า

384px เป็นดีที่สุดครับ แต่ถ้าเป็นความสูงเชิญกันตามสะดวกเลยครับ แค่อย่าลืมไปตั้งค่า px ที่ height ก็พอ .. (รูปที่

36) .............................................................................................................................................

 


 

 

..... ต่อมาในส่วนที่สองของหัวข้อ ‘about me box’   ซึ่งจะเกี่ยวข้องกับเรื่องของรูปประจำตัวและสีตัวอักษร นั่นก็คือ

ส่วนของรหัสคำสั่ง ‘about_me_img’  ตรงที่มีคำสั่งกำหนดไว้ว่า  border: 5px solid  นั้น หมายความถึง ความหนา

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

กำหนดไว้ว่า  #c1b3b3  นั้น ก็คือ รหัสสีของกรอบรูปที่เราต้องการใช้นั่นเอง     ซึ่งเชิญเลือกเปลี่ยนกันได้ตามความ

พอใจครับ .....................................................................................................................................

 

..... ‘about_me ul’  รหัสคำสั่งที่อยู่ถัดลงมา เป็นรหัสคำสั่งกำหนดสีตัวอักษรของรายละเอียดต่างๆ   ใน  about me

box ครับ ซึ่งก็เชิญทุกท่านเลือกสีที่ถูกใจมาแก้ไขกันได้ที่คำสั่ง color ตามสะดวกเลยครับ (รูปที่ 37) ....................

 


 

 

 

 

..... ถัดมาเป็นหัวข้อคำสั่ง ‘category box’   หรือหมวดหมู่ของบทความซึ่งหากท่านใดได้จัดทำไว้ (พอดีผมไม่ได้ทำ

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

Topic Header ซึ่งเชื่อว่าทุกท่านที่ลองแก้ไขรหัสคำสั่งมาถึงจุดนี้ สามารถแก้ไขกันได้อย่างสบายอยู่แล้ว เพราะไม่ได้

มีความแตกต่างจากที่ได้เคยแก้ไขมาแล้วเลย .........................................................................................

 

..... รวมถึงในหัวข้ออื่นๆ ตามลำดับต่อมาด้วย      ทั้ง  ‘favorites link box’  ที่บางท่านได้ตั้งค่าให้แสดงไว้ด้านหน้า,

‘favorites friend box’ เพื่อนในบล็อก,  ‘lastest blog box’ หรือ 10 เรื่องล่าสุดใน OK,  ‘gallery box’ หน้าแสดงรูป,

‘video box’ หน้าแสดงวิดีโอ,  ‘archive box’บทความย้อนหลัง,    ‘archive vote’ (อันนี้ไม่ทราบเหมือนกันครับว่าคือ

อะไร) และ ‘my comment’ ความเห็นล่าสุด เป็นต้น .................................................................................

 

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

แสดงผลออกมาสวยงาม แต่ในส่วนการอธิบายของผมจะขออนุญาติไม่นำมากล่าวถึงอีก และนำเสนอตัวอย่างในส่วน

ของการแก้ไขรหัสคำสั่งเฉพาะแต่ ‘category box’ เท่านั้นนะครับ เพราะทุกหัวข้อใช้วิธีการแก้ไขเดียวกันอยู่แล้ว (รูปที่

38) .............................................................................................................................................

 


 

 

 

 

..... พาทุกท่านข้ามมาที่รหัสคำสั่งในหัวข้อ  ‘calendar’  กันเลยครับ    ซึ่งจะเป็นการปรับเปลี่ยนรูปแบบของปฏิทินใน

บล็อกตามความพอใจของเรา   ซึ่งเกือบทั้งหมดเป็นการจัดการเกี่ยวกับรหัสสี โดยสามารถปรับค่าการแสดงผลได้จาก

รหัสคำสั่ง ดังที่ผมได้ระบายสีเหลืองไว้ พร้อมเขียนอธิบายความหายของคำสั่งไว้ในรูปที่ 39 และ 40 (ในส่วนที่ไม่ได้

อธิบายกำกับไว้ เป็นเพราะเคยทดลองแก้แล้วแต่ไม่มีผลอะไร หรือไม่ก็ไม่จำเป็นต้องแก้ครับ) ..............................

 


 

 

 

 

 

..... ต่อมาเป็นรหัสคำสั่งในหัวข้อ ‘menu tab blog gallery video ที่เลือก section’ คำสั่งแสดงผลที่สร้างไว้ในส่วนนี้

เป็นชุดคำสั่งสำหรับ Topic Header ที่อยู่เหนือพื้นที่แสดงเนื้อหา ตามที่ผมได้ล้อมเส้นสีแดงไว้ในรูปที่ 41 .............

 


 

 

..... ซึ่งหากท่านใดมีรูปที่ทำขึ้นมาเพื่อใช้แทน Topic Header เดิมที่กำหนดไว้อยู่แล้วใน Template  ก็สามารถแก้ไข

ได้ด้วยการคัดลอก URL ของรูปภาพที่เตรียมมา        วางทับรหัสภาพของเดิมได้เลย แต่ในชุดคำสั่งนี้นั้นจำเป็นต้อง

กำหนดค่า px ทั้งในส่วนของความกว้างและความสูง ตามขนาดของรูปที่นำมาวางใหม่ด้วยนะครับ ..    (ตามรูปที่ 42

และ 43) .......................................................................................................................................

 


 

 

 

 

 

..... ชุดคำสั่งต่อมาจะอยู่ในกลุ่มหัวข้อ  ‘ส่วนรายละเอียดของบล๊อกที่เขียน’    ซึ่งโดยส่วนใหญ่จะเป็นชุดคำสั่งเพื่อให้

แสดงสีตัวอักษร    ซึ่งคิดว่าในเรื่องของวิธีการแก้ไขคงไม่เป็นปัญหาอะไรที่ยุ่งยากอีกแล้ว   ดังนั้นจึงขออธิบายความ

หมายของแต่ละรหัสคำสั่ง เอาไว้ในรูปเลยนะครับ ....................................................................................

 

..... เริ่มต้นด้วยชุดรหัสคำสั่งที่กำหนดสีให้กับตัวอักษรต่างๆ เหนือบทความ ....................................................

 


 

 

 

 

..... ต่อมาเป็นชุดรหัสคำสั่งที่กำหนดสีให้กับตัวอักษรในหน้ารวมบทความ และตัวอักษรของบทความที่เราเขียน ......

 


 

 

..... ชุดรหัสคำสั่งที่กำหนดสีให้กับตัวอักษรในส่วนของความคิดเห็น         และการสร้างความน่าสนใจให้กับ   Topic

Comment ....................................................................................................................................

 


 

 

 

..... ซึ่งในส่วนของ Topic Comment นั้นเมื่อเราได้แก้ไขรหัสคำสั่งแสดงรูปภาพแล้ว จะแสดงผลที่หน้าจอดังนี้ ......

 


 

 

..... และรหัสคำสั่งสุดท้ายที่จะแนะนำให้ลองมาแก้ไข ได้แก่ ชุดคำสั่ง ‘submit comment’  หรือรหัสคำสั่งแสดงภาพ

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

ต้องตั้งค่าความสูงและความกว้างของรูปภาพใหม่ ลงไปในชุดรหัสคำสั่งด้วย ..................................................

 


 

 

..... ซึ่งก็จะทำให้ปุ่มกดส่งความเห็นของเราดูแปลกตาไปกว่าเดิม ................................................................

 


 

 

..... ด้วยเหตุที่ว่าชุดรหัสคำสั่ง CSS ที่อยู่ถัดจากจุดนี้เป็นต้นไป      ส่วนใหญ่ตัวผมเองไม่ได้สร้างเนื้อหาเหล่านั้นเข้า

มาไว้ในบล็อกเลย   ดังนั้นผมจึงไม่ได้เข้าไปแก้ไขรหัสคำสั่ง CSS ในส่วนนั้นแต่อย่างใด (แต่ก็เชื่อว่า หากเพื่อนๆ พี่ๆ

ท่านใดต้องการจะลองเข้าไปแก้ไขในส่วนที่ผมไม่ได้แนะนำดู ก็น่าจะไม่ใช่เรื่องยากเกินไปซักเท่าไหร่แล้ว) ด้วยเหตุนี้

ผมจึงสามารถแนะนำการแก้รหัส CSS เพื่อแต่งบล็อก OKnation ใน entry นี้ ได้แต่เพียงเท่านี้นะครับ ....................

 

..... และสุดท้ายที่อยากจะฝากทิ้งเอาไว้ ก็คือ การแก้ไขรหัสคำสั่ง CSS นี้ เป็นการแก้ไขรหัส CSS ของ Template นะ

ครับ ซึ่งจะทำให้ Template ที่เราเลือกมาใช้แก้ไขนั้นเปลี่ยนรูปแบบจากเดิมไปเลย      ดังนั้นหากท่านที่เปิดบล็อกใน

OKnation ครบทั้งสามบล็อก และต้องการแต่งบล็อกให้มีรูปแบบที่แตกต่างกันทั้ง 3 บล็อก  จำเป็นต้องใช้ Template

ที่แตกต่างกันออกไปด้วยครับ แล้วค่อยๆ แก้ไขรหัสคำสั่ง CSS ไปทีละ Template และก็ไม่จำเป็นต้องห่วงว่าถ้าแก้ไข

ไม่ดีจะทำให้ Template ที่เราเลือกมาแก้ไขจะเสียหายไป          เพราะรหัสคำสั่ง CSS เดิมของแต่ละ Template เรา

สามารถเรียกกลับมาได้เสมอด้วยการคลิ๊กปุ่ม ‘ยกเลิกการแก้ไข CSS’ เท่านั้นเอง ..............................................

 

 

 

 

..... หากสิ่งที่ผมนำเสนอมานี้ ตามที่ได้พอทราบอยู่บ้างจากการลองผิดลองถูก มีข้อผิดพลาดคลาดเคลื่อนประการใด

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

แนะนำเพิ่มเติม เพื่อให้สร้างความเข้าใจที่ถูกต้องให้กับผม และเพื่อนสมาชิก OKnation ทุกคน ............................

 

 

..... ขอให้ทุกท่านสนุกกับการแต่งบล็อกนะครับ .......................................................................................

 

 

 

 

 

พรายพิลาศ

 

 

 

The Celtic Viol (Vol. 2) / Treble Viol & Lyra Viol, Airs and dances


J. Savall & A. Lawrence-King

 

 

 



อ่านความคิดเห็น

ความคิดเห็นที่ 58 (0)
naiberm วันที่ : 02/10/2016 เวลา : 06.48 น.
http://oknation.nationtv.tv/blog/naiberm
 Let bygones , be bygones

ขอบคุณครับ ได้รับความรู้มากมายน้ำไปประยุกต์

ความคิดเห็นที่ 57 (0)
T.GAng วันที่ : 10/12/2015 เวลา : 09.07 น.
http://oknation.nationtv.tv/blog/naturegang
ร่วมท่องเที่ยวแบบฮาๆ ตามประสา "เดอะแก๊งค์"   http://www.oknation.net/blog/tripbythegang

รบกวนปรึกษาหน่อยค่ะ พอดีพลาดไปลดเทมเพลตเดิมออก แต่ไปก๊อบปี้ CSS มาจากบล็อกอีกอันของตัวเอง แต่หน้าตาเหมือนกัน ทำไมมันออกมาไม่เหมือนอันที่ก๊อบมาคะ มันยังยึดติดกการจัดวางของเทมเพลตสำเร็จรูปอยู่ ถ้าต้องการแก้ไของค์ประกอบรวมอยู่ตรงกลาง ต้องแก้อย่างไรคะ

ความคิดเห็นที่ 56 (0)
TOMKING วันที่ : 03/08/2013 เวลา : 01.09 น.
http://oknation.nationtv.tv/blog/inthailandmag
IN THAILAND MAG.

ขอบคุณมากนะคะ สำหรับการแนะนำการทำ CSS ของบลอค ดีมากเลยค่ะ ^^


ความคิดเห็นที่ 55 (0)
Malt วันที่ : 21/02/2013 เวลา : 18.27 น.

เยี่ยมยุทธ

ความคิดเห็นที่ 54 (0)
Malt วันที่ : 21/02/2013 เวลา : 18.27 น.

เยี่ยมยุทธ

ความคิดเห็นที่ 53 (0)
thongchair วันที่ : 27/01/2013 เวลา : 05.06 น.
http://oknation.nationtv.tv/blog/thongchair

เยี่ยมเลยครับ สอนได้ละเอียดดีมากเลยครับ

ความคิดเห็นที่ 52 (0)
ภูไทแลนด์ วันที่ : 13/01/2013 เวลา : 19.56 น.
http://oknation.nationtv.tv/blog/pip200

ขอบคุณมากๆๆ เลยคะ แต่ยังทำไม่เป็นขอศึกษานานๆๆๆ เลยนะคะ ท่านผู้รู้ขยันสอนเป็นอย่างมาก แต่นักเรียนมึนคะ ('Thank You (Three Time) Effect'
ขอบคุณคะ

ความคิดเห็นที่ 51 (0)
พรายพิลาศ วันที่ : 14/12/2012 เวลา : 20.34 น.
http://oknation.nationtv.tv/blog/prypilas

สวัสดีครับคุณ numouse

ด้วยความยินดีครับ ขอให้สนุกกับการแต่งบล็อกนะครับ

ความคิดเห็นที่ 50 พรายพิลาศ ถูกใจสิ่งนี้ (1)
numouse วันที่ : 14/12/2012 เวลา : 19.27 น.
http://oknation.nationtv.tv/blog/numouse
ถ้าเราลดความ "เห็นแก่ตัว" ให้น้อยลงบ้าง อะไรๆ มันคงจะดีกว่านี้ และถ้ายิ่งจัก "ยอม" บ้างคงจะดี

เยี่ยมเลยค่ะ
เดี๋ยววันหลังมาหัดทำบ้าง
วันนี้อ่านไปหลายหัวข้อแล้ว
มาร์คหน้านี้ไว้ก่อน
ขอบคุณค่ะ ^^

ความคิดเห็นที่ 49 (0)
พรายพิลาศ วันที่ : 14/12/2012 เวลา : 12.05 น.
http://oknation.nationtv.tv/blog/prypilas

สวัสดีครับคุณ K.Chantana
ขอบคุณมากครับ ลองนำไปแต่งบล็อกดูนะครับ

ความคิดเห็นที่ 48 พรายพิลาศ ถูกใจสิ่งนี้ (1)
K.Chantana วันที่ : 14/12/2012 เวลา : 11.46 น.
http://oknation.nationtv.tv/blog/bebe-RMUTP-Mango

ชอบมากเลยคะ ^_^

ความคิดเห็นที่ 47 (0)
พรายพิลาศ วันที่ : 12/12/2012 เวลา : 04.49 น.
http://oknation.nationtv.tv/blog/prypilas

สวัสดีครับคุณผู้หญิงสีขาว
หากมีอะไรที่ผมพอจะช่วยได้ก็ยินดีเป็นอย่างยิ่งเลยครับ ค่อยๆ ลองทำดูนะครับ :A1
ขอบคุณมากครับที่กรุณาแวะมาเยี่ยมเยือนทักทาย

ความคิดเห็นที่ 46 พรนิมิตร ถูกใจสิ่งนี้ (1)
พรายพิลาศ วันที่ : 12/12/2012 เวลา : 04.46 น.
http://oknation.nationtv.tv/blog/prypilas

สวัสดีครับคุณพรนิมิตร
ลองค่อยๆ ทำดูนะครับ ดูๆ อาจเหมือนวุ่นวาย แต่ถ้าลองทำดูจะรู้ว่าไม่ยากเลยครับ
ขอบคุณคุณพรนิมิตรมากครับ

ความคิดเห็นที่ 45 พรายพิลาศ ถูกใจสิ่งนี้ (1)
ผู้หญิงสีขาว วันที่ : 07/12/2012 เวลา : 14.34 น.
http://oknation.nationtv.tv/blog/pkampimoon

สวัสดีค่ะ

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

ขอบคุณค่ะ

ความคิดเห็นที่ 44 พรายพิลาศ , ผู้หญิงสีขาว ถูกใจสิ่งนี้ (2)
พรนิมิตร วันที่ : 06/12/2012 เวลา : 09.45 น.
http://oknation.nationtv.tv/blog/Ponnimit

ต้องหาเวลาลองทำครับ อยากได้บล็อกสวยๆแบบนี้จัง

ความคิดเห็นที่ 43 ผู้หญิงสีขาว ถูกใจสิ่งนี้ (1)
พรายพิลาศ วันที่ : 03/12/2012 เวลา : 19.51 น.
http://oknation.nationtv.tv/blog/prypilas

สวัสดีครับคุณ monotone
ลงไปในรายเอียดค่อนข้างมากน่ะครับ เนื้อหาก็เลยยาวไปซักนิด
ขอบคุณที่แวะม่เยือนนะครับ

ความคิดเห็นที่ 42 พรายพิลาศ ถูกใจสิ่งนี้ (1)
monotone วันที่ : 03/12/2012 เวลา : 12.24 น.
http://oknation.nationtv.tv/blog/normalcode
 ยิ่งให้ยิ่งได้ ยิ่งหวงยิ่งอด 

โห ยาวผุดๆ


ความคิดเห็นที่ 41 ผู้หญิงสีขาว ถูกใจสิ่งนี้ (1)
พรายพิลาศ วันที่ : 27/11/2012 เวลา : 20.21 น.
http://oknation.nationtv.tv/blog/prypilas

สวัสดีครับป้าอิม

แหมมมม ป้าอิมเข้ามาถึงก็แจกลูกยอซะคนตัวกลมลอยตุ๊บป่องเลยครับ อิอิ
เรื่องแต่งบล็อกก็เขียนไปตามที่พอรู้น่ะครับ ยังต้องขอคำแนะนำจากป้าอิมอีกเยอะเลยครับ
ขอบคุณป้าอิมมากครับ

ความคิดเห็นที่ 40 (0)
พรายพิลาศ วันที่ : 27/11/2012 เวลา : 20.18 น.
http://oknation.nationtv.tv/blog/prypilas

สวัสดีครับคุณลุงตาเรน

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

ความคิดเห็นที่ 39 monotone , พรายพิลาศ ถูกใจสิ่งนี้ (2)
อิมกุดั่น วันที่ : 27/11/2012 เวลา : 19.35 น.
http://oknation.nationtv.tv/blog/im
คลิกชื่อ "  อิมกุดั่น " เลือก "สารภาพ" แล้วพบกันที่.. http://www.oknation.net/blog/canvas 

entry นี้เป็นประโยชน์มากๆ อุตส่าห์นั่งเขียนออกมายาวขนาดนี้ แสดงถึงความตั้งใจผลิตงานจริงๆ
เป็นอีกหนึ่งบล็อกเกอร์คุณภาพของชุมชนโอเคฯ เลยจ้า พ่อพลาย..พรายพิลาศเอ๋ย

ความคิดเห็นที่ 38 พรายพิลาศ ถูกใจสิ่งนี้ (1)
ตาเรน วันที่ : 27/11/2012 เวลา : 19.34 น.
http://oknation.nationtv.tv/blog/sammaapii
เรียนฟรีจริง ๆ  ขอเชิญแวะเยี่ยมตาเรนที่  >>> http://www.webudon.net

แฮะ ๆ ๆ ขอไปทำ สวนทำมือ..เสร็จก่อน
แล้วจะมาทำบล๊อค..กับอาจารย์ครับ..
ขอบคุณหลาย ๆ เด้อ..อิ..อิ..

ความคิดเห็นที่ 37 (0)
พรายพิลาศ วันที่ : 26/11/2012 เวลา : 08.40 น.
http://oknation.nationtv.tv/blog/prypilas

สวัสดีครับคุณ Tatee

ด้วยความยินดีครับ ถ้ามีเวลาลองหาโอกาสทำดูนะครับ
ขอบคุณคุณ tatee มากครับ

ความคิดเห็นที่ 36 (0)
พรายพิลาศ วันที่ : 26/11/2012 เวลา : 08.39 น.
http://oknation.nationtv.tv/blog/prypilas

สวัสดีครับพี่แม่หมี

ว่างๆ ลองทำดูเล่นๆ ก่อนก็ได้ครับพี่ ไม่ต้องรีบร้อนอะไร
แล้วถ้ามีอะไรที่ผมพอจะช่วยพี่ได้ ก็ยินดีมากที่จะช่วยพี่นะครับ
ขอบคุณพี่แม่หมีมากครับ

ความคิดเห็นที่ 35 (0)
พรายพิลาศ วันที่ : 26/11/2012 เวลา : 08.37 น.
http://oknation.nationtv.tv/blog/prypilas

สวัสดีครับคุณเคียงดิน

ผมเองก็เหมือนกันล่ะครับ ก่อนทำขี้เกียจมากมาย แต่พอทำแล้วมันก็เพลินไปอีกแบบน่ะครับ
ขอบคุณคุณเคียงดินมากครับ

ความคิดเห็นที่ 34 พรายพิลาศ ถูกใจสิ่งนี้ (1)
TaTee วันที่ : 23/11/2012 เวลา : 14.50 น.
http://oknation.nationtv.tv/blog/poo

ขอบคุณมากครับ

ความคิดเห็นที่ 33 พรายพิลาศ ถูกใจสิ่งนี้ (1)
แม่หมี วันที่ : 23/11/2012 เวลา : 13.11 น.
http://oknation.nationtv.tv/blog/mamaomme

อ่านแล้วยังมึนๆงงๆ คงต้องใช้เวลากับการศึกษาอีกหน่อย

เป็นแบบเดิมมาตั้งแต่แรกเริ่มเปิดบล็อก

จะลองๆดูค่ะ ขอบคุณมากค่ะคุณพราย

ความคิดเห็นที่ 32 พรายพิลาศ ถูกใจสิ่งนี้ (1)
เคียงดิน วันที่ : 23/11/2012 เวลา : 13.03 น.
http://oknation.nationtv.tv/blog/keangdin
รั ก แ ค่ ว า ท ก ร ร ม  อำ พ  ร า ง

เก่งจังเลย เด๋วการบ้านโล่งๆ จะนั่งแต่งบล็อกสักวันแล้ว

ขี้เกียจสุดๆเลยค่ะ

ความคิดเห็นที่ 31 (0)
พรายพิลาศ วันที่ : 23/11/2012 เวลา : 13.03 น.
http://oknation.nationtv.tv/blog/prypilas

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

ความคิดเห็นที่ 30 (0)
พรายพิลาศ วันที่ : 23/11/2012 เวลา : 12.27 น.
http://oknation.nationtv.tv/blog/prypilas

สวัสดีครับคุณภูริทัตโต

ด้วยความยินดีเป็นอย่างยิ่งครับผม
ลองทำดูเล่นๆ ตอนว่างๆ ก็เพลินดีไปอีกแบบนะครับ
ขอบคุณคุณภูริทัตโตมากครับ

ความคิดเห็นที่ 29 (0)
พรายพิลาศ วันที่ : 23/11/2012 เวลา : 12.24 น.
http://oknation.nationtv.tv/blog/prypilas

สวัสดีครับลุงกำหนัน

กระผมว่าถ้าลองแต่งดู ที่เปลี่ยนก็คงจะมีแต่บ้านนั่นล่ะครับ
ส่วนลุงกำหนัน ของน้องๆ ใน OK คนนี้ ไม่เปลี๋ยนไป๋แน่นอนครับ อิอิ
ขอบคุณลุงกำหนันมากครับ

ความคิดเห็นที่ 28 (0)
พรายพิลาศ วันที่ : 23/11/2012 เวลา : 12.21 น.
http://oknation.nationtv.tv/blog/prypilas

สวัสดีครับคุณชายฯ

ด้วยความยินดีเป็นอย่างยิ่งเลยครับ .. แต่งป้านให้สนุกนะครับ
ขอบคุณคุณชายฯ มากครับ

ความคิดเห็นที่ 27 เหล่าซือสุวรรณา ถูกใจสิ่งนี้ (1)
พรายพิลาศ วันที่ : 23/11/2012 เวลา : 12.20 น.
http://oknation.nationtv.tv/blog/prypilas

สวัสดีครับอาจารย์เหล่าซือสุวรรณา

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

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

ความคิดเห็นที่ 26 (0)
พรายพิลาศ วันที่ : 23/11/2012 เวลา : 12.11 น.
http://oknation.nationtv.tv/blog/prypilas

สวัสดีครับพี่บ่าวลูกแมวฯ

ลองทำดูครับพี่ ผมรับรองว่ามันไม่ยากอย่างที่คิดเลย
ขอบคุณพี่บ่าวลูกแมวฯ มากครับ

ความคิดเห็นที่ 25 (0)
พรายพิลาศ วันที่ : 23/11/2012 เวลา : 12.08 น.
http://oknation.nationtv.tv/blog/prypilas

สวัสดีครับลุงหนอน

ดีใจที่มีส่วนช่วยลุงหนอนแต่งบ้านครับ
แต่งเสร็จต้องฉลองขึ้นบ้านใหม่ด้วยดีมั้ยครับลุงหนอน อิอิ
ขอบคุณลุงหนอนมากครับ

ความคิดเห็นที่ 24 พรายพิลาศ ถูกใจสิ่งนี้ (1)
ภูริทัตโต วันที่ : 23/11/2012 เวลา : 11.59 น.
http://oknation.nationtv.tv/blog/amuletonline


ขอบคุณมาก ได้ความรู้มากครับ

ความคิดเห็นที่ 23 พรายพิลาศ ถูกใจสิ่งนี้ (1)
กำหนัน วันที่ : 23/11/2012 เวลา : 10.55 น.
http://oknation.nationtv.tv/blog/saiyai21

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

ความคิดเห็นที่ 22 พรายพิลาศ ถูกใจสิ่งนี้ (1)
ชายสามหยด วันที่ : 23/11/2012 เวลา : 08.43 น.
http://oknation.nationtv.tv/blog/chartsiam
เรื่องเล่าธรรมด๊า...ธรรมดา ของผู้ชายธรรมดา

ขอบพระคุณมากครับ คุณพรายพิลาศ เดี๋ยวผมจะค่อยๆแต่ไปเรื่อยๆครับผม

ความคิดเห็นที่ 21 พรายพิลาศ ถูกใจสิ่งนี้ (1)
เหล่าซือสุวรรณา วันที่ : 23/11/2012 เวลา : 08.28 น.
http://oknation.nationtv.tv/blog/chineseclub
泰汉语与文化比较  张碧云博客

ที่จริงพวกเราต้องเป็นฝ่ายขอบคุณ คุณพรายพิลาศ ที่ได้สละเวลาจำนวนมากในการเขียน 12 ตอนในเอนทรี่นี้ขึ้นมาเพื่อเป็นวิทยาทาน ทำได้ละเอียดมากๆ แสดงว่าตั้งใจจะสอนให้ทำเป็นและเข้าใจคนที่จะเข้ามาเรียนรู้
ดิฉันคงต้องเข้ามาศึกษาหลายรอบหน่อย และค่อยๆ แกะรหัสทำตามทีละนิด ถ้าทำสำเร็จเมื่อไหร่กะว่าจะเอารูปภาพเขียนพู่กันจีนมาลงเป็นฉากหลัง (เริ่มฝัน) จะส่งลิงก์มาบอกคุณพรายพิลาศให้ภูมิใจนะคะ (แต่ช้าหน่อยค่ะ)

ความคิดเห็นที่ 20 พรายพิลาศ ถูกใจสิ่งนี้ (1)
ลูกแมวหน้าโรงหนังลุง วันที่ : 23/11/2012 เวลา : 05.10 น.
http://oknation.nationtv.tv/blog/sri

น่าสนใจมากครับ..

จะลองแต่งดู

ความคิดเห็นที่ 19 พรายพิลาศ ถูกใจสิ่งนี้ (1)
driftworm วันที่ : 23/11/2012 เวลา : 00.32 น.
http://oknation.nationtv.tv/blog/driftway
ซักผ้า..เจอแบ๊งค์ห้าร้อยในกระเป๋า...ฮิ้ววว

ดีเลย ผมแก้ค้างคาไว้เป็นเดือนแล้ว

ความคิดเห็นที่ 18 เหล่าซือสุวรรณา ถูกใจสิ่งนี้ (1)
พรายพิลาศ วันที่ : 22/11/2012 เวลา : 23.24 น.
http://oknation.nationtv.tv/blog/prypilas

สวัสดีครับอาจารย์เหล่าซือสุวรรณา

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

ความคิดเห็นที่ 17 พรายพิลาศ ถูกใจสิ่งนี้ (1)
เหล่าซือสุวรรณา วันที่ : 22/11/2012 เวลา : 22.59 น.
http://oknation.nationtv.tv/blog/chineseclub
泰汉语与文化比较  张碧云博客

ขอบคุณมากๆ ค่ะ บล็อกของคุณสวยมากเลย อยากทำเป็นบ้างค่ะ

ความคิดเห็นที่ 16 (0)
พรายพิลาศ วันที่ : 22/11/2012 เวลา : 22.19 น.
http://oknation.nationtv.tv/blog/prypilas

สวัสดีครับคุณตาหนุ่ม

ค่อยๆ ทำไปทีละนิดก็ได้ครับ
ว่างเมื่อไหร่ค่อยเข้ามาทำต่อ เดี๋ยวบล็อกก็ค่อยๆ สวยขึ้นเองครับ
ขอบคุณคุณตาหนุ่มมากครับ

ความคิดเห็นที่ 15 (0)
พรายพิลาศ วันที่ : 22/11/2012 เวลา : 22.14 น.
http://oknation.nationtv.tv/blog/prypilas

สวัสดีครับพี่หวานหวาน

ด้วยความยินดีครับพี่ ..
ลองทำดูเล่นๆ นะครับพี่ ค่อยๆ ทำทีละนิดเดี๋ยวก็ออกมาสวยแล้วล่ะครับ
ขอบคุณพี่หวานหวานมากครับ

ความคิดเห็นที่ 14 พรายพิลาศ ถูกใจสิ่งนี้ (1)
ตาหนุ่ม วันที่ : 22/11/2012 เวลา : 22.12 น.
http://oknation.nationtv.tv/blog/zumon
รวม เรื่องดีๆ จากประสบการณ์ชีวิตและงานที่ปรึกษาด้านการวางระบบบริหารค่าจ้างเงินเดือน มาแบ่งปันสู่สังคม

น่าสนใจมากครับ ต้องลองเล่นบ้างแล้ว

ความคิดเห็นที่ 13 (0)
พรายพิลาศ วันที่ : 22/11/2012 เวลา : 22.08 น.
http://oknation.nationtv.tv/blog/prypilas

สวัสดีครับพี่ชบา

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

ความคิดเห็นที่ 12 (0)
พรายพิลาศ วันที่ : 22/11/2012 เวลา : 22.06 น.
http://oknation.nationtv.tv/blog/prypilas

สวัสดีครับลุงตุ่ย

ขอบคุณเฉยๆ ไม่ได้ครับลุงตุ่ย ลุงตุ่ยต้องสอนผมเรื่องการถ่ายรูปด้วยครับ 555
พูดเล่นนะครับ อิอิ
ขอบคุณลุงตุ่ยมากครับ

ความคิดเห็นที่ 11 (0)
พรายพิลาศ วันที่ : 22/11/2012 เวลา : 22.03 น.
http://oknation.nationtv.tv/blog/prypilas

สวัสดีครับคุณซันญ่า

ด้วยความยินดีครับ ถ้าพอมีเวลาก็ลองทำดูเล่นๆ นะครับ
ขอบคุณคุณซันญ่ามากครับ

ความคิดเห็นที่ 10 (0)
พรายพิลาศ วันที่ : 22/11/2012 เวลา : 22.02 น.
http://oknation.nationtv.tv/blog/prypilas

สวัสดีครับพี่แม่มดฯ

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

ความคิดเห็นที่ 9 (0)
พรายพิลาศ วันที่ : 22/11/2012 เวลา : 21.56 น.
http://oknation.nationtv.tv/blog/prypilas

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

ความคิดเห็นที่ 8 (0)
พรายพิลาศ วันที่ : 22/11/2012 เวลา : 21.51 น.
http://oknation.nationtv.tv/blog/prypilas

สวีสดีครับพี่ชาลี

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

ความคิดเห็นที่ 7 พรายพิลาศ ถูกใจสิ่งนี้ (1)
หวานหวาน วันที่ : 22/11/2012 เวลา : 20.16 น.
http://oknation.nationtv.tv/blog/warnwarn
คาราโอเกะกับหวานหวาน http://www.oknation.net/blog/warnwarnsong

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

ความคิดเห็นที่ 6 พรายพิลาศ ถูกใจสิ่งนี้ (1)
ชบาตานี วันที่ : 22/11/2012 เวลา : 18.57 น.
http://oknation.nationtv.tv/blog/chabatani

ว่างๆจะขอลองทำบ้างแล้วหล่ะ

ความคิดเห็นที่ 5 พรายพิลาศ ถูกใจสิ่งนี้ (1)
ลุงตุ่ย วันที่ : 22/11/2012 เวลา : 17.33 น.
http://oknation.nationtv.tv/blog/THAMRONG

ขอบคุณครับ

ความคิดเห็นที่ 4 พรายพิลาศ ถูกใจสิ่งนี้ (1)
ซันญ่า วันที่ : 22/11/2012 เวลา : 17.15 น.
http://oknation.nationtv.tv/blog/SonyaUAS
เส้นทางเดินที่...ยาวไกลในแผ่นดินอื่น  http://www.booking.com/hotel/th/comon-bungalow-haadchaophao.html_ www.comonbungalow.com www.OmoneyCenter.com/805941/G  

ขอนุญาติ ศึกษา อีก ค่ะ สำเร็จรูป ตลอดเลย อิอิ
.
.

ความคิดเห็นที่ 3 พรายพิลาศ ถูกใจสิ่งนี้ (1)
แม่มดเดือนMarch วันที่ : 22/11/2012 เวลา : 16.18 น.
http://oknation.nationtv.tv/blog/March

พี่แม่มดยังไม่มีเวลาศึกษาเลย คุณครู
วันนี้ที่บ้านงานเยอะหน่อยค่ะ
แต่แค่ดูผ่านๆ ก็เห็นความอุตสาหะมากมายของผู้สอน
แค่นี้ก็ได้ใจของคนอยากรียนไปเต็มๆแล้วค่ะ
แล้วจะมาอ่านเอาเรื่องอีก (หลายๆ) ทีนะคะ
ขอบคุณค่ะ

ความคิดเห็นที่ 2 กำหนัน , พรายพิลาศ ถูกใจสิ่งนี้ (2)
นักเดินทางตัวเขื่อง วันที่ : 22/11/2012 เวลา : 15.59 น.
http://oknation.nationtv.tv/blog/navigaty

ดีมากเลยค่ะ..คุณพราย ที่ช่วยแนะนำ แต่ยังที่พี่ชาลีบอกค่ะ..ต้องให้เวลากับมันจริงๆ ค่ะ..

ความคิดเห็นที่ 1 กำหนัน , พรายพิลาศ ถูกใจสิ่งนี้ (2)
BlueHill วันที่ : 22/11/2012 เวลา : 15.37 น.
http://oknation.nationtv.tv/blog/charlee
นักดูนก

ขอบคุณมากครับ
ทำกันไม่ยากนะ แต่ต้องให้เวลากับมันนิดหนึ่ง

แสดงความคิดเห็น


ถึง บล็อกเกอร์ ทุกท่าน โปรดอ่าน
   ด้วยทาง บริษัท จีเอ็มเอ็ม แกรมมี่ จำกัด (มหาชน) ได้ติดต่อขอความร่วมมือ มายังเว็บไซต์และเว็บบล็อกต่าง ๆ รวมไปถึงเว็บบล็อก OKnation ห้ามให้มีการเผยแพร่ผลงานอันมีลิขสิทธิ์ ของบริษัท จีเอ็มเอ็ม แกรมมี่ฯ บนเว็บ blog โดยกำหนดขอบเขตของสิ่งที่ห้ามทำ และสามารถทำได้ ดังนี้
ห้ามทำ
- การใส่ผลงานเพลงต้นฉบับให้ฟัง ทั้งแบบควบคุมเพลงได้ หรือซ่อนเป็นพื้นหลัง และทั้งที่อยู่ใน server ของคุณเอง หรือ copy code คนอื่นมาใช้
- การเผยแพร่ file ให้ download ทั้งที่อยู่ใน server ของคุณเอง หรือฝากไว้ server คนอื่น
สามารถทำได้
- เผยแพร่เนื้อเพลง ต้องระบุชื่อเพลงและชื่อผู้ร้องให้ชัดเจน
- การใส่เพลงที่ร้องไว้เอง ต้องระบุชื่อผู้ร้องต้นฉบับให้ชัดเจน
จึงเรียนมาเพื่อโปรดปฎิบัติตาม มิเช่นนั้นทางบริษัท จีเอ็มเอ็ม แกรมมี่ฯ จะให้ฝ่ายดูแลลิขสิทธิ์ ดำเนินการเอาผิดกับท่านตามกฎหมายละเมิดลิขสิทธิ์
OKNATION



กฎกติกาการเขียนเรื่องและแสดงความคิดเห็น
1 การเขียน หรือแสดงความคิดเห็นใด ๆ ต้องไม่หมิ่นเหม่ หรือกระทบต่อสถาบันชาติ ศาสนา และพระมหากษัตริย์ หรือกระทบต่อความมั่นคงของชาติ
2. ไม่ใช้ถ้อยคำหยาบคาย ดูหมิ่น ส่อเสียด ให้ร้ายผู้อื่นในทางเสียหาย หรือสร้างความแตกแยกในสังคม กับทั้งไม่มีภาพ วิดีโอคลิป หรือถ้อยคำลามก อนาจาร
3. ความขัดแย้งส่วนตัวที่เกิดจากการเขียนเรื่อง แสดงความคิดเห็น หรือในกล่องรับส่งข้อความ (หลังไมค์) ต้องไม่นำมาโพสหรือขยายความต่อในบล็อก และการโพสเรื่องส่วนตัว และการแสดงความคิดเห็น ต้องใช้ภาษาที่สุภาพเท่านั้น
4. พิจารณาเนื้อหาที่จะโพสก่อนเผยแพร่ให้รอบคอบ ว่าจะไม่เป็นการละเมิดกฎหมายใดใด และปิดคอมเมนต์หากจำเป็นโดยเฉพาะเรื่องที่มีเนื้อหาพาดพิงสถาบัน
5.การนำเรื่อง ภาพ หรือคลิปวิดีโอ ที่มิใช่ของตนเองมาลงในบล็อก ควรอ้างอิงแหล่งที่มา และ หลีกเลี่ยงการเผยแพร่สิ่งที่ละเมิดลิขสิทธิ์ ไม่ว่าจะเป็นรูปแบบหรือวิธีการใดก็ตาม 6. เนื้อหาและความคิดเห็นในบล็อก ไม่เกี่ยวข้องกับทีมงานผู้ดำเนินการจัดทำเว็บไซต์ โดยถือเป็นความรับผิดชอบทางกฎหมายเป็นการส่วนตัวของสมาชิก
คลิ้กอ่านเงื่อนไขทั้งหมดที่นี่"
OKnation ขอสงวนสิทธิ์ในการปิดบล็อก ลบเนื้อหาและความคิดเห็น ที่ขัดต่อความดังกล่าวข้างต้น โดยไม่ต้องชี้แจงเหตุผลใดๆ ต่อเจ้าของบล็อกและเจ้าของความคิดเห็นนั้นๆ
   

กลับไปหน้าที่แล้ว กลับด้านบน