Allการสร้างเว็บด้วย google blogger

1 อบรมครเพอพฒนาสอการเรยนการสอน เรอง การสรางเวบดวย Google Blogger

Blog คออะไร Blog ท ำหนำทเหมอนเปนสมดบนทกสวนตวหรอเอกสำรแนะน ำตว Blog สำมำรถทจะ

ตดตอสอสำรไปถงแหลงตำงๆทวโลกได ซงสำมำรถเขำใจไดวำ Blog คอ เวบ นนเอง Blog ยงมสวนทใชในกำรแชรควำมคดเหนหรอสำระทส ำคญทเรำไดเรยนรหรอสบคนมำได สำมำรถจดท ำเปนสมดพกสวนตว และสำมำรถลงคไปทเวบตำงๆทเรำตองกำรทวโลกไดดวย Blog เปนเหมอนแหลงควำมรสวนตว เมอเรำตองกำรน ำเสนอ

ขนตอนการสราง Blog ขนตอนท 1 : สราง Blogger Account กอนทเรำจะท ำกำรสรำง Blog ขนมำ เรำตองสรำง Blogger Account ขนมำกอน เพอใชส ำหรบ ลอกออนเขำแกไขหรอสรำงเนอหำภำยใน Blog ของเรำ โดยใชอเมลของ Google ไดทนท ดงรป


แตถายงไมมอเมลของ Google กสำมำรถสมครไดจำกเวบของBloggerไดเชนกนโดยกรอกขอมล ดงรป


ขนตอนท 2 : ระบชอ Blog ขนตอนนใหเรำระบชอ Blog ของเรำ หรอใชเปนชอของเรำกได พรอมทงก ำหนดชอ URL ของ

Blog โดยชอ URL จะอยภำยใต http:// . blogspot.com แลวคลกปม ด ำเนนกำรตอ

ขนตอนท 3 : เลอกเทมเพลตให Blog ขนตอนนเปนกำรเลอกเทมเพลตให Blog ซงประกอบดวยสพนหลง รปแบบกำรจดวำงหวขอและเนอหำภำยใน Blog แบบส ำเรจรป ซงมใหเลอกหลำย 10 แบบ ดงขนตอนตอไปน

1. เลอกรปแบบเทมเพลตในเบองตนให Blog ของเรำ 2. คลกเมำส 3. คลกเมำสเขำสหนำตำงโพสตเนอหำ 4. พมพเนอหำตำงๆภำยใน Blog



สรางเนอหาบน Blog

หลงจำกทสรำง Blog Account เรยบรอยแลว มำถงขนตอนกำรสรำงเนอหำทตองกำรบน Blog ซงเรำเรยกวำกำร โพสต (Post) ในขนพนฐำนน Blog จะประกอบไปดวย ขอควำมตำงๆ รปภำพ และลงค

เรมตนโพสตเนอหาลงบน Blog

1. ระบอเมลและรหสผำน 2. คลกปม ลงชอใชงำน


3. คลกทขอควำม เรมเขยนบลอก หรอทสญลกษณ

4. ตงชอหวขอเนอหำ (โพสต) 5. เครองมอปรบแตงขอควำม 6. พมพขอควำมและองคประกอบอนๆ

ใสขอความลงใน Blog

เนอหำหลกกคอสวนของขอควำม ซงสำมำรถพมพขอควำมไดทนท โดยมเครองมอส ำหรบปรบแตงรปแบบขอควำมดำนบน เชน แบบอกษร ขนำดตวอกษร ลกษณะตวอกษร สตวอกษร และกำรจดวำงขอควำม เปนตน

1. ตงชอหวขอของหนำเนอหำ 2. พมพเนอหำทตองกำร 3. เลอกและปรบแตงขอควำมจำกแถบเครองมอตำมทตองกำร 4. จะไดขอมลทปรบแตงเรยบรอยแลว


(ขอ1-2)

(ขอ3)

(ขอ4)


การแทรกรปลงบน Blog

เรำสำมำรถแทรกรปลงบนเนอหำ เพอชวยอธบำยหรอเสรมเนอหำใหนำอำนมำกยงขนได โดยวธกำรเพมภำพเขำมำใน Blog สำมำรถมำไดจำก 2 ทำงคอ ภาพจากเวบ คอ น ำ URL ของภำพจำกเวบอน ๆ แลวน ำมำระบไวในชองทก ำหนด ซงขอด จะท ำให Blog มขนำดไมใหญมำก สวนขอเสย URL ทน ำมำอำจมกำรเปลยนแปลงเมอเวลำผำนไปอำจท ำใหภำพไมถกตอง

1. คลกขวำทภำพบนเวบ 2. แลวเลอก Properties จะปรำกฎ URL ของภำพทหวขอ Address (URL) 3. คดลอก Address (URL) ของรปนน 4. คลกเมำสท รปภำพ (Add Image) 5. เลอกประเภท จาก URL 6. วำง Address (URL) ทคดลอกมำ


ภาพทเกบไวบนเครอง คอ เลอกภำพทเรำเตรยมไวในเครอง และท ำกำรอพโหลดภำพขนมำ 1. คลกปม Add Image (รปภำพ)

2. เลอกประเภทรปทจะแทรก 3. หรอคนหำขอมลทอยบนเครอง (กรณรปอยบนเครอง)


4. คลกรปทตองกำร 5. คลกปม Open

6. คลกรปทเลอกแลว 7. คลกปม เพมรายการทเลอก


8. จดรปแบบรปภำพตำมตองกำร

การแทรกลงค กำรน ำเสนอขอมลจำก Blog นอกจำกอยในรปของขอควำมหรอรปภำพแลว ยงสำมำรถแทรกลงคเพอใหผเยยมชม Blog คลกกระโดดไปยงหนำเวบเพจอนๆทเรำเตรยมไว ซงมขอมลเพมเตมเกยวกบเนอหำของเรำไดอกดวย

1. เปดหนำเวบทตองกำรขนมำแลวคดลอก URL ทชอง Address


2. วำงเคอรเซอรบนต ำแหนงทตองกำรแทรกลงค 3. คลกปมลงค (Link) เพอแทรกลงค

4. วำง URL ทเตรยมไวมำวำง 5. คลกเมำสทปม ตกลง


6. สำมำรถเปลยนแปลงหรอลบลงคได

น า Blog ขนแสดงบนอนเตอรเนต

สดทำยคอกำรน ำ Blog ขนเผยแพรบนอนเตอรเนต หรอเรยกวำกำร เผยแพร (Publish) เปนกำรอพโหลดหนำ Blog ของเรำขนไปบนเวบเซรฟเวอรของผใหบรกำร เพอใหผอน สำมำรถเขำมำเยยมชม Blog ของเรำได

1. ใหคลกปม เผยแพร


2. เมอสรำง Blog เสรจแลว และสำมำรถแกไข/ด/ลบ ได (ตอนนใหคลกปม ด)

3. จะได Blog ทขนแสดงบนอนเตอรเนตเรยบรอยแลว

4. แลวคลกปม เพอโพสตเนอหำใหมเพมเตม โดยจะแสดงท รำยชอ Blog ทงหมดของยสเซอรน (Configure Blog Archive) เพอลงคภำยใน Blog


การปรบปรง Blog เรำสำมำรถเขำอพเดตไดอกภำยหลง ซงรวมถงกำรปรบเปลยนรปแบบของ Blog ไดดวย

ปรบปรงเนอหาภายใน Blog หำกตองกำรเพมหรอปรบปรงเนอหำบำงสวนบน Blog ทเรำน ำขนบนอนเตอรเนตเรยบรอยแลว

1. คลกเมำสท บทความ จะพบ Blog ทเรำสรำงขน 2. คลกแกไข เพอเขำแกไขในหนำทตองกำร

3. แกไขหรอเพมเนอหำตำมตองกำร แลวคลกปม อพโหลด


4. จะมขอมลทสมบรณของ Blog บนอนเตอรเนต

ปรบแตงคาตางๆ ส าหรบ Blog

ส ำหรบปรบแตงรำยละเอยดตำงๆเกยวกบ Blog 1. คลกเมำสทค ำสงกำรตงคำ (Setting)


2. แกไขขอมลตำมตองกำร

ปรบแตงรปแบบการแสดง Blog

เปนรปแบบกำรแสดงรำยละเอยดตำงๆ บน Blog ซงจะถกแบงออกเปน 4 สวน คอ สวนแสดงรำยชอหนำเนอหำ (Configure Blog Archive) สวนเนอหำ (Configure Blog Posts) สวนหวเรอง (Configure Header) และสวนแสดงขอมลผจดท ำ (Edit Profile)

1. คลกท รปแบบ (Layout) เพอเขำปรบแตงรปแบบกำรแสดง


2. สวนประกอบของรปแบบ (Layout)

3. แกไข สวนแสดงรำยชอหนำเนอหำ (Configure Blog Archive)


4. แกไข สวนเนอหำ (Configure Blog Posts)


5. สวนหวเรอง (Configure Header)


6. สวนแสดงขอมลผจดท ำ (Edit Profile)

http://www.google.co.th/imgres?q=internet+explorer&um=1&hl=th&sa=N&biw=1280&bih=646&tbm=isch&tbnid=LYbliJUL74-ziM:&imgrefurl=http://all-free-download.com/free-icon/vista-icon/internet_explorer_earth_4030.html&docid=fptaPAUwKXQJ4M&imgurl=http://images.all-free-download.com/images/graphiclarge/internet_explorer_earth_4030.jpg&w=256&h=256&ei=-uVeT8-6A4LkrAfNnKSDBg&zoom=1


เอกสารประกอบการอบรมคร เพอพฒนาสอการเรยนการสอน

16 มนาคม 2555

เรอง การสรางเวบดวย Google Blogger

นางธญฐต เกตออต คร ค.ศ.1

กลมสาระการงานอาชพและเทคโนโลย โรงเรยนดอกค าใตวทยาคม

สพม.36 สพฐ.


สารบญ

เรอง หนา

Blog คออะไร 1 ขนตอนการสราง Blog 1

ขนตอนท 1 : สราง Blogger Account 1 ขนตอนท 2 : ระบชอ Blog 3 ขนตอนท 3 : เลอกเทมเพลตให Blog 3

สรางเนอหาบน Blog 5 เรมตนโพสตเนอหาลงบน Blog 5 ใสขอความลงใน Blog 6 การแทรกรปลงบน Blog 8 การแทรกลงค 11

น า Blog ขนแสดงบนอนเตอรเนต 13 การปรบปรง Blog 15

ปรบปรงเนอหาภายใน Blog 15 ปรบแตงคาตางๆ ส าหรบ Blog 16 ปรบแตงรปแบบการแสดง Blog 17

Technology

Allการสร้างเว็บด้วย google blogger