รายงานสรุปผลการเรียนรู้การใช้งาน...

นาย ธเนศ วฒกจ วนพธท 28 สงหาคม 2556

2

เอกสารบนทกความรในรายวชาเทคโนโลยเพอการออกแบบนเทศศลป

ค ำน ำ

เอกสารรายงานสรปผลการเรยนรการใชงาน Blogger ในเบองตนทจดท าขนน

เปนเอกสารประกอบการเรยนรในรายวชาเทคโนโลยเพอการออกแบบนเทศศลป

ARTI3319 ของนายธเนศ วฒกจ โดยใชชอ ตนแบบการจดการความรออนไลนวา “ คมอ

การเรยนรการใชงาน Blogger ในเบองตน ” โดยเรมท าการสรางขนเมอวนท 10

กรกฎาคม พ.ศ. 2556

การจดท าคมอการจดการเรยนรออนไลนฉบบน ผจดท าพยายามเขยนใหเขาใจได

งาย สะดวกตอการปฏบตตาม และน าไปใชตอยอดการเรยนรได

อยางไรกตามในการจดท าคมอการจดการเรยนรออนไลนฉบบน หากมขอบกพรอง ใน

ขนตอนใด ผจดท าขออภยมา ณ ทน และสามารถสอบถาม

ตชม หรอใหค าแนะน าตอผจดท าไดโดยตรงท เบอรโทรศพท 082-6550756

หรออเมลล [email protected]

นายธเนศ วฒกจ, 2556

mailto:[email protected]


3


สำรบญ

บทท 1 วธลงชอสมครสมาชกของ Gmail……………………………….......................................4

ขนตอนการลงชอสมครเขาใชเปนสมาชกของ Gmail…………………....................................4

บทท 2 วธการลงชอเขาใชงาน Blogger………………………………………………………………….10

วธลงชอเขาใชงาน Blogger ………………………………………………………………………………....10

การสราง Blogger………………………………………………………………………………………..………12

บทท 3 วธการปรบแตงขนาดและกราฟฟคพนของ Blogger เบองตน………………………..15

วธการปรบแตงขนาดและกราฟฟคพนของ Blogger…………………………………………………15

บทท 4 วธการตงคา Blogger ขนพนฐาน…………………………………………………………..…..20

บทท 5 วธการใสแกดเจต (Gadget) ใหกบ Blogger.…………………………………………..…..21


4


บทท 1 (Chapter 1)

วธลงชอสมครสมำชกของ Gmail

1. ขนตอนการลงชอสมครเขาใชเปนสมาชกของ Gmail

1.1 ขนตอนแรกใหเขาไปท http://www.gmail.com เพอท าการสมครสมาชก ตามภาพ

ท 1.1

ภาพท 1.1 แสดงหนาตางลงชอเขาใชงานของ Gmail

ทมา : นายธเนศ วฒกจ, 2556

หมายเลข 1 คอ Create an account หรอสมครสมาชกใหม

หมายเลข 2 คอ กรอกชออเมลลของผใช หากลงชอเปนสมาชกอยกอนแลว

ในทนเราจะท าการเลอก Create an account ทหมายเลข 1 เพอตองการสมครสมาชก

1 2

http://www.gmail.com/


5


1.2 เมอเลอก Create an account เรยบรอยแลว จะปรากฎหนาเพจ ให Create a

new Google account ตามภาพท 1.2

ภาพท 1.2 แสดงหนาตางกรอกรายละเอยดของผสมคร Gmail


3

4

5

6

7

8

9

10

11

12

13

หมายเลข 3 คอ ใหกรอกชอและนามสกล (ควร

เปนภาษาสากล)

หมายเลข 4 คอ กรอกอเมลลของผใชงาน

หมายเลข 5 คอ ตงรหสผานส าหรบลงชอเขาใช

หมายเลข 6 คอ ยนยนรหสผานอก 1 ครง

หมายเลข 7 คอ แจงวน เดอน ป เกด

หมายเลข 8 คอ ระบเพศ

หมายเลข 9 คอ ระบหมายเลขโทรศพท

หมายเลข 10 คอใหระบอเมลลส ารอง

หมายเลข 11 คอ กดยนยนวามชอผใชอยจรง

และพมพตวอกษรตามภาพ

หมายเลข 12 คอ เลอกภมล าเนาของผใช

หมายเลข 13 คอ กดเครองหมายยอมรบเงอนไข

การลงชอเขาใช และเลอกกด Next step เพอ

ด าเนนการขนตอไป


6


1.3 หนาตางแสดงบญชของผใชจะปรากฎขนมาตามภาพท 1.3

ภาพท 1.3 แสดงหนาตางบญชของผใชงาน


หมายเลข 14 Add profile photo ใหใสรปภาพประจ าตวของผใช

14


7


หลงจากคลกเลอกท Add profile photo จะปรากฎหนาตางของภาพท 1.4

ภาพท 1.4 แสดงหนาตางใหผใชอพโหลดรปภาพประจ าตว


หมายเลข 15 คอ อพโหลดรปภาพจากกลอง

หมายเลข 16 คอ เลอกรปภาพจากคอมพวเตอร

ในทนจะท าการเลอกรปภาพจากคอมพวเตอรและอพโหลด ตามภาพท 1.5

16

15

หมายเลข 17 เมอจดขนาดของภาพไดเรยบรอย ให

คลกท Set as profile photo ตามหมายเลข 17

17

ภาพท 1.5 แสดงหนาตางอพโหลดรปภาพจากเครองคอมพวเตอร ทมา : นายธเนศ วฒกจ, 2556


8


ภาพท 1.6 แสดงหนาตางบญชของผใชงานหลงจาก อพโหลดรปประจ าตว


เมออพโหลดรปประจ าเรยบรอยจะประกฎตามภาพท 1.6

หมายเลข 18 หากตองการจะเปลยนรปประจ าตวอกครงหนง ใหเลอกทน

หมายเลข 19 คลกเพอท าการตอไปตามภาพท 1.7

ภาพท 1.7 แสดงเพจหนาแรกของผเรมใชงาน Gmail ครงแรก


หมายเลข 20 คอ ชอผใชงานและจ านวนของขอความในกลองจดหมายหมายเลข 21 คอ

ใหท าการคลกทนเพอเขาส Gmail

18 19

21

20


9


ภาพท 1.8 แสดงกลองขอความจดหมายของผใช Gmail


ทงหมดทกลาวมาเปนวธการสมครเขาใชงานเปนสมาชกของ Gmail โดยในบทตอไปจะ

อธบายถงวธการเขาใชงาน Blogger


10



วธกำรลงชอเขำใชงำน Blogger

2. การลงชอเขาใช Blogger

2.1 วธลงชอเขาใชงาน Blogger

ภาพท 2.1 แสดงกลองขอความจดหมายของผใช Gmail


ท าการคลกทหมายเลข 22 More จะมหวขอยอยเรยงลงมา ใหผใชเลอกทหวขอ Blogger

ตามหมายเลข 23

22

23


11


ภาพท 2.2 แสดงหนาแรกของบญชผใช Blogger


หมายเลข 24 คอ การปรบเปลยนภาษา

หมายเลข 25 คอ Continue to Blogger คลกทนเพอเขาใชงานตอไป

25

24


12


2.2 การสราง Blogger

ภาพท 2.3 แสดงหนาบญชของผใช Blogger


คลกท New Blog ตามหมายเลข 26 เพอเปนการสราง Blog ขนมาใหม

จะประกฎหนาตางตามภาพท 2.4

26

27

28

หมายเลข 27 ใหใสชอทจะใชแสดงบนหนา

Blogger

หมายเลข 28 ใหใสชอเพอเปนการก าหนด

URL ของ Blogger

ภาพท 2.4 แสดงหนาตาง Create New Blog



13


หลงจากท าหารสราง Blogger ขนมาใหมแลว หนา Home ของผใช

จะปรากฎชอ Blog ใหมทถกสรางขนมา ดงภาพท 2.6

ภาพท 2.6 แสดงหนา Home ของผใช


หมายเลข 31 คอ Blog ทถกสราง และก าหนดชอขนมาใหม ใหคลกทนเพอไปสหนา

Dashboard เพอด าเนนการปรบแตง Blogger ตอไป

29

30

หมายเลข 29 เลอก Template เบองตน

เพอใชใน blogger

หมายเลข 30 เมอใสขอมลและเลอก

Template เบองตนแลวใหคลกทน

31

ภาพท 2.5 แสดงหนาตาง Create New Blog



14


*หากผใชตองการสราง Blog เพมเตม ใหท าซ าตามขอ 2.2

ภาพท 2.7 แสดงหนา Dashboard ของ Blog


ทงหมดทกลาวมาเปนวธการลงชอเขาใชและการสราง Blogger โดยในบทตอไปจะอธบาย

ถงวธการปรบแตงขนาดและกราฟฟคพนของ Blogger


15



วธกำรปรบแตงขนำดและกรำฟฟคพนของ Blogger เบองตน

3. วธการปรบแตงขนาดและกราฟฟคพน

ภาพท 3.1 แสดงหนาแผงควบคม (Dashboard) ของผใชงาน Blogger


ใหท าการเลอกทแมแบบ (Template) ตามหมายเลข 32 ในภาพท 3.2

ภาพท 3.2 แสดงหวขอของแมแบบในแผงควบคม ทมา : นายธเนศ วฒกจ, 2556

33

32

หมายเลข 32 คอ หวขอยอยของค าสง

แมแบบ

หมายเลข 33 คอ การก าหนดคา

(Customize) ใหคลกเลอกทน


16


ภาพท 3.3 แสดงหนาเครองมอออกแบบเทมเพลต ของ Blogger


ใหท าการเลอกเทมเพลตตามหมายเลข 34 ในทนเลอกเทมเพลตแบบ Picture Window

หรอกรอบหนาตาง ตอไปใหเลอกทพนหลง(Background) ตามหมายเลข 35

34 35

36 37

38

หมายเลข 34 คอ เทมเพลต

หมายเลข 35 คอ พนหลง

หมายเลข 36 คอ ปรบความกวาง

หมายเลข 37 คอ รปแบบ

หมายเลข 38 คอ ปรบแตงขนสง


17


ภาพท 3.4 แสดงหวขอใหปรบแตงพนหลงของเทมเพลต


หมายเลข 39 ในหวขอพนหลงใหเลอกอพโหลดรปภาพจากคอมพวเตอรและตงคาการ

จดเรยง (Alignment) ใหอยทต าแหนงกลางดานบน และเลอกไมจดเรยง (Don’t Tile)

และคลกเครองหมายถกท Scroll with page หรอค าสงเลอนไปพรอมกบหนาเวบ

ภาพท 3.5 แสดงหวขอใหปรบขนาดความกวางของหนาเทมเพลต


หมายเลข 40 คอ แถบปรบขนาดความกวางของหนาเทมเพลต ในทนจะตงความกวาง

ทงหมด (Entire blog) เปน 980 px และแถบดานขางขวา (Right Sidebar) เปน 330 px

39

40


18


ภาพท 3.6 แสดงหวขอใหปรบรปแบบ (Layout) ของหนาเทมเพลต


การออกแบบรปแบบของเทมเพลต ในทนผใชจะเลอกใชการออกแบบเนอความ (Body

layout) เปนแบบ 2 แถว (Column) ตามหมายเลข 41 และเลอกใชการออกแบบ

สวนทาย (Footer layout) เปนแบบ 2 แถว (Column) ตามหมายเลข 42

เมอก าหนดคาค าสงทงหมดเสรจสน ใหท าการคลกทค าสง ใชกบบลอก (Apply to blog)

ตามหมายเลข 43

ภาพท 3.6 แสดงหนาเครองมอออกแบบเทมเพลต ของ Blogger


41

42

43


19


ภาพท 3.7 แสดงหนาเวบ Blogger หลงจากทท าการปรบแตงขนาดและกราฟฟคพน


หลงจากทท าการปรบแตงเทมเพลต, พนหลง, ขนาด และรปแบบ ทงหมดเสรจเรยบรอย

และคลกยนยนค าสง ใชกบบลอก (Apply to blog) และท าการดบลอก (View blog)

แลว จะปรากฎหนาเวบบลอกตามภาพท 3.7 ซงถาหากจะท าการแกไขหรอปรบแตง

เพมเตมใหท าตามหวขอท 3 อกครงหนง


20



วธกำรตงคำ Blogger ขนพนฐำน

วธการตงคา Blogger ขนพนฐาน ใหท าการคลกเลอกทการตงคา (Setting) จะปรากฎ

หนาเพจตามภาพ 4.1

ภาพท 4.1 แสดงหนาเพจการตงคา (Setting) ของ Blogger


44

45 46

47

48

49

50

หมายเลข 44 คอ ชอหวขอของBlogger

(Title)

หมายเลข 45 คอ ค าอธบายรายละเอยดของ

Blogger (Description)

หมายเลข 46 คอ สทธสวนบคคลแสดงใน

Blogger เครองมอคนหาสามารถพบได

(Privacy)

หมายเลข 47 คอ ทอยของบลอก (Blog

address)

หมายเลข 48 คอ ผเขยนบลอก (Blog

Authors) โดยสามารถตงคาใหเปนผดแล

หรอ เฉพาะผเขยน (Admin, Author)

หมายเลข 49 คอ เพมผเขยน (Add authors)

หากตองการเพมผเขยน ใหกรอกอเมลของผท

ตองการเพมและกดเชญท Invite authors

หมายเลข 50 คอ ผอานบลอก (Blog

readers) โดยตงคาใหเปนสาธารณะหรอ

สวนตว


21



วธกำรใสแกดเจต (Gadget) ใหกบ Blogger

วธกำรใสแกดเจต (Gadget) ใหกบ Blogger สำมำรถท ำไดโดยคลกเลอกทรปแบบ

(Layout) ในหนำตำงของแผงควบคม (Dashboard) ตำมภำพท 5.1

หมายเลข 51 คอ ใหท าการคลกเพมแกดเจต (Add gadget) เมอท าการเพมแกดเจตแลว

จะปรากฎหนาตางแกดเจตขนมาตามภาพท 5.2

ภาพท 5.1 ภาพแสดงรปแบบ (Layout) ของ Blogger


51


22


ในทนผเขยนจะยกตวอยางของแกดเจตฟด (Feed) โดยใหท าการเลอกแกดเจตฟด เมอท า

การเลอกแลวจะปรากฎหนาตางตงคาฟด (Configure feed) ตามภาพท 5.4

ภาพท 5.2 ภาพแสดงหนาตางของแกดเจต (Gadget)


ภาพท 5.3 ภาพแสดงหนาตางของแกดเจตฟด (Feed)



23


หมายเลข 52 คอ ผเขยนตองการทจะฟด (Feed) เวบบลอกของ

humankm.blogspot.com ผเขยนจงไดน าทอยของเวบบลอก (URL) มาใสไวในชอง

(Feed URL) และคลกด าเนนการตอไป (Continue)

ภาพท 5.4 ภาพแสดงหนาตางการตงคาฟด (Configure feed)


52


24


53

54

ภาพท 5.5 ภาพแสดงหนาตางการตงคาฟดหลงจากใสทอยของเวบบลอก


หมายเลข 53 คอ ชอทจะแสดงในฟดของบลอกเกอร โดยผใชสามารถปรบเปลยนได

หมายเลข 54 คอ การแสดงผลครงละกรายการ, วนทของรายการ, ทมาหรอผเขยน

รายการ,เปดลงคในหนาตางแทบใหม


25


เมอท าการตงคาในหนาตางของฟดเสรจ ใหท าการบนทก (Save) ใหเรยบรอยในทกครง

55

ภาพท 5.6 ภาพแสดงแกดเจตของแผงปรบแตงรปแบบ


หมายเลข 55 คอ แกดเจตทผเขยนไดเพมเขาสบลอกเกอร

ภาพท 5.7 ภาพแสดงแกดเจตของหนาเวบบลอก


หากผใชงานตองการทจะเพมแกดเจต (Gadget) ในบลอกเกอรเพมอก ใหท าซ าตาม

หวขอบทท 5 อกครงหนง โดยแกดเจต (Gadget) แตละแบบอาจเหมอน หรอตางกน

ไมมากนก


26


รายงานสรุปผลการเรียนรู้การใช้งาน...

Documents