1. คู่มอการใช้ งาน Social Media
ื
[wordpress, slideshare, youtube, gmail, facebook]
โดยครู ณฐพล บัวอุไร
ั
โรงเรี ยนเตรี ยมอุดมศึกษาพัฒนาการ ลาลูกกา
สานักงานเขตพื้นที่การศึกษามัธยมศึกษา เขต 4

2. สารบัญ
หน้า
การสมัครสมาชิก Wordpress 1
การตั้งค่า Wordpress 6
การเปลี่ยน Theme ของ Wordpress 11
การเขียนบทความหรื อเรื่ องใหม่ 14
การขอรหัสผ่านใหม่ กรณี ที่ลืมรหัสผ่าน 21
การสมัครและใช้งาน Slideshare 24
การใช้งาน Slideshare เบื้องต้น 27
การนาเอกสารจาก Slideshare มาใช้ร่วมกับ Wordpress 29
การใช้งาน Youtube 32
การสมัครสมาชิก Gmail 38
การสมัครสมาชิก Facebook 43

3. ครูณัฐพล บัวอุไร [www.nattapon.com]
1
การสมัครสมาชิก Wordpress
1. ขั้นแรก เข้ามาที่เว็บไซต์ http://th.wordpress.com ครับ
2. คลิกที่ปุ่ม “สมัครตอนนี้เลย” ดังรู ป
3. เข้าสู่ หน้าเว็บสาหรับกรอกข้อมูล โดยกรอกข้อมูลดังนี้
่
3.1 ที่อยูของบล็อกให้พิมพ์ชื่อเว็บที่ตองการ เช่น ชื่ อของเราเอง จากนั้นระบบจะตรวจสอบว่ามีชื่อนี้
้
่
อยูแล้วหรื อไม่ หากมีจะเป็ นกากบาท หากไม่มีจะเป็ นเครื่ องหมายถูก สี เขียวครับ
3.2 พิมพ์ช่ือผูใช้ ใช้ชื่อเดียวกับชื่อเว็บที่เราพิมพ์ไปด้านบนก็ได้ครับ
้
3.3 พิมพ์รหัสผ่าน ต้องเป็ นตัวหนังสื อหรื อตัวเลขเท่านั้น เช่น ชื่อเล่นตามด้วย พ.ศ. เกิด ของเรา
3.4 พิมพ์อีเมล์ของเราครับ
3.5 คลิกปุ่ ม Sign Up
3.1
3.2
3.3
3.4
3.5

4. ครูณัฐพล บัวอุไร [www.nattapon.com]
2
4. ถ้าปรากฏหน้านี้แสดงว่าสมัครเสร็ จเรี ยบร้อยแล้วครับ ให้เปิ ดอีเมล์ที่ใช้สมัครได้เลย เพื่อไปทาการยืนยัน
การสมัคร โดยที่ไม่จาเป็ นต้องกรอกข้อมูลหน้านี้ เพราะสามารถกรอกทีหลังได้ครับ

5. ครูณัฐพล บัวอุไร [www.nattapon.com]
3
5. คลิกเปิ ดอีเมล์เพื่อทาการยืนยันการสมัคร Wordpress ครับ
6. คลิกลิงค์เพื่อยืนยันการสมัครครับ
7. ยืนยันการสมัครแล้วจะปรากฏหน้านี้ครับ ให้คลิกที่ “Login” เพื่อเข้าสู่ ระบบ

6. ครูณัฐพล บัวอุไร [www.nattapon.com]
4
8. หน้านี้คือหน้าสาหรับเข้าสู่ ระบบครับ ให้กรอกชื่อผูใช้กบรหัสผ่านที่ใช้ในการสมัคร
้ ั
9. ส่ วนนี้คือระบบหลังเว็บครับ เอาไว้เขียนเนื้ อหา บทความ ตกแต่งเว็บไซต์ สามารถดูหน้าเว็บไซต์ของ
ตนเองได้ โดยคลิกที่ลิงค์ดงรู ปครับ
ั

7. ครูณัฐพล บัวอุไร [www.nattapon.com]
5
10. หน้าเว็บของเราครับ

8. ครูณัฐพล บัวอุไร [www.nattapon.com]
6
การตั้งค่า Wordpress
1. เข้าเว็บไซต์ไปที่ wordpress ของตนเอง แล้วตามด้วย /wp-admin เช่น
kunkrunattapon.wordpress.com/wp-admin จะเข้าสู่ หน้าจอสาหรับเข้าระบบ ดังรู ป
ให้ป้อน Username และ Password แล้วคลิกปุ่ ม “เข้าสู่ ระบบ” ครับ
2. จะเข้าสู่ ระบบหลังเว็บดังรู ป จากนั้นคลิกปุ่ ม “ตั้งค่า”
คลิก

9. ครูณัฐพล บัวอุไร [www.nattapon.com]
7
3. เข้าสู่ หน้าจอตั้งค่า
- ช่อง Site Title สาหรับตั้งชื่ อเว็บไซต์ของเรา
- ช่อง Tagline สาหรับใส่ คาอธิ บายเว็บแบบสั้นๆ (ไม่จาเป็ นต้องใส่ ก็ได้)
- เขตเวลา ให้เลือก UTC+7 ครับ เพราะเป็ นเวลาประเทศไทย
- ด้านขวาสุ ดสามารถใส่ รูปภาพประจาบล็อกของเราได้ครับ
- ตั้งค่าเสร็ จเรี ยบร้อยให้คลิกปุ่ ม “บันทึกการเปลี่ยนแปลง” ครับ

10. ครูณัฐพล บัวอุไร [www.nattapon.com]
8
4. ถ้าต้องการแก้ไขข้อมูลส่ วนตัวให้ไปที่เมนู ผูใช้ –> My Profile จะปรากฏหน้าจอดังรู ป
้
จากนั้นเราสามารถกาหนดข้อมูลส่ วนตัวได้ตามความต้องการครับ

11. ครูณัฐพล บัวอุไร [www.nattapon.com]
9
เมนู ตั้งค่ า –> การเขียน
กาหนดจานวนบรรทัด
สาหรับเขียนบทความ
กาหนดหมวดหมูในบทความที่
่
ไม่ได้ กาหนดหมวดหมูให้ กบ
่ ั
บทความนัน
้
กาหนดหมวดหมูของลิงค์ที่
่
ไม่ได้ กาหนดหมวดหมูไว้
่

12. ครูณัฐพล บัวอุไร [www.nattapon.com]
10
เมนู ตั้งค่ า -> การอ่าน
แสดงเรื่ องบทความจากใหม่ไปหา
เก่าที่หน้ าแรกของเว็บ
แสดงหน้ าบทความหรื อหน้ าอื่นๆ ที่
หน้ าเว็บแรก
แสดงเรื่ องล่าสุดที่หน้ าเว็บจานวน
10 เรื่ อง

13. ครูณัฐพล บัวอุไร [www.nattapon.com]
11
การเปลียน Themes ของ Wordpress
่
1. เข้าเว็บไซต์ไปที่ wordpress ของตนเอง แล้วตามด้วย /wp-admin เช่น
kunkrunattapon.wordpress.com/wp-admin จะเข้าสู่ หน้าจอสาหรับเข้าระบบ ดังรู ป
ให้ป้อน Username และ Password แล้วคลิกปุ่ ม “เข้าสู่ ระบบ” ครับ
2. จะเข้าสู่ ระบบหลังเว็บดังรู ป จากนั้นคลิกปุ่ ม “รู ปแบบบล็อก”
คลิก

14. ครูณัฐพล บัวอุไร [www.nattapon.com]
12
3. เข้าสู่ หน้าต่างสาหรับเลือกรู ปแบบบล็อก เราสามารถเลือกรู ปแบบบล็อกตามที่ตองการได้ครับ เมื่อเลือก
้
ได้แล้วให้กดปุ่ ม “ใช้งาน” ครับ เพื่อเปลี่ยนรู ปแบบบล็อก
การเปลี่ยนรู ปแบบบล็อกนี้สามารถเปลี่ยนได้ตลอดครับ แต่ระบบ wordpress จะมีรูปแบบบล็อกให้จากัด เรา
ไม่สามารถเพิ่มรู ปแบบบล็อกเข้าไปได้เองครับ
ถ้าในหน้าดังกล่าวไม่มีรูปแบบบล็อกที่ถูกใจ เราสามารถคลิกปุ่ ม “เรี ยกใหม่” เพื่อสุ่ มรู ปแบบบล็อกแบบใหม่
ขึ้นมาได้ครับ
เมื่อเลือกรู ปแบบได้แล้ว ลองเปิ ดไปที่หน้าเว็บดูนะครับ ว่ารู ปแบบบล็อกได้เปลี่ยนไปหรื อไม่

15. ครูณัฐพล บัวอุไร [www.nattapon.com]
13

16. ครูณัฐพล บัวอุไร [www.nattapon.com]
14
การเขียนบทความหรือเรื่องใหม่
1. เข้าเว็บไซต์ไปที่ wordpress ของตนเอง แล้วตามด้วย /wp-admin เช่น
kunkrunattapon.wordpress.com/wp-admin จะเข้าสู่ หน้าจอสาหรับเข้าระบบ ดังรู ป
ให้ป้อน Username และ Password แล้วคลิกปุ่ ม “เข้าสู่ ระบบ” ครับ
2. จะเข้าสู่ ระบบหลังเว็บดังรู ป จากนั้นคลิกปุ่ ม “เรื่ อง -> เขียนเรื่ องใหม่”
คลิก

17. ครูณัฐพล บัวอุไร [www.nattapon.com]
15
3. เข้าสู่ หน้าต่างสาหรับเขียนบทความครับ ดังรู ป โดย
ช่องที่ 1 สาหรับใส่ ช่ือเรื่ องหรื อชื่ อบทความ
ช่องที่ 2 สาหรับเขียนเนื้ อหา
ช่องที่ 3 สาหรับกาหนด keyword หรื อคาสาคัญที่เกี่ยวข้องกับบทความที่เขียน
ช่องที่ 4 สาหรับกาหนดหมวดหมู่ (ศึกษาเพิ่มเติมที่ขอต่อไป)
้
ช่องที่ 5 คือปุ่ ม “เผยแพร่ ” คือนาบทความออกแสดงทางหน้าเว็บไซต์
1
5
2
4
3

18. ครูณัฐพล บัวอุไร [www.nattapon.com]
16
4. การสร้างหมวดหมู่
1. คลิกที่ “สร้างหมวดหมู่ใหม่”
2. ตั้งชื่อหมวดหมู่ที่ตองการ
้

19. ครูณัฐพล บัวอุไร [www.nattapon.com]
17
3. คลิกปุ่ ม “สร้างหมวดหมู่ใหม่” ก็จะได้หมวดหมู่ใหม่ที่ตองการแล้วครับ
้
5. การย่อเนื้ อหาที่แสดงหน้าเว็บให้ส้ ันลงโดยใช้แท็ก more
แท็ก more คือ แท็กสาหรับแบ่งเนื้อหาที่จะแสดงที่หน้าแรกครับ ในตัวอย่างข้างต้น ข้อความที่จะแสดงหน้า
่
แรกคือข้อความที่เขียนว่า “เนื้อเรื่ องส่ วนแรก” ส่ วนข้อความที่วา “เนื้ อเรื่ องส่ วนที่สอง” จะแสดงเมื่อเราคลิก
หัวข้อบทความนั้นเพื่อเข้าไปอ่านบทความเต็มครับ เนื้ อหาทั้งหมดก็จะปรากฏขึ้นมา

20. ครูณัฐพล บัวอุไร [www.nattapon.com]
18
6. การแทรกรู ปภาพเข้ามาในเนื้อหา
เมนูสาหรับ
แทรกรูปภาพ
เมื่อคลิกจะปรากฏหน้าต่าง
ให้เราเลือกไฟล์รูปภาพที่ตองการอัพโหลดขึ้นเว็บครับ ระบบจะทาการอัพโหลดให้อตโนมัติ แต่ถาอัพโหลด
้ ั ้
ไม่ได้ให้คลิกปุ่ ม Browser uploader ครับ แล้วเลือกไฟล์รูปภาพแล้วกดปุ่ มอัพโหลด จะปรากฏหน้าจอดังรู ป

21. ครูณัฐพล บัวอุไร [www.nattapon.com]
19
จากนั้นคลิกที่ปุ่ม “ใส่ เข้าในเรื่ อง” ได้เลยครับ รู ปจะไปปรากฏบนเนื้อเรื่ องของเราดังรู ป

22. ครูณัฐพล บัวอุไร [www.nattapon.com]
20

23. ครูณัฐพล บัวอุไร [www.nattapon.com]
21
การขอรหัสผ่านใหม่ กรณีที่ลมรหัสผ่านของ wordpress
ื
1. เข้าสู่ ระบบจัดการเว็บไซต์ของตนเองครับ เช่น www.krunattapon.wordpress.com/wp-admin เราก็จะได้
หน้าต่างดังรู ปด้านล่างนี้ เพื่อเข้าสู่ ระบบ
2. คลิกลิงค์ “คุณจารหัสผ่านไม่ได้” ครับ
เข้ าสูระบบจัดการเว็บไซต์
่
แล้ วคลิกลิงค์นี ้ครับ
3. เข้าสู่ หน้าต่างใหม่ ซึ่ งระบบจะให้เรากรอกชื่อผูใช้หรื ออีเมล์ที่เราใช้สมัครไปครับ
้
กรอกชื่อผู้ใช้ หรืออีเมล์ที่
เราใช้ สมัครสมาชิกครับ

24. ครูณัฐพล บัวอุไร [www.nattapon.com]
22
4. จากนั้นไปเปิ ดอีเมล์ที่เราเคยใช้สมัครสมาชิกครับ ระบบ wordpress จะส่ งอีเมล์สาหรับใช้ในการเปลี่ยน
รหัสใหม่มาให้ครับ
คลิกเปิ ดอีเมล์ที่
wordpress ส่งมาให้
5. คลิกลิงค์เพื่อเข้าสู่ หน้าต่างสาหรับตั้งรหัสผ่านใหม่ครับ
คลิกเพื่อเข้ าสูหน้ าต่าง
่
สาหรับตั ้งรหัสผ่านใหม่
6. เมื่อเข้าสู่ หน้าต่างสาหรับตั้งรหัสผ่านใหม่ เราก็จะสามารถตั้งรหัสผ่านใหม่ที่ตองการได้เลยครับ โดยพิมพ์
้
รหัสใหม่ที่ตองการให้เหมือนกันทั้งสองช่อง แล้วกดปุ่ ม Reset Password
้

25. ครูณัฐพล บัวอุไร [www.nattapon.com]
23
7. เมื่อปรากฏหน้าต่างนี้ แสดงว่าเราตั้งรหัสผ่านใหม่เสร็ จเรี ยบร้อยแล้วครับ สามารถคลิกลิงค์ Log in เพื่อ
เข้าสู่ หน้าต่าง Log in ได้เลย

26. ครูณัฐพล บัวอุไร [www.nattapon.com]
24
การสมัครและใช้ งาน Slideshare
เป็ นหนึ่ งเว็บในกลุ่ ม Social Networking ที่ รองรั บการทาคลังเอกสารส่ วนตัว และคลังเอกสาร
สาธารณะได้เป็ นอย่างดี ท่านที่มีเอกสาร word, presentation และต้องการเผยแพร่ ออกสู่ อินเทอร์ เน็ตเพื่อ
บริ การความรู้ออนไลน์ สามารถใช้ Slideshare เป็ นสื่ อกลางได้ เอกสารที่เผยแพร่ น้ ี จะถูกแปลงเป็ น Flash
Presentation และนาไปใช้งานต่อได้ง่าย ไม่ตองมาเสี ยเวลากับการคลิ กดาวน์โหลดและเปิ ด หรื อปั ญหา
้
เกี่ยวกับ Version ของโปรแกรมที่ใช้เปิ ดไม่ตรงกับโปรแกรมที่ใช้สร้างผลงาน นอกจากนี้ ยงมีคาสั่งเพื่อช่วย
ั
นาเสนอผ่านเว็บต่างๆ ได้ง่าย ผสานกับ Facebook, LinkedIn, WordPress ได้ทนที ั
อย่างไรก็ตามเอกสารที่นาเข้า Slideshare ควรเป็ นเอกสารที่เหมาะสมทั้งที่จะเผยแพร่ ได้ หรื อหาก
ท่านต้องการกาหนดสิ ทธิ์ การเข้าถึงก็ไปเลือกระบุเงื่อนไข Privacy กากับเอกสารแต่ละชิ้นได้อิสระ รวมทั้ง
กาหนดสิ ทธิ์ ดาวน์โหลดเอกสารต้นฉบับได้เช่นกัน
ขั้นตอนการสมัคร Slideshare
1. เปิ ดเว็บไซต์ www.slideshare.net จะปรากฏหน้าจอดังรู ป
คลิกปุ่ ม Signup เพื่อ
ทาการสมัครสมาชิก

27. ครูณัฐพล บัวอุไร [www.nattapon.com]
25
2. จะเข้าสู่ หน้าจอสาหรับกรอกข้อมูลผูสมัคร ให้กรอกข้อมูลส่ วนตัวดังรู ป
้
Username คือ ชื่อสาหรับเข้าระบบ
ต้องเป็ นภาษาอังกฤษหรื อตัวเลขครับ
กรอก E-Mail ของผูสมัคร
้
กรอกรหัสผ่านสาหรับเข้าระบบ
เลือกอะไรก็ได้ครับ
กรอกเสร็ จแล้ว คลิกเลย!!
3. เข้าสู่ หน้าจอรายละเอียด ให้กรอกข้อมูลส่ วนตัวของผูสมัครครับ
้
กรอกชื่อผูใช้
้
เลือกประเทศไทย
กรอกจังหวัด
เว็บไซต์ของผูสมัครครับ หากไม่มีให้ใส่ เว็บ
้
โรงเรี ยนไปก่อนครับ www.tupl.ac.th
เลือกอะไรก็ได้ครับ !!
่ ้
กรอกรหัสให้เหมือนกับคาที่อยูดานหน้า
คลิกทาเครื่ องหมาย  ครับ
กรอกเสร็ จแล้ว คลิกเลย

28. ครูณัฐพล บัวอุไร [www.nattapon.com]
26
4. ถ้าขึ้นหน้าจอนี้แสดงว่าสมัครเสร็ จเรี ยบร้อยแล้วครับ ให้ผสมัครเข้าไปที่ E-Mail ที่ใช้ในการสมัคร เพื่อทา
ู้
การยืนยันการใช้งาน Slideshare ครับ
5. เข้ามาที่ E-Mail เพื่อทาการยืนยันการใช้งาน Slideshare
E-Mail ที่ถูกส่ งมาจาก
Slideshare ครับ คลิกเข้าไปเลย
คลิกที่ลิงค์ เพื่อทา
การยืนยันครับ

29. ครูณัฐพล บัวอุไร [www.nattapon.com]
27
การใช้ งาน Slideshare เบืองต้ น
้
การอัพโหลดเอกสาร
1. เข้าสู่ เว็บไซต์ www.slideshare.net และทาการ login หรื อเข้าสู่ ระบบโดยใช้ ชื่ อและรหัสผ่านที่เคยสมัคร
ไปครับ
คลิกปุ่ ม Login เพื่อ
เข้าสู่ ระบบ
2. เข้าสู่ หน้าจอสาหรับเข้าระบบ ให้ผใช้กรอก Username หรื อ Email และรหัสผ่านที่เคยสมัครไปครับ
ู้
จากนั้นคลิกปุ่ ม Login
กรอก Username
หรื อ Email
กรอรหัสผ่าน

30. ครูณัฐพล บัวอุไร [www.nattapon.com]
28
3. เข้าสู่ หน้าจอส่ วนตัวของเรา ซึ่ งยังไม่มีเอกสารใดๆ อยูเ่ ลย
การอัพโหลดเอกสารใหม่ ให้คลิกที่ปุ่ม UPLOAD ได้เลยครับ
คลิกปุ่ ม UPLOAD
เพื่ออัพโหลดเอกสาร
4. เข้าสู่ หน้าจอสาหรับอัพโหลด ให้คลิกปุ่ ม Browser and select files ครับ จากนั้นเลือกไฟล์ที่ตองการอัพ
้
โหลด แต่ถาหากใช้อินเทอร์ เน็ตโรงเรี ยนให้คลิกปุ่ ม Try single upload เพื่อทาการอัพโหลดอีกวิธีหนึ่งครับ
้
หากใช้อินเทอร์ เน็ตที่
โรงเรี ยนให้คลิกปุ่ มนี้
คลิก แล้วเลือกไฟล์ที่ ก่อนครับ
ต้องการอัพโหลด
5. กรณี ที่คลิกปุ่ ม Try single upload จะปรากฏหน้าจอดังรู ปด้านล่าง จากนั้นเลือกไฟล์เอกสารที่ตองการอัพ
้
โหลดได้เลยครับ
คลิก แล้วเลือกไฟล์ที่
ต้องการอัพโหลด
่
6. รู ปนี้ ระบบกาลังทาการอัพโหลดอยูครับ ให้รอสักครู แต่ระหว่างรอสามารถเปลี่ยนชื่อเอกสาร และเพิ่ม
ข้อมูลได้ตามรู ปครับ

31. ครูณัฐพล บัวอุไร [www.nattapon.com]
29
7. เมื่ออัพโหลดเสร็ จแล้ว จะปรากฏดังรู ปครับ
การนาเอกสารจาก Slideshare ไปใช้ ร่วมกับ Blog (Wordpress)
1. เปิ ดเว็บไซต์ www.slideshare.net คลิกที่ชื่อของตนเอง แล้วเลือกเมนู My Uploads ดังรู ป
เลือกเมนู My Uploads
2. จะปรากฏรายการเอกสารที่ได้อพโหลดไปทั้งหมด ให้คลิกเลือกเอกสารที่ตองการ
ั ้
เลือกเอกสารที่ตองการ
้

32. ครูณัฐพล บัวอุไร [www.nattapon.com]
30
3. เข้าสู่ หน้าที่ได้เลือกเอกสารไว้ จะปรากฏหน้าจอดังรู ป ให้คลิกที่ปุ่ม Wordpress ด้านซ้ายมือ
คลิกเลือก Wordpress
4. ปรากฏหน้าต่างแสดง Code ที่สามารถนาไปใช้ร่วมกับ Wordpress ให้คดลอก Code ที่อยูในช่องด้านล่าง
ั ่
คัดลอก
5. เข้าสู่ เว็บไซต์ Blog ของตนเอง (เช่น www.krunattapon.wordpress.com/wp-admin) และเข้าสู่ ระบบ
นา Code ที่คดลอกมาวาง
ั
ไว้ในส่ วนเนื้ อหาของ
Blog แล้วกดปุ่ ม เผยแพร่

33. ครูณัฐพล บัวอุไร [www.nattapon.com]
31
6. เปิ ดเว็บไซต์ของตนเอง (เช่น www.krunattapon.wordpress.com) จะปรากฏเอกสารที่ได้อพโหลดขึ้นไป
ั
ดังรู ป

34. ครูณัฐพล บัวอุไร [www.nattapon.com]
32
Youtube
Youtube คืออะไร
เป็ นเว็บไซต์ที่ให้บริ การแลกเปลี่ ยนภาพวิดีโอระหว่างผูใช้ได้ฟรี โดยนาเทคโนโลยีของ Adobe
้
Flash มาใช้ในการแสดงภาพวิดีโอ ซึ่ งยูทูบมีนโนบายไม่ให้อปโหลดคลิปที่มีภาพโป๊ เปลือยและคลิปที่มี
ั
ลิขสิ ทธิ์ นอกเสี ยจากเจ้าของลิขสิ ทธิ์ ได้อปโหลดเอง เมื่อสมัครสมาชิกแล้วผูใช้จะสามารถใส่ ภาพวิดีโอเข้า
ั ้
ไปแบ่งปั นภาพวิดีโอให้คนอื่นดูดวย แต่หากไม่ได้สมัครสมาชิ กก็สามารถเข้าไปเปิ ดดูภาพวิดีโอที่ผใช้คน
้ ู้
อื่น ๆ ใส่ ไว้ใน Youtube ได้ แม้จะก่อตั้งได้เพียงไม่นาน (youtube ก่อตั้งขึ้นเมื่อเดือนกุมภาพันธ์ ค.ศ. 2005)
ัั
Youtube เติบโตอย่างรวดเร็ วมาก เป็ นที่รู้จกนแพร่ หลายและได้รับความนิ ยมทัวโลก ต่อมาปี ค.ศ.2006 กูเกิ้ล
่
ซื้ อยูทบ ตอนนี้ยทูบจึงกลายเป็ นส่ วนหนึ่งของกูเกิ้ลแล้ว (oknation)
ู ู
การใช้ งาน Youtube ร่ วมกัน Wordpress
1. ทาการ Login และคลิกปุ่ ม Upload
คลิก

35. ครูณัฐพล บัวอุไร [www.nattapon.com]
33
2. จะเข้าสู่ หน้าจอสาหรับอัพโหลดวีดีโอ โดยคลิกที่ปุ่ม Upload video ได้เลยเพื่ออัพโหลดครับ แต่ถา
้
่
อินเตอร์ เน็ตที่ใช้อยูไม่เร็ วพอ ก็คลิกที่ปุ่ม basic upload ก่อนนะ
คลิกเพื่อเลือกวีดีโอ
คลิก (ถ้ าอินเตอร์ เน็ตช้ า)
หรื อใช้ ปมด้ านบนไม่ได้
ุ่
3. ถ้าคลิกที่ปุ่ม basic uploader เราจะสามารถเลือกการอัพโหลดแบบธรรมดาได้ ซึ่ งช่วยให้การอัพโหลดง่าย
ขึ้น โดยคลิกที่ปุ่ม “เรี ยกดู” แล้วเลือกวีดีโอเพื่ออัพโหลด
คลิกเพื่อเลือกวีดีโอ

36. ครูณัฐพล บัวอุไร [www.nattapon.com]
34
4. เมื่อเลือกวีดีโอแล้ว ระบบจะทาการอัพโหลดให้อย่างอัตโนมัติ โดยเราสามารถไปแก้ไขข้อมูลวีดีโอต่างๆ
ได้ในขณะที่ระบบกาลังทางาน
ระบบกาลังอัพโหลดวีดีโอ
เปลี่ยนชื่อวีดีโอ
คาบรรยายเกี่ยวกับวีดีโอ
(ไม่ใส่ก็ได้ )
เลือกหมวดหมูวีดีโอ
่

37. ครูณัฐพล บัวอุไร [www.nattapon.com]
35
5. เมื่ออัพโหลดเสร็ จแล้ว ให้ลองคลิกดูวดีโอที่ทาการอัพโหลดไป ได้ที่ เมนูของเรา โดยเลือก My Videos
ี
คลิก My Videos
6. จะปรากฏวีดีโอที่ได้ทาการอัพโหลดไปทั้งหมด สามารถที่จะคลิกดูได้เลยครับ
คลิกเพื่อดูวีดีโอ
7. ขั้นต่อไปจะเป็ นการนาวีดีโอเหล่านี้ไปใส่ ในเว็บบล็อกของเรา โดยเมื่อเปิ ดวีดีโอมาแล้ว ให้คลิกที่ปุ่ม
Embed ดังรู ป
คลิก

38. ครูณัฐพล บัวอุไร [www.nattapon.com]
36
8. จะปรากฏหน้าจอด้านล่างวีดีโอดังรู ป ให้ทาการคัดลอก (coppy) โค๊ดทั้งหมดไปใส่ ใน Blog ของเราได้เลย
ครับ
คัดลอกไปใส่ใน Blog
9. เมื่อเปิ ด Blog ใน Wordpress มาแล้ว ให้คลิกที่แท็บ HTML ก่อนครับ แล้ววางโค๊ดทั้งหมดลงไปได้เลย
1. คลิกแท็บ HTML
2. วางโค๊ ดที่คดลอกมา
ั

39. ครูณัฐพล บัวอุไร [www.nattapon.com]
37
10. เมื่อคลิกปุ่ มเผยแพร่ แล้ว วีดีโอของเราก็จะไปแสดงที่หน้าเว็บบล็อกเรี ยบร้อยแล้วครับ

40. ครูณัฐพล บัวอุไร [www.nattapon.com]
38
การสมัคร Gmail
Gmail เป็ นเว็บไซต์ของบริ ษท Google (www.google.com) ที่ให้บริ การไปรษณี ยอิเล็กทรอนิกส์ หรื อ E-Mail
ั ์
ฟรี ไม่ตองเสี ยค่าใช้จ่าย โดยให้พ้ืนที่เก็บข้อมูลถึง 7 GB มีเครื่ องมือในการจัดการ E-Mail ที่มีประสิ ทธิภาพ
้
สู ง รวดเร็ ว ขั้นตอนการลงทะเบียนง่าย และสะดวก มีการแสดงผลเป็ นภาษาไทย ปั จจุบนจึงมีผที่ลงทะเบียน
ั ู้
ใช้งาน E-Mail ผ่าน Gmail เป็ นจานวนมาก
ขั้นตอนการลงทะเบียนเพือใช้ งาน Gmail มีข้นตอนดังนี้
่ ั
1. เปิ ดเว็บไซต์ Gmail โดยกรอก URL คือ www.gmail.com จะปรากฏหน้าจอดังรู ปด้านล่าง จากนั้นคลิกที่
ปุ่ ม “สร้างบัญชี”
คลิกปุ่ ม
“สร้างบัญชี”

41. ครูณัฐพล บัวอุไร [www.nattapon.com]
39
2. เข้าสู่ หน้าจอสาหรับกรอกข้อมูลส่ วนตัว โดยในหน้าจอนี้ให้ผสมัครทาการกรอกข้อมูลของตนเองลงไป
ู้
ในช่องที่ระบบกาหนดไว้
พิมพ์ชื่อ E-Mail ที่ตองการ โดยต้องเป็ นตัวอักษร ตัวเลข
้
่
หรื อ จุด (.) เท่านั้น จากนั้นคลิกปุ่ ม “ตรวจดูวามีหรื อไม่”
เพื่อทาการตรวจสอบว่าชื่ อนั้นถูกใช้ไปแล้วหรื อไม่
รหัสผ่านเป็ นตัวเลขหรื อตัวอักษรพิมพ์ติดกัน
ไม่นอยกว่า 6 ตัวอักษร โดยพิมพ์ให้
้
เหมือนกันทั้งสองช่อง
กรอกรหัสที่เห็นด้านบนให้ถูกต้อง
คลิกปุ่ ม “ฉันยอมรับ โปรด
สร้างบัญชีของฉัน”

42. ครูณัฐพล บัวอุไร [www.nattapon.com]
40
3. ระบบจะให้ผสมัครยืนยันบัญชีของตนเอง โดยให้กรอกหมายเลขโทรศัพท์ แล้วกดปุ่ ม “ส่ งรหัสยืนยันไป
ู้
ยังโทรศัพท์มือถือของฉัน” (ไม่เสี ยค่าใช้จ่าย)
กรอกเบอร์ โทรศัพท์มือถือ แล้วกดปุ่ ม
“ส่ งรหัสยืนยันไปยังโทรศัพท์มือถือของ
ฉัน” จากนั้นรอสักครู่ ระบบ gmail จะ
ส่ งรหัสผ่านมาให้ทางโทรศัพท์
4. เมื่อได้รับรหัสผ่านแล้วให้พิมพ์รหัสผ่านลงในช่อง “ป้ อนรหัสของคุณ” จากนั้นกดปุ่ มยืนยัน
พิมพ์รหัสผ่านที่ได้รับทางโทรศัพท์
แล้วกดปุ่ ม “ยืนยัน”

43. ครูณัฐพล บัวอุไร [www.nattapon.com]
41
5. คลิกปุ่ ม “แสดงบัญชีของฉัน” เพื่อเข้าสู่ หน้าจอแสดงจดหมาย (E-Mail)
6. เสร็ จเรี ยบร้อยแล้วครับ การสมัครใช้งาน E-Mail ของ Gmail
สามารถออกจากระบบได้
โดยคลิกปุ่ ม “ออกจากระบบ”

44. ครูณัฐพล บัวอุไร [www.nattapon.com]
42
7. การเข้าสู่ ระบบ E-Mail ของ Gmail โดยเข้าเว็บไซต์ www.gmail.com ได้โดยตรง หรื อเข้าจากหน้าเว็บ
www.google.com ดังรู ป
คลิกปุ่ ม
“ลงชื่อเข้าสู่ ระบบ”
8. เข้าสู่ หน้าจอสาหรับกรอก E-Mail และ รหัสผ่าน
กรอก E-Mail และ
รหัสผ่าน
9. ตอนนี้ก็สามารถใช้งานเครื่ องมือต่างๆ ของ Google ได้แล้วครับ โดยคลิกเลือกที่เมนูดานบน
้
เครื่ องมือหรื อ Google Apps
หากต้องการเข้าไปที่ E-Mail
ก็คลิกที่ปุ่ม Gmail ได้เลยครับ

45. ครูณัฐพล บัวอุไร [www.nattapon.com]
43
การสมัครสมาชิก Facebook
1. เข้าสู่ เว็บไซต์ www.facebook.com จะปรากฏหน้าต่างดังรู ป ให้กรอกข้อมูลส่ วนตัวลงในช่องสาหรับ
ลงทะเบียนครับ
กรอกข้ อมูลแล้ วกดปุ่ มลงทะเบียน
2. พิมพ์ขอความลงในช่องว่างตามที่ระบบกาหนดครับ แล้วกดปุ่ มลงทะเบียน
้
พิมพ์ข้อความแล้ วกดปุ่ มลงทะเบียน

46. ครูณัฐพล บัวอุไร [www.nattapon.com]
44
3. ระบบจะให้เราดาเนินการ 3 ขั้นตอน ซึ่ งหากยังไม่มีขอมูลก็สามารถคลิกปุ่ ม “ข้ามขั้นตอนนี้” ไปก่อนได้
้
ครับ
ขั้นที่ 1 เป็ นส่ วนของการค้นหาเพื่อนจากอีเมล์ครับ ถ้ายังไม่คนหาเพื่อนก็สามารถข้ามไปก่อนได้
้
ขั้นที่ 2 กรอกข้อมูลส่ วนตัวครับ สามารถกรอกได้เลย แล้วคลิกปุ่ ม “บันทึกและดาเนินการต่อ”
ขั้นที่ 3 อัพโหลดรู ปภาพส่ วนตัว ถ้ายังไม่มีสามารถอัพโหลดภายหลังได้ครับ

47. ครูณัฐพล บัวอุไร [www.nattapon.com]
45
4. ระบบจะนาเราเข้าสู่ หน้าต่างนี้พร้อมกับเตือนว่าให้ไปที่อีเมล์เพื่อยืนยันการสมัครสมาชิกครับ
5. เปิ ดอีเมล์ที่ใช้ในการสมัครสมาชิก จะพบอีเมล์จากระบบ facebook ที่ส่งเข้ามาครับ ให้คลิกเข้าไปได้เลย
6. แล้วคลิกที่ปุ่ม “เริ่ มกันเลย” ครับ

48. ครูณัฐพล บัวอุไร [www.nattapon.com]
46
7. ตอนนี้เราก็จะสามารถใช้งาน facebook เราได้แล้วครับ

49. การใช้งาน GoogleDocs เอกสารประกอบการอบรม “โครงการก้าวใหม่ของครูไทย ก้าวไกลด้วย Social Media”
การใช้งาน GoogleDocs
1. การ Login เข้าระบบ GoogleDocs
 เปิดเว็บไซต์ www.google.com คลิกลิงค์ “เอกสาร”
 เข้าสู่ระบบด้วย account google

 จะปรากฏหน้าต่างเอกสารดังภาพ (กรณีเริ่มต้น จะไม่มีเอกสารใดๆ ในหน้าเว็บไซต์)
สานักเทคโนโลยีเพื่อการเรียนการสอน กระทรวงศึกษาธิการ ( โดยครูณัฐพล บัวอุไร ) หน้า 1

50. การใช้งาน GoogleDocs เอกสารประกอบการอบรม “โครงการก้าวใหม่ของครูไทย ก้าวไกลด้วย Social Media”
2. การสร้างเอกสารใหม่ (เอกสารชนิดตารางคานวณ หรือ excel)
ในส่วนนี้เป็นการสร้างเอกสารใหม่ (เอกสารชนิดตารางคานวณ) สาหรับเก็บข้อมูลคะแนนนักเรียน และจะ
นาตารางนี้ไปแสดงผลในหน้าเว็บบล็อกของตนเอง เพื่อให้นักเรียนสามารถเข้ามาดูคะแนนจากการทางานหรือการ
เรียนของตนเองได้
 คลิกเมนู CREATE เลือก Spreadsheet เพื่อสร้างเอกสารชนิดตาราง (เหมือนกับ Microsoft Excel)

 จะปรากฏหน้าต่างตารางคานวณดังรูป
สานักเทคโนโลยีเพื่อการเรียนการสอน กระทรวงศึกษาธิการ ( โดยครูณัฐพล บัวอุไร ) หน้า 2

51. การใช้งาน GoogleDocs เอกสารประกอบการอบรม “โครงการก้าวใหม่ของครูไทย ก้าวไกลด้วย Social Media”
 ตั้งชื่อไฟล์เอกสาร
 กรอกข้อมูลลงในตารางตามต้องการ (สาหรับในที่นี้เป็นตารางแสดงคะแนนนักเรียนห้อง ม.4/1)
 เป็นปุ่มสาหรับเพิ่มหน้าเอกสารใหม่ (add sheet)
 ชื่อของ sheet สามารถเปลี่ยนได้โดยคลิกแล้วเลือก rename…
หมายเหตุ : ผู้ใช้ไม่จาเป็นต้องบันทึกงาน เพราะโปรแกรมจะทาการบันทึกให้อัตโนมัติครับ


 
3. การ Publish เอกสารเพื่อนาไปใช้ในเว็บไซต์
 เลือกเมนู File -> Publish to the Web…

สานักเทคโนโลยีเพื่อการเรียนการสอน กระทรวงศึกษาธิการ ( โดยครูณัฐพล บัวอุไร ) หน้า 3

52. การใช้งาน GoogleDocs เอกสารประกอบการอบรม “โครงการก้าวใหม่ของครูไทย ก้าวไกลด้วย Social Media”
 จะปรากฏหน้าต่างดังรูป
 เลือก sheets ที่ต้องการ Publish (โดยทั่วไปเลือก All sheets เพื่อแสดง sheet ทั้งหมด)
 คลิกปุ่ม Start publish


 จะได้คลิกดังรูป (เป็นลิงค์ของเว็บเพจ)
 ถ้าต้องการโค๊ดแบบฝังในเว็บไซต์ ให้เลือกเป็นชนิด HTML to embed in a page


สานักเทคโนโลยีเพื่อการเรียนการสอน กระทรวงศึกษาธิการ ( โดยครูณัฐพล บัวอุไร ) หน้า 4

53. การใช้งาน GoogleDocs เอกสารประกอบการอบรม “โครงการก้าวใหม่ของครูไทย ก้าวไกลด้วย Social Media”
4. การนาโค๊ดที่ได้จากการ Publish มาแสดงผลใน Wordpress
ในขั้นตอนนี้จะนาโค๊ดแบบฝังที่ได้จากการ Publish ในขั้นตอนข้างต้นมาแสดงผลในเว็บบล็อก
Wordpress ครับ โดยมีวิธีการดังนี้
 Login เข้าสู่เว็บบล็อก Wordpress ของตนเอง และเลือกเมนู หน้า -> เขียนหน้าใหม่
 ตั้งชื่อหน้า
 คัดลอกโค๊ดแบบฝังจากขั้นตอนก่อนหน้ามาวางไว้ในแท็บ HTML
 กดปุ่มเผยแพร่



 จะได้ผลลัพธ์ที่หน้าเว็บไซต์ดังนี้
สานักเทคโนโลยีเพื่อการเรียนการสอน กระทรวงศึกษาธิการ ( โดยครูณัฐพล บัวอุไร ) หน้า 5

54. การใช้งาน GoogleDocs เอกสารประกอบการอบรม “โครงการก้าวใหม่ของครูไทย ก้าวไกลด้วย Social Media”
5. การสร้างฟอร์มด้วย GoogleDocs
 เมนู CREATE เลือก Form

 จะปรากฏหน้าต่างดังรูป ซึ่งเป็นหน้าต่างสาหรับสร้างฟอร์ม
สานักเทคโนโลยีเพื่อการเรียนการสอน กระทรวงศึกษาธิการ ( โดยครูณัฐพล บัวอุไร ) หน้า 6

55. การใช้งาน GoogleDocs เอกสารประกอบการอบรม “โครงการก้าวใหม่ของครูไทย ก้าวไกลด้วย Social Media”
 รูปแบบของฟอร์มสามารถเพิ่มได้โดยคลิกปุ่ม Add item โดย
1. Text หมายถึง รูปแบบฟอร์มสาหรับกรอกข้อมูลประเภทข้อความบรรทัดเดียว เช่น ชื่อ, นามสกุล,
ชื่อโรงเรียน เป็นต้น
2. Paragraph text หมายถึง รูปแบบฟอร์มสาหรับกรอกข้อมูลประเภทข้อความหลายบรรทัด
3. Multiple choice หมายถึง รูปแบบฟอร์มสาหรับกรอกข้อมูลประเภทตัวเลือกหลายตัวเลือก (เลือก
ได้ข้อเดียว)
สานักเทคโนโลยีเพื่อการเรียนการสอน กระทรวงศึกษาธิการ ( โดยครูณัฐพล บัวอุไร ) หน้า 7

56. การใช้งาน GoogleDocs เอกสารประกอบการอบรม “โครงการก้าวใหม่ของครูไทย ก้าวไกลด้วย Social Media”
4. Checkboxes หมายถึง รูปแบบฟอร์มสาหรับกรอกข้อมูลประเภทตัวเลือก (เลือกได้มากกว่าหนึ่ง)
5. Choose from a list หมายถึง รูปแบบฟอร์มสาหรับเลือกข้อมูลจากลิสต์รายการ
6. Scale หมายถึง รูปแบบฟอร์มสาหรับเลือกข้อมูลแบบมาตราส่วนประมาณค่า
7. Grid หมายถึง รูปแบบฟอร์มสาหรับเลือกมูลแบบตาราง
 ใส่ชื่อหัวข้อแบบฟอร์ม และคาชี้แจงในการกรอกแบบฟอร์ม และจัดแบบฟอร์มตามต้องการ
สานักเทคโนโลยีเพื่อการเรียนการสอน กระทรวงศึกษาธิการ ( โดยครูณัฐพล บัวอุไร ) หน้า 8

57. การใช้งาน GoogleDocs เอกสารประกอบการอบรม “โครงการก้าวใหม่ของครูไทย ก้าวไกลด้วย Social Media”
 เลือก Theme ของแบบฟอร์ม โดยคลิกที่ปุ่ม Theme: Plain และเลือก Theme ตามต้องการ
 ระบบจะแสดงตัวอย่างฟอร์ม (สาหรับภาษาไทยอาจจะแสดงผลผิดพลาด แต่ในการแสดงผลจริงจะแสดงผลได้
ครับ ผู้ใช้สามารถเลือก Theme ที่ต้องการและคลิกปุ่ม Apple เพื่อเลือกใช้ Theme ที่ต้องการได้เลย แต่หาก
ต้องการเลือก Theme ใหม่ ให้คลิกปุ่ม Cancel
สานักเทคโนโลยีเพื่อการเรียนการสอน กระทรวงศึกษาธิการ ( โดยครูณัฐพล บัวอุไร ) หน้า 9

58. การใช้งาน GoogleDocs เอกสารประกอบการอบรม “โครงการก้าวใหม่ของครูไทย ก้าวไกลด้วย Social Media”
 เมื่อคลิกปุ่ม Apply แล้วจะกลับเข้าสู่หน้าเดิม
 นาลิงค์ด้านล่างไปใช้ในการเผยแพร่ได้ครับ
 เมื่อแสดงผลจะปรากฏดังรูป
 หากต้องการโค๊ดแบบฝังเพื่อนาไปใส่ในบล็อกสามารถทาได้โดยการคลิกปุ่ม More actions เลือก Embed
สานักเทคโนโลยีเพื่อการเรียนการสอน กระทรวงศึกษาธิการ ( โดยครูณัฐพล บัวอุไร ) หน้า 10

59. การใช้งาน GoogleDocs เอกสารประกอบการอบรม “โครงการก้าวใหม่ของครูไทย ก้าวไกลด้วย Social Media”
 จะปรากฏหน้าต่างดังรูป สามารถคัดลอกโค๊ดไปวางไว้ในแท็บ HTML ของ Wordpress ได้ครับ
จบแล้วครับ
หลักสูตรเร่งรัดในการใช้ GoogleDocs
ของให้มีความสุขกับการใช้ Social Media ในการจัดการเรียนการสอนนะครับ
ณัฐพล บัวอุไร (โจ๊ก)
สานักเทคโนโลยีเพื่อการเรียนการสอน กระทรวงศึกษาธิการ ( โดยครูณัฐพล บัวอุไร ) หน้า 11