1

ค ำน ำ

บลอก คอ เวบไซตสรำงโดย admin ทเปนเจำของในกำรเขยนตกแตงเวบไซตเรองรำวตำงๆของตนเองหรอผอนไดตลอดเวลำ มทสรำงเวบไซตท ำไดฟรหรอไมฟรกมถำศกษำกไมยำกหรอซบซอนเกนไป จะมตวชวยเสรมใหเรำสะดวกในกำรใชสรำงเวบไซตใหหลำกหลำยมำกขน รำยงำนเลมน จดท ำขนเพอกำรศกษำกำรท ำเวบตกแตงภำยในเวบบลอกมทศกษำ Google Blogspor เปนกำรเรยนกำรสอนของรำยวชำ เทคโนโลยเพอกำรออกแบบนเทศศลป ARTI3319 ผสอน ผศ.ประชด ทณบตร หำกผดพลำดประกำรใดในรำยงำนเลมน ตองขออภยมำ ณ ทนดวย

ผจดท ำ นำงสำวสพตรำ จกอำโน

2

สำรบญ เรอง หนำ กำรจดกำร แตงเวบ Google Blogspot 3 - วธปรบแตงเวบ Google Blogspot 3 - วธใชโคด html ในหนำบทควำม 4 - วธท ำ Creative Commons CC (เงอนไขในกำรใหอนญำตของครเอทฟคอมมอนส) 5 - วธท ำ Gadget ลงในเวบ Google Blogspot (ปฎทน) 10 - วธดขนำดภำพ และก ำหนดภำพดวยตวเอง 13 - วธกำรตดขอควำม เพอจดเนอหำหนำบลอคใหสนลง 14 - วธใส แถบเมน บนสวนหวเวบ Google Blogspot 15

3

การจดการ แตงเวบ Google Blogspot Google Blogspot คอ ฟรเวบไซต ทสำมำรถสรำงบลอคขนมำอยำงงำย ไมซบซอน แตขอพเศษ คอ ลกเลนของ HTML มำเพมเตมใหแปลกใหม วธปรบแตงเวบ Google Blogspot ควำมรทวไปในหนำแกไขบทควำม

4

วธใชโคด html ในหนาบทความ โคดกบไฟลภำพ

5

วธท า Creative Commons CC (เงอนไขในการใหอนญาตของครเอทฟคอมมอนส) สญญำอนญำตใชงำน (เงอนไขในการใหอนญาตของครเอทฟคอมมอนส) คอ สญญำของครเอทฟคอมมอนตน จะเออใหมกำรใชสอ ภำพ เสยง ขอมล โดยแบงสญญำอนญำตออก ในรปแบบของกำรแจกจำยและใชขอมล โดยเนนทกำรอำงองเจำของลขสทธเดม ขนตอนการขอการใชงาน

Creative Commons CC

6

7

ความหมายไอคอน

1. Creative Commons CC 2. แสดงทมา ตองมการแสดงทมาของงานดงกลาว ตามรปแบบของผสรางสรรค หรอผ

อนญาตก าหนด 3. ไมใชเพอการคา ยนยอมใหผอนคดลอก แจกจาย จดแสดง และเผยแพร แตตองไมเปนการ

น าไปใชเพอการคาผลก าไรใดๆ 4. ไมดดแปลง ยนยอมใหผอน คดลอก แจกจาย จดแสดง แตหามแกไขใดๆ

8

9

10

วธท า Gadget ลงในเวบ Google Blogspot (ปฎทน) Wedsite ทแจก Gedget ฟร มมำกมำยจงยกตวอยำง ท ำปฎทน ของเวบ

Mycalendar.org ทเวบ http://mycalendar.org/widget/getwidget/

สำมำรถปรบขนำดใหเขำกบเฟรม บลอค ของเรำได

11

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

12

ผลทแสดงออกมำจะเปนแบบนในหนำเวบบลอคของเรำ

13

วธดขนาดภาพ และก าหนดภาพดวยตวเอง

ใหสงเกตโคด <img คอ โคดรปภำพนนเอง ปรบควำมสงและควำมกวำงของภำพสำมำรถปรบขนำดไดในโคด HTML

14

วธการตดขอความ เพอจดเนอหาหนาบลอคใหสนลง น ำ Cursor เมำสไปคลกจดทตองกำรตดขอควำม

ผลทไดจะมลงค อำนเพมเตมใหกด เพมขนมำ

15

วธใส แถบเมน บนสวนหวเวบ Google Blogspot

เขำทหนำจดกำรเวบบลอค เลอกกดท “หนำเวบ”

16

คลกท หนำเวบใหม จะม

1. หนาเวบเปลา ไวสามารถเขยนเนอหาขอความได คอ เปนกำรอพบลอคสรำงหนำใหมขนมำ 2. ทอยเวบ คอ เพมหนำเวบอนมำ โดยจะลงคไปหนำเวบอนเวบไหนกไดทเรำใส URL ไว

แสดงหนาเวบเปน คอ ใหหนำเวบลงนอยตรงสวนไหนของหนำเวบบลอคของเรำ

17