1
เอกสารบันทึกในรายวิชาเทคโนโลยีเพื่อการออกแบบนิเทศศิลป์
คำนำ เอกสารคู่มือการเรียนรู้และใช้งาน Blogger เบื้องต้นที่จัดทาขึ้นนี้เป็นเอกสารประกอบการ เรียนรู้ในรายวิชา เทคโนโลยีเพื่อการออกแบบนิเทศศิลป์ ARTI-3319 จัดทาขึ้นโดย นายปรัชญ์ จันทร์รูปงาม โดยใช้ชื่อ คู่มือการเรียนรู้การใช้งานบริหารจัดการ Blogger โดยจัดทาขึ้นการจัดทาคู่มือการจัดการเรียนรู้ฉบับนี้สร้างเพื่อเผยแพร่ข้อมูลและขั้นตอน ตั้งแต่การสมัคร Gmail จนถึงขั้นตอนการสร้าง Blogger เพื่อให้ผู้ที่กาลังเริ่มใช้งานเข้าถึงการใช้งาน และปรับแต่งได้ด้วยตนเอง ผู้จัดทาพยายามเขียนให้เข้าใจง่ายเพื่อง่ายต่อการใช้งานและสะดวกต่อ การปฏิบัติตาม หากมีข้อผิดพลาดประการไดจึงขออภัย ณ ที่นี้ด้วย
นาย ปรัชญ์ จันทร์รูปงาม
นาย ปรัชญ์ จันทรณ์รูปงาม
2
เอกสารบันทึกในรายวิชาเทคโนโลยีเพื่อการออกแบบนิเทศศิลป์
สำรบัญ
1.วิธีกำรสมัครใช้ G-mail
3-5
2.วิธีกำรลงชื่อเข้ำใช้งำน Blogger
6-8
3.วิธีกำรปรับแต่งขนำดและกรำฟิก Blogger
9-12
4.วิธีกำรตั้งค่ำ Blogger ขั้นพื้นฐำน
13
5.วิธีกำรใส่ Gadget ใน Blogger
14-17
นาย ปรัชญ์ จันทรณ์รูปงาม
3
เอกสารบันทึกในรายวิชาเทคโนโลยีเพื่อการออกแบบนิเทศศิลป์
1.วิธีกำรสมัครสมำชิกของ Gmail 1.ขั้นตอนแรกให้เข้ำไปที่ www.Gmail.com เพื่อสมัครสมำชิก
1 2
ภำพที่ 1.1 แสดงหน้าต่างลงชื่อเข้าใช้งาน ที่มา นาย ปรัชญ์ จันทร์รูปงาม
หมำยเลข 1 สมัครสมาชิกใหม่ หมำยเลข 2 กรอกชื่อ E-mail ของผู้ใช้
นาย ปรัชญ์ จันทรณ์รูปงาม
4
เอกสารบันทึกในรายวิชาเทคโนโลยีเพื่อการออกแบบนิเทศศิลป์ เมื่อเลือก create an account เรียบร้อยแล้วจะปลำกฎหน้ำเพจให้ดังนี้
4
3
6
5 7
8
9
10
11 12
ภำพที่1.2แสดงหน้าต่างกรอกรายละเอียด ที่มา นาย ปรัชญ์ จันทร์รูปงาม
หมำยเลข 3 ให้กรอกชื่อและนามสกุล
หมำยเลข 8 ระบุเพศ
หมำยเลข 4 กรอกอีเมลล์ของผู้เข้าใช้
หมำยเลข 9 กรอกหมายเลขโทรศัพท์
หมำยเลข 5 ตั้งรหัสเข้าใช้
หมำยเลข 10 ให้ระบุอีเมลล์สารอง
หมำยเลข 6 ยืนยันรหัสเข้าใช้
หมำยเลข 11 กดยืนยันว่ามีผู้ใช้อยู่จริง
หมำยเลข 7 แจ้ง วัน เดือน ปี เกิด
หมำยเลข 12 เลือกภูมีลาเนาของผู้ใช้
นาย ปรัชญ์ จันทรณ์รูปงาม
5
เอกสารบันทึกในรายวิชาเทคโนโลยีเพื่อการออกแบบนิเทศศิลป์
13
ภาพที่ 1.3 แสดงหน้าต่างบัญชีผู้ของใช้ ที่มา นาย ปรัชญ์ จันทร์รูปงาม หมายเลข 13 add profile proto ใส่ภาพประจาตัวของผู้ใช้
ภำพที่ 1.4 แสดงกล่องข้อความจดหมายที่รับ Gmail ที่มา นาย ปรัชญ์ จันทร์รูปงาม ทั้งหมดเป็นวิธีการสมัคร G-mail
นาย ปรัชญ์ จันทรณ์รูปงาม
6
เอกสารบันทึกในรายวิชาเทคโนโลยีเพื่อการออกแบบนิเทศศิลป์
2.กำรลงชื่อเข้ำใช้งำน Blogger วิธีลงชื่อเข้ำใช้งำน Blogger 13
ภำพที่ 2.1 แสดงกล่องข้อความจดหมายที่รับ Gmail ที่มา นาย ปรัชญ์ จันทร์รูปงาม หมำยเลข 13 ให้ผู้ใช้เลือกคาที่เขียนว่า Blogger
14
15
ภำพที่ 2.2 แสดงหน้าแรกของผู้ใช้ Blogger
นาย ปรัชญ์ จันทรณ์รูปงาม
7
เอกสารบันทึกในรายวิชาเทคโนโลยีเพื่อการออกแบบนิเทศศิลป์ 16 17
18 19
ภำพที่ 2.3 แสดงหน้าต่างฉ Create new blog ที่มา นาย ปรัชญ์ จันทร์รูปงาม หมำยเลข 14 ปรับเปลี่ยนภาษา
หมำยเลข 16 ใส่ชื่อที่จะใช้เพื่อแสดงหน้า Blog
หมำยเลข 15 New Blog กดเพื่อทาการสร้าง
หมำยเลข 17 ใส่ชื่อเพื่อเปนการกาหนด URL
หมำยเลข 18 เลือก Template เบื้องต้น
หมำยเลข 19 เมื่อใส่ข้อมูลแล้ว ให้กด
หลังจากสร้าง Blogger ขึ้นมาใหม่แล้วหน้า Home ของผู้ใช้จะปรากฏชื่อ Blog ที่สร้าง
20
ภำพที่ 2.4 แสดงหน้า Home ของผู้ใช้ ที่มา นาย ปรัชญ์ จันทร์รูปงาม หมำยเลข 20 Blog ที่ถูกสร้างแล้วกาหนดชื่อขึ้นใหม่ ให้คลิกเพื่อเข้าไปสู่หน้า Dashboard เพื่อ ดาเนินการปรับแต่ง Blogger นาย ปรัชญ์ จันทรณ์รูปงาม
8
เอกสารบันทึกในรายวิชาเทคโนโลยีเพื่อการออกแบบนิเทศศิลป์
ภำพที่ 2.5 แสดงหน้า Dashboard ของ Blogger ที่มา ปรัชญ์ จันทร์รูปงาม
นาย ปรัชญ์ จันทรณ์รูปงาม
9
เอกสารบันทึกในรายวิชาเทคโนโลยีเพื่อการออกแบบนิเทศศิลป์
3.วิธีกำรปรับแต่งขนำดและกรำฟิก Blogger วิธีกำรปรับแต่งขนำดและกรำฟิก
ภำพที่ 3.1 แสดงหน้าแผงควบคุม ของผู้ใช้ Blogger
ภำพที่ 3.2 แสดงหัวข้อแม่แบบในแผงคงบคุม ที่มา นาย ปรัชญ์ จันทร์รูปงาม หมำยเลข 21 กาหนดค่า Customize ให้คลิกที่นี่ หมำยเลข 22 หัวข้อย่อยของคาสั่งแม่แบบ นาย ปรัชญ์ จันทรณ์รูปงาม
10
เอกสารบันทึกในรายวิชาเทคโนโลยีเพื่อการออกแบบนิเทศศิลป์
23 24 25 26 27
ภำพที่ 3.3 แสดงหน้าเครื่องมือ ที่มา นาย ปรัชญ์ จันทร์รูปงาม หมำยเลข 23 เทรมเพลต
หมำยเลข 25ปรับความกว้าง
หมำยเลข 24 ภาพพื้นหลัง
หมำยเลข 26 รูปแบบ
หมำยเลข 27 ปรับแต่งขั้นสูง
28
ภำพที่ 3.4 แสดงหัวข้อให้ปรับแต่งพื้นหลัง ที่มา นาย ปรัชญ์ จันทร์รูปงาม หมำยเลข 28 ในหัวข้อพื้นหลังพอเลือกแล้วให้กดอัพโหลดและตั้งค่าจัดเรียงให้อยู่ในตาแหน่งกลาง ด้านบนและเลือกไม่จัดเรียงและคลิกเครื่องหมายถูกหรือคาสั่งเรื่องไปพร้อมหน้าเว็บ
นาย ปรัชญ์ จันทรณ์รูปงาม
11
เอกสารบันทึกในรายวิชาเทคโนโลยีเพื่อการออกแบบนิเทศศิลป์
29
ภำพที่ 3.5 แสดงหัวข้อให้ปรับความกว้าง ที่มา นาย ปรัชญ์ จันทร์รูปงาม หมำยเลข 29 แถบปรับขนาดความกว้างของเทรมเพลต
32
30
31
ภำพที่ 3.6 แสดงหัวข้อให้ปรับรูปแบบ Layout ของหน้าเทรมเพลต ที่มา นาย ปรัชญ์ จันทร์รูปงาม หมำยเลข 30 การออกแบบรูปแบบของเทรมเพลต เลือกใช้การออกแบบเนื้อความแบบ 2 แถว หมำยเลข 31 เลือกใช้การออกแบบส่วนท้ายเป็นแบบ 2 แถว หมำยเลข 32 เมื่อกาหนดค่าคาสั่งทั้งหมดเสร็จสิ้น ให้คลิกที่คาสั่งใช้กับบล็อก
นาย ปรัชญ์ จันทรณ์รูปงาม
12
เอกสารบันทึกในรายวิชาเทคโนโลยีเพื่อการออกแบบนิเทศศิลป์
ภำพที่ 3.7 แสดงหน้าเว็บ Blogger หลังจากที่ทาการปรับแต่งพื้นและกราฟิก ที่มา นาย ปรัชญ์ จันทร์รูปงาม หลังจากที่ทาการปรับแต่ง พื้นหลัง ขนาด รูปแบบ จนเรียบร้อยแล้วและคลิกยืนยันคาสั่งใช้กับ บล็อกและทาการดุบล็อกแล้วจะปรากฎหน้าเว็บตามรูป
นาย ปรัชญ์ จันทรณ์รูปงาม
13
เอกสารบันทึกในรายวิชาเทคโนโลยีเพื่อการออกแบบนิเทศศิลป์
4.วิธีกำรตั้งค่ำ Blogger ขั้นพื้นฐำน วิธีการตั้งค่า Blogger ขั้นพื้นฐาน ให้ทาการคลิกที่คาว่าตั้งค่าจะปรากฏภาพ ดังนี้
33
34 35
36 37 39
38
ภาพที่ 4.1 แสดงหน้าเพจตั้งค่า Blogger ที่มา ปรัชญ์ จันทร์รูปงาม หมำยเลข 33 แสดงชื่อหัวข้อของ Blogger หมำยเลข 34 คาอธิบายรายละเอียดของ Blogger หมำยเลข 35 สิทธิส่วนบุคคลแสดงใน Blogger เครื่องมือค้นหาสามารถพบได้ หมำยเลข 36 ที่อยู่ของบร็อก หมำยเลข 37 ผู้เขียน blog โดยสามารถตั้งค่าให้เป็นผู้ดูแลได้หรือเฉพาะผู้เขียน หมำยเลข 38 เพิ่มผู้เขียน หากต้องการเพิ่มผู้เขียน ให้กรอกอีเมลของผู้ที่ต้องการเพิ่มกดเชิญ หมำเลข 39 ผู้อ่านบล็อกโดยตั้งค่าให้เป็นสาธารณะหรือส่วนตัวก็ได้
นาย ปรัชญ์ จันทรณ์รูปงาม
14
เอกสารบันทึกในรายวิชาเทคโนโลยีเพื่อการออกแบบนิเทศศิลป์
5.วิธีกำรใส่แกตเจท Gadget ให้กับ Blogger วิธีกำรใส่ Gadget ให้กับ Blogger สำมำรถทำได้โดยคลิกที่ รูปแบบ ในหน้ำต่ำง ของแผงควบคุม
40
ภาพที่ 5.1 ภาพแสดงรูปแบบ ที่มา ปรัชญ์ จันทร์รูปงาม หมำเลข 40 ให้ทาการคลิกเพิ่ม Gadget
ภาพที่ 5.2 ภาพแสดงหน้าต่างของ Gadget
นาย ปรัชญ์ จันทรณ์รูปงาม
15
เอกสารบันทึกในรายวิชาเทคโนโลยีเพื่อการออกแบบนิเทศศิลป์
ภาพที่ 5.3 ภาพแสดงหน้าต่างของ Gadget feed ที่มา ปรัชญ์ จันทร์รูปงาม ผู้เขียนเพียงแค่ยกตัวอย่างในการใส่ Gadget เท่านั้น
41
ภาพที่ 5.4 ภาพแสดงหน้าต่างการตั้งค่า ฟีต ที่มา ปรัชญ์ จันทร์รูปงาม
หมำยเลข 41 การฟีตเว็บบล็อกของ humankm.blogspot.com โดยนาที่อยู่ของเว็บบล็อกมาใส่ที่ช่อง ฟีต และคลิกดาเนินการ
นาย ปรัชญ์ จันทรณ์รูปงาม
16
เอกสารบันทึกในรายวิชาเทคโนโลยีเพื่อการออกแบบนิเทศศิลป์
42
43
ภาพที่ 5.5 ภาพแสดงหน้าต่างการตั้งค่าฟีตหลังจากใส่ที่อยู่ของเว็บบล็อก หมำยเลข 42 ชื่อที่จะแสดงในฟีตของบล็อก โดยสามารถปรับเปลี่ยนได้ หมำยเลข 43 การแสดงผล วันที่ของรายการ ที่มาหรือผู้เขียน
44
ภาพที่ 5.6 ภาพแสดงแผงปรับปรุงรูปแบบ ที่มา ปรัชญ์ จันทร์รูปงาม หมำยเลข 44 Gadget ผู้เขียนได้เพิ่มเข้าสู่บล็อก นาย ปรัชญ์ จันทรณ์รูปงาม
17
เอกสารบันทึกในรายวิชาเทคโนโลยีเพื่อการออกแบบนิเทศศิลป์
ภาพที่ 5.7 ภาพแสดงแกดเจ็ตของหน้าเว็บบล็อก ที่มา ปรัชญ์ จันทร์รูปงาม
หากผู้ใช้งานต้องการที่จะเพิ่มแกดเจ็ต (Gadget) ในบล็อกเกอร์เพิ่มอีก ให้ทาซ้าตาม หัวข้อบทที่ 5 อีกครั้งหนึ่ง โดยแกดเจ็ต (Gadget) แต่ละแบบอาจเหมือน หรือต่างกัน
นาย ปรัชญ์ จันทรณ์รูปงาม