Download - การสร้างเว็บด้วย Google blogger
![Page 1: การสร้างเว็บด้วย Google blogger](https://reader034.vdocuments.pub/reader034/viewer/2022051514/54b2effa4a7959de148b4594/html5/thumbnails/1.jpg)
1 อบรมครเพอพฒนาสอการเรยนการสอน เรอง การสรางเวบดวย Google Blogger
Blog คออะไร Blog ท ำหนำทเหมอนเปนสมดบนทกสวนตวหรอเอกสำรแนะน ำตว Blog สำมำรถทจะ
ตดตอสอสำรไปถงแหลงตำงๆทวโลกได ซงสำมำรถเขำใจไดวำ Blog คอ เวบ นนเอง Blog ยงมสวนทใชในกำรแชรควำมคดเหนหรอสำระทส ำคญทเรำไดเรยนรหรอสบคนมำได สำมำรถจดท ำเปนสมดพกสวนตว และสำมำรถลงคไปทเวบตำงๆทเรำตองกำรทวโลกไดดวย Blog เปนเหมอนแหลงควำมรสวนตว เมอเรำตองกำรน ำเสนอ
ขนตอนการสราง Blog ขนตอนท 1 : สราง Blogger Account กอนทเรำจะท ำกำรสรำง Blog ขนมำ เรำตองสรำง Blogger Account ขนมำกอน เพอใชส ำหรบ ลอกออนเขำแกไขหรอสรำงเนอหำภำยใน Blog ของเรำ โดยใชอเมลของ Google ไดทนท ดงรป
![Page 2: การสร้างเว็บด้วย Google blogger](https://reader034.vdocuments.pub/reader034/viewer/2022051514/54b2effa4a7959de148b4594/html5/thumbnails/2.jpg)
2 อบรมครเพอพฒนาสอการเรยนการสอน เรอง การสรางเวบดวย Google Blogger
แตถายงไมมอเมลของ Google กสำมำรถสมครไดจำกเวบของBloggerไดเชนกนโดยกรอกขอมล ดงรป
![Page 3: การสร้างเว็บด้วย Google blogger](https://reader034.vdocuments.pub/reader034/viewer/2022051514/54b2effa4a7959de148b4594/html5/thumbnails/3.jpg)
3 อบรมครเพอพฒนาสอการเรยนการสอน เรอง การสรางเวบดวย Google Blogger
ขนตอนท 2 : ระบชอ Blog ขนตอนนใหเรำระบชอ Blog ของเรำ หรอใชเปนชอของเรำกได พรอมทงก ำหนดชอ URL ของ
Blog โดยชอ URL จะอยภำยใต http:// . blogspot.com แลวคลกปม ด ำเนนกำรตอ
ขนตอนท 3 : เลอกเทมเพลตให Blog ขนตอนนเปนกำรเลอกเทมเพลตให Blog ซงประกอบดวยสพนหลง รปแบบกำรจดวำงหวขอและเนอหำภำยใน Blog แบบส ำเรจรป ซงมใหเลอกหลำย 10 แบบ ดงขนตอนตอไปน
1. เลอกรปแบบเทมเพลตในเบองตนให Blog ของเรำ 2. คลกเมำส 3. คลกเมำสเขำสหนำตำงโพสตเนอหำ 4. พมพเนอหำตำงๆภำยใน Blog
![Page 4: การสร้างเว็บด้วย Google blogger](https://reader034.vdocuments.pub/reader034/viewer/2022051514/54b2effa4a7959de148b4594/html5/thumbnails/4.jpg)
4 อบรมครเพอพฒนาสอการเรยนการสอน เรอง การสรางเวบดวย Google Blogger
![Page 5: การสร้างเว็บด้วย Google blogger](https://reader034.vdocuments.pub/reader034/viewer/2022051514/54b2effa4a7959de148b4594/html5/thumbnails/5.jpg)
5 อบรมครเพอพฒนาสอการเรยนการสอน เรอง การสรางเวบดวย Google Blogger
สรางเนอหาบน Blog
หลงจำกทสรำง Blog Account เรยบรอยแลว มำถงขนตอนกำรสรำงเนอหำทตองกำรบน Blog ซงเรำเรยกวำกำร โพสต (Post) ในขนพนฐำนน Blog จะประกอบไปดวย ขอควำมตำงๆ รปภำพ และลงค
เรมตนโพสตเนอหาลงบน Blog
1. ระบอเมลและรหสผำน 2. คลกปม ลงชอใชงำน
![Page 6: การสร้างเว็บด้วย Google blogger](https://reader034.vdocuments.pub/reader034/viewer/2022051514/54b2effa4a7959de148b4594/html5/thumbnails/6.jpg)
6 อบรมครเพอพฒนาสอการเรยนการสอน เรอง การสรางเวบดวย Google Blogger
3. คลกทขอควำม เรมเขยนบลอก หรอทสญลกษณ
4. ตงชอหวขอเนอหำ (โพสต) 5. เครองมอปรบแตงขอควำม 6. พมพขอควำมและองคประกอบอนๆ
ใสขอความลงใน Blog
เนอหำหลกกคอสวนของขอควำม ซงสำมำรถพมพขอควำมไดทนท โดยมเครองมอส ำหรบปรบแตงรปแบบขอควำมดำนบน เชน แบบอกษร ขนำดตวอกษร ลกษณะตวอกษร สตวอกษร และกำรจดวำงขอควำม เปนตน
1. ตงชอหวขอของหนำเนอหำ 2. พมพเนอหำทตองกำร 3. เลอกและปรบแตงขอควำมจำกแถบเครองมอตำมทตองกำร 4. จะไดขอมลทปรบแตงเรยบรอยแลว
![Page 7: การสร้างเว็บด้วย Google blogger](https://reader034.vdocuments.pub/reader034/viewer/2022051514/54b2effa4a7959de148b4594/html5/thumbnails/7.jpg)
7 อบรมครเพอพฒนาสอการเรยนการสอน เรอง การสรางเวบดวย Google Blogger
(ขอ1-2)
(ขอ3)
(ขอ4)
![Page 8: การสร้างเว็บด้วย Google blogger](https://reader034.vdocuments.pub/reader034/viewer/2022051514/54b2effa4a7959de148b4594/html5/thumbnails/8.jpg)
8 อบรมครเพอพฒนาสอการเรยนการสอน เรอง การสรางเวบดวย Google Blogger
การแทรกรปลงบน Blog
เรำสำมำรถแทรกรปลงบนเนอหำ เพอชวยอธบำยหรอเสรมเนอหำใหนำอำนมำกยงขนได โดยวธกำรเพมภำพเขำมำใน Blog สำมำรถมำไดจำก 2 ทำงคอ ภาพจากเวบ คอ น ำ URL ของภำพจำกเวบอน ๆ แลวน ำมำระบไวในชองทก ำหนด ซงขอด จะท ำให Blog มขนำดไมใหญมำก สวนขอเสย URL ทน ำมำอำจมกำรเปลยนแปลงเมอเวลำผำนไปอำจท ำใหภำพไมถกตอง
1. คลกขวำทภำพบนเวบ 2. แลวเลอก Properties จะปรำกฎ URL ของภำพทหวขอ Address (URL) 3. คดลอก Address (URL) ของรปนน 4. คลกเมำสท รปภำพ (Add Image) 5. เลอกประเภท จาก URL 6. วำง Address (URL) ทคดลอกมำ
![Page 9: การสร้างเว็บด้วย Google blogger](https://reader034.vdocuments.pub/reader034/viewer/2022051514/54b2effa4a7959de148b4594/html5/thumbnails/9.jpg)
9 อบรมครเพอพฒนาสอการเรยนการสอน เรอง การสรางเวบดวย Google Blogger
ภาพทเกบไวบนเครอง คอ เลอกภำพทเรำเตรยมไวในเครอง และท ำกำรอพโหลดภำพขนมำ 1. คลกปม Add Image (รปภำพ)
2. เลอกประเภทรปทจะแทรก 3. หรอคนหำขอมลทอยบนเครอง (กรณรปอยบนเครอง)
![Page 10: การสร้างเว็บด้วย Google blogger](https://reader034.vdocuments.pub/reader034/viewer/2022051514/54b2effa4a7959de148b4594/html5/thumbnails/10.jpg)
10 อบรมครเพอพฒนาสอการเรยนการสอน เรอง การสรางเวบดวย Google Blogger
4. คลกรปทตองกำร 5. คลกปม Open
6. คลกรปทเลอกแลว 7. คลกปม เพมรายการทเลอก
![Page 11: การสร้างเว็บด้วย Google blogger](https://reader034.vdocuments.pub/reader034/viewer/2022051514/54b2effa4a7959de148b4594/html5/thumbnails/11.jpg)
11 อบรมครเพอพฒนาสอการเรยนการสอน เรอง การสรางเวบดวย Google Blogger
8. จดรปแบบรปภำพตำมตองกำร
การแทรกลงค กำรน ำเสนอขอมลจำก Blog นอกจำกอยในรปของขอควำมหรอรปภำพแลว ยงสำมำรถแทรกลงคเพอใหผเยยมชม Blog คลกกระโดดไปยงหนำเวบเพจอนๆทเรำเตรยมไว ซงมขอมลเพมเตมเกยวกบเนอหำของเรำไดอกดวย
1. เปดหนำเวบทตองกำรขนมำแลวคดลอก URL ทชอง Address
![Page 12: การสร้างเว็บด้วย Google blogger](https://reader034.vdocuments.pub/reader034/viewer/2022051514/54b2effa4a7959de148b4594/html5/thumbnails/12.jpg)
12 อบรมครเพอพฒนาสอการเรยนการสอน เรอง การสรางเวบดวย Google Blogger
2. วำงเคอรเซอรบนต ำแหนงทตองกำรแทรกลงค 3. คลกปมลงค (Link) เพอแทรกลงค
4. วำง URL ทเตรยมไวมำวำง 5. คลกเมำสทปม ตกลง
![Page 13: การสร้างเว็บด้วย Google blogger](https://reader034.vdocuments.pub/reader034/viewer/2022051514/54b2effa4a7959de148b4594/html5/thumbnails/13.jpg)
13 อบรมครเพอพฒนาสอการเรยนการสอน เรอง การสรางเวบดวย Google Blogger
6. สำมำรถเปลยนแปลงหรอลบลงคได
น า Blog ขนแสดงบนอนเตอรเนต
สดทำยคอกำรน ำ Blog ขนเผยแพรบนอนเตอรเนต หรอเรยกวำกำร เผยแพร (Publish) เปนกำรอพโหลดหนำ Blog ของเรำขนไปบนเวบเซรฟเวอรของผใหบรกำร เพอใหผอน สำมำรถเขำมำเยยมชม Blog ของเรำได
1. ใหคลกปม เผยแพร
![Page 14: การสร้างเว็บด้วย Google blogger](https://reader034.vdocuments.pub/reader034/viewer/2022051514/54b2effa4a7959de148b4594/html5/thumbnails/14.jpg)
14 อบรมครเพอพฒนาสอการเรยนการสอน เรอง การสรางเวบดวย Google Blogger
2. เมอสรำง Blog เสรจแลว และสำมำรถแกไข/ด/ลบ ได (ตอนนใหคลกปม ด)
3. จะได Blog ทขนแสดงบนอนเตอรเนตเรยบรอยแลว
4. แลวคลกปม เพอโพสตเนอหำใหมเพมเตม โดยจะแสดงท รำยชอ Blog ทงหมดของยสเซอรน (Configure Blog Archive) เพอลงคภำยใน Blog
![Page 15: การสร้างเว็บด้วย Google blogger](https://reader034.vdocuments.pub/reader034/viewer/2022051514/54b2effa4a7959de148b4594/html5/thumbnails/15.jpg)
15 อบรมครเพอพฒนาสอการเรยนการสอน เรอง การสรางเวบดวย Google Blogger
การปรบปรง Blog เรำสำมำรถเขำอพเดตไดอกภำยหลง ซงรวมถงกำรปรบเปลยนรปแบบของ Blog ไดดวย
ปรบปรงเนอหาภายใน Blog หำกตองกำรเพมหรอปรบปรงเนอหำบำงสวนบน Blog ทเรำน ำขนบนอนเตอรเนตเรยบรอยแลว
1. คลกเมำสท บทความ จะพบ Blog ทเรำสรำงขน 2. คลกแกไข เพอเขำแกไขในหนำทตองกำร
3. แกไขหรอเพมเนอหำตำมตองกำร แลวคลกปม อพโหลด
![Page 16: การสร้างเว็บด้วย Google blogger](https://reader034.vdocuments.pub/reader034/viewer/2022051514/54b2effa4a7959de148b4594/html5/thumbnails/16.jpg)
16 อบรมครเพอพฒนาสอการเรยนการสอน เรอง การสรางเวบดวย Google Blogger
4. จะมขอมลทสมบรณของ Blog บนอนเตอรเนต
ปรบแตงคาตางๆ ส าหรบ Blog
ส ำหรบปรบแตงรำยละเอยดตำงๆเกยวกบ Blog 1. คลกเมำสทค ำสงกำรตงคำ (Setting)
![Page 17: การสร้างเว็บด้วย Google blogger](https://reader034.vdocuments.pub/reader034/viewer/2022051514/54b2effa4a7959de148b4594/html5/thumbnails/17.jpg)
17 อบรมครเพอพฒนาสอการเรยนการสอน เรอง การสรางเวบดวย Google Blogger
2. แกไขขอมลตำมตองกำร
ปรบแตงรปแบบการแสดง Blog
เปนรปแบบกำรแสดงรำยละเอยดตำงๆ บน Blog ซงจะถกแบงออกเปน 4 สวน คอ สวนแสดงรำยชอหนำเนอหำ (Configure Blog Archive) สวนเนอหำ (Configure Blog Posts) สวนหวเรอง (Configure Header) และสวนแสดงขอมลผจดท ำ (Edit Profile)
1. คลกท รปแบบ (Layout) เพอเขำปรบแตงรปแบบกำรแสดง
![Page 18: การสร้างเว็บด้วย Google blogger](https://reader034.vdocuments.pub/reader034/viewer/2022051514/54b2effa4a7959de148b4594/html5/thumbnails/18.jpg)
18 อบรมครเพอพฒนาสอการเรยนการสอน เรอง การสรางเวบดวย Google Blogger
2. สวนประกอบของรปแบบ (Layout)
3. แกไข สวนแสดงรำยชอหนำเนอหำ (Configure Blog Archive)
![Page 19: การสร้างเว็บด้วย Google blogger](https://reader034.vdocuments.pub/reader034/viewer/2022051514/54b2effa4a7959de148b4594/html5/thumbnails/19.jpg)
19 อบรมครเพอพฒนาสอการเรยนการสอน เรอง การสรางเวบดวย Google Blogger
4. แกไข สวนเนอหำ (Configure Blog Posts)
![Page 20: การสร้างเว็บด้วย Google blogger](https://reader034.vdocuments.pub/reader034/viewer/2022051514/54b2effa4a7959de148b4594/html5/thumbnails/20.jpg)
20 อบรมครเพอพฒนาสอการเรยนการสอน เรอง การสรางเวบดวย Google Blogger
5. สวนหวเรอง (Configure Header)
![Page 21: การสร้างเว็บด้วย Google blogger](https://reader034.vdocuments.pub/reader034/viewer/2022051514/54b2effa4a7959de148b4594/html5/thumbnails/21.jpg)
21 อบรมครเพอพฒนาสอการเรยนการสอน เรอง การสรางเวบดวย Google Blogger
6. สวนแสดงขอมลผจดท ำ (Edit Profile)