View
181
Download
0
Category
Preview:
Citation preview
หนา 1
บทน า
บลอก (องกฤษ blog) เปนค ารวมมาจากค าวา เวบลอก (องกฤษ weblog) เปนรปแบบเวบไซตประเภทหนง ซงถกเขยนขนในล าดบทเรยงตามเวลาในการเขยน ซงจะแสดงขอมลทเขยนลาสดไวแรกสด บลอกโดยปกตจะประกอบดวย ขอความ ภาพ ลงก ซงบางครงจะรวมสอตางๆ ไมวา เพลง หรอวดโอในหลายรปแบบได จดทแตกตางของบลอกกบเวบไซตโดยปกตคอ บลอกจะเปดใหผเขามาอานขอมล สามารถแสดงความคดเหนตอทายขอความทเจาของบลอกเปนคนเขยน ซงท าใหผเขยนสามารถไดผลตอบกลบโดยทนท ค าวา บลอก ยงใชเปนค ากรยาไดซงหมายถง การเขยนบลอก และนอกจากนผทเขยนบลอกเปนอาชพกจะถกเรยกวา บลอกเกอร
บลอกเปนเวบไซตทมเนอหาหลากหลายขนอยกบเจาของบลอก โดยสามารถใชเปนเครองมอสอสาร การประกาศขาวสาร การแสดงความคดเหน การเผยแพรผลงาน ในหลายดานไมวา อาหาร การเมอง เทคโนโลย หรอขาวปจจบน นอกจากนบลอกทถกเขยนเฉพาะเรองสวนตวหรอจะเรยกวาไดอารออนไลน ซงไดอารออนไลนนเองเปนจดเรมตนของการใชบลอกในปจจบน นอกจากนตามบรษทเอกชนหลายแหงไดมการจดท าบลอกของทางบรษทขน เพอเสนอแนวความเหนใหมใหกบลกคา โดยมการเขยนบลอกออกมาในลกษณะเดยวกบขาวสน และไดรบการตอบรบจากทางลกคาทแสดงความเหนตอบกลบเขาไป เพอพฒนาผลตภณฑ
ความนยม
บลอกไดเรมมบทบาทมากขนในปจจบนในวงการ[[สอมวลชน]]ในหลายประเทศ เนองจากระบบ
แกไขทเรยบงาย และสามารถตพมพเรองราวไดโดยไมตองใชความรในการเขยนเวบไซต โดยนอกเหนอจากทผเขยนขาวสงผลงานใหกบทางสอแลว ยงไดมาเขยนขาวในอกชองทางหนงในการเผยแพรขอมล หรอแนวความคด โดยการเขยนบลอกสามารถเผยแพรขอมลสประชาชนไดรวดเรวและเสยคาใชจายนอยกวา สอในดานอน ขาวทนยมในการเขยนบลอกตอสอมวลชน สวนใหญจะเปนในลกษณะเรองซบซบวงการดารา ขาวการเคลอนไหวทางการเมอง เปนตน
จากความนยมทมากขน ท าใหหลายเวบไซตเปดใหมสวนการใชงานบลอกเพมขนมาในเวบของตนเอง เพอเรยกใหมการเขาสเวบไซตมากขนทงผเขยนและผอาน
หนา 2
การใชงานบลอก ผใชงานบลอกจะแกไขและบรหารบลอกผานทาง [เวบเบราวเซอร] เหมอนการใชงานและอาน
เวบไซตทวไป โดยจะมรปแบบบรหารบลอกทแตกตางกน เชนบางระบบทมบรรณาธการของบลอก ผเขยนหลายคนจะสงเรองเขาทางบลอก และจะตองรอใหบรรณาธการอนมตใหบลอกเผยแพรกอน บลอกถงจะแสดงผลในเวบไซตนนได ซงจะแตกตางจากบลอกสวนตวทจะใหแสดงผลไดทนท
ผเขยนบลอกในปจจบนจะใชงานบลอกในรปแบบใดรปแบบหนงไมวา ตดตงซอฟตแวรของตวเอง หรอใชงานบลอกผานทางเวบไซตทใหบรการบลอก
ส าหรบผอานบลอกจะใชงานไดในลกษณะเหมอนอานเวบไซตทวไป และสามารถแสดงความเหน
ไดในสวนทายของแตละบลอกโดยอาจจะตองผานการลงทะเบยนในบางบลอก นอกจากนผอานบลอกสามารถอานบลอกไดผานระบบ [ฟด] ซงมใหบรการในบลอกทวไป ท าใหผใชสามารถอานบลอกไดโดยตรง ผานโปรแกรมตวอนโดยไมจ าเปนตองเขามาสหนาบลอกนน
บลอกซอฟตแวร บลอกซอฟตแวร หรอ บลอกแวร เปนซอฟตแวรทใชในอนเทอรเนต ในลกษณะของระบบจดการ
เนอหาเวบ ทผพฒนาซอฟตแวรและผเขยนหรอดแลบลอกจะแยกจากกนตางหาก สงผลใหผเขยนบลอกสามารถใชงานไดทนทโดยไมตองมพนฐานความรในดานเอชทเอมแอล หรอการท าเวบไซตแตอยางใด ท าใหผเขยนบลอกสามารถใชเวลาสวนใหญในการ บรหารจดการ เพมเตม ขอมลและสารสนเทศแทนได นอกจากนบลอกซอฟตแวรจะสนบสนน ระบบ WYSIWYG ซงท าใหงายตอการเขยน และอาจเพมเตมการมเทมเพลตในหลายแบบใหเลอกใช
ซอฟตแวรสวนใหญสามารถดาวนโหลดและตดตงไดทนทโดยผใช ซงซอฟตแวรบางสวนเปนซอฟตแวรโอเพนซอรส ซงเปนซอฟตแวรทไมสงวนลขสทธ ซงผพฒนาสามารถน ามาปรบแก เปนของตนเอง ตดตงไวใชเปนบลอกสวนตว หรอเผยแพรใหคนอนมาใชงานได สวนซอฟตแวรลขสทธนน จะมทงในรปแบบทใหใชงานแบบเสยคาใชจายหรอใหใชงานฟร
หนา 3
บลอกซอฟตแวรทเปนทรจก รายชอบลอกซอฟตแวรทเปนทนยมพรอมทงชอซอฟตแวรทใชพฒนาในวงเลบ
ดรปาล (พเอชพมายเอสควแอล) เวรดเพรสส (พเอชพมายเอสควแอล) สแลช (เพรล) ไลฟไทป (พเอชพมายเอสควแอล) จมลา (พเอชพมายเอสควแอล) แมมโบ (พเอชพมายเอสควแอล)
รายชอผใหบรการบลอกทมชอเสยง บลอกเกอร (กเกล) ไทปแพด เวรดเพรสส ยาฮ 360deg หรอ ยาฮเดย (ยาฮ) วนโดวสไลฟ สเปซเซส (ไมโครซอฟท) มายสเปซ มลตไพล
ผใหบรการบลอกในประเทศไทยทเปนทรจก Blognone บลอกส าหรบเขยนเรองราวเกยวกบเทคโนโลยและขาวไอทอยางเดยว เอกซทน GotoKnow Bloggoo learnersinth บลอกแกง โอเคเนชน
นอกจากนทางเวบทนยมของไทยอยาง สนกคอม กระปกคอม หรอผจดการออนไลน กไดมการ
เปดใหบรการบลอก
หนา 4
บทท 1 การสรางเวบบลอก
หลายคนอาจสงสยวาตอนนจะท าเวบบลอกไปเพออะไร แลวจะเสยเงนไหม หากจะท าขนมา จรงๆ แลวประโยชนของเวบบลอกนนมมากกวาทเราคดไวครบ เชน ใชในการท างาน ในการน าเสนอผลงาน การขายสนคา ใชในการเรยนการสอน หรอ ใชในการเขยนชวประวตสวนตวแลวเกบไวเปนฐานขอมลแบบออนไลนกยงไดครบ สวนปญหาทบางทานไมรจก code ของภาษาตางๆ เชน HTML หรอ Java script ฯ กไมตองเปนกงวลครบ เพราะตวผมเองกไมเปนเหมอนกนแตกคอยๆ เรยนรกนไป เพยงแคไมกวนคณกจะมบลอกสวยๆ และน าไปใชประโยชนไดแนนอนครบ
เวบบลอกไมจ าเปนตองมเงนในการท าครบ เพราะมผใหบรการฟร และผมจะขอเสนอผใหบรการบลอกทชอวา บลอกเกอร ซงเปนของ Google ซงผมกจดท าอย มอย 2 เวบดวยกน คอ
wwwlovelyfoolsblogspotcom อนนเปนเวบบลอกสวนตวครบ
wwwnongpotoblogspotcom
อนนเปนเวบบลอกของลกชายครบ
หนา 5
วธสรางบลอกกบ Blogger ขนท 1 การสมครใชงาน Blogger สามารถใช email ของระบบใดกได แตในระยะยาวแลวการ
เชอมโยงกบบรการหลายๆ อยางของ Google ควรจะใช email ของ Gmail ดทสดครบ
1 ใหคณเขาไปท wwwgmialcom เพอสรางบญชผใชกบ Google
2 กรอกขอมลทจ าเปนในการสมคร Gmail
จากนนคลกปม ฉนยอมรบ โปรดสรางบญชของฉน
หนา 6
3 จะพบหนาจอการยนยนบญชของเรา ซงตองใสเบอรโทรศพท (Google จะสง massage มาให) จากนน
4 คลกปม สงรหสยนยนไปยงโทรศพทมอถอของฉน
5 เมอเปดดขอความในโทรศพทมอถอแลว กใหปอนรหสทได จากนนคลกปม ยนยน
6 คณจะพบกบหนาจอแสดงความยนดเกยวกบบญชของ Gmail
หนา 7
7 คลกทปม เพอด Gmail ของเราครงแรก
ขนท 2 หลงจากไดบญชผใชแลว ใหไปท wwwbloggercom เพอสรางบลอกกนเลยครบ
โดยในการสรางบลอกนน กใหใช บญชผใช (user name + password) ทไดสรางไวในขนท 1
1 ไปทเวบไซต httpwwwbloggercom ดงรป
2 คลกทปม เพอเรมตนการสรางบลอก ดงรป
หนา 8
3 ใหกรอก email ทไดจากขนท 1 ชอผเขยนบลอก วนเกด
4 เมอกรอกขอมลครบแลว ใหคลกทปม จะพบหนาจอ ตงชอเวบบลอกของคณ ใหท าการ ตงชอเวบบลอกทเราตองการ ทอยบลอก และ กรอกรหสยนยน (แตการก าหนด URL
หนา 9
จะตองไมใหซ ากบคนอน ๆ ถาซ ากใชวธเปลยนเปนค าหรอวลทใกลเคยงไปเรอย ๆ การตงชอและ URL ของบลอกควรม keyword ทสมพนธกบเรองทจะเขยนดวย)
5 คลกทปม จะพบหนาจอ เลอกแมแบบเรมตน ดงรป
หนา 10
6 ใหเลอกแมแบบเรมตนทเราตองการใหเปนรปแบบของบลอก จากนนคลกปม จะปรากฏหนาจอแจงวา บลอกของคณถกสรางขนแลว ดงรป
7 คลกทปม เพอกรอกขอมลครงแรกในการสรางเวบบลอก ซงจะตองกรอกขอมลในหนาเวบ ดงรป
หนา 11
8 เมอกรอกขอมลเสรจแลว ใหคลกปม จะปรากฏหนาจอ ดงรป
9 ใหคลกทปม เพอดเวบบลอกของเรา เปนครงแรก จะพบหนาจอ ดงรป
หนา 12
บทท 2 วธเปลยน Template ของ Blogger
หลงจากบทแรกไดเสนอขนตอนในการสรางบลอกไปแลว ถงตรงนคณตองคดแลววาจดประสงคของการท าบลอกของคณคออะไร เพราะจดประสงคนแหละครบจะเปนตวก าหนดวาเราจะเลอก แมแบบ (หนาตา และองคประกอบ) ของบลอกอยางไร
ตอไปเราจะมาดวธการเลอก และการเปลยน Template กนครบ
ขนท 1 ใหคณไปเลอก template ไดท
httpbtemplatescom httpwwwbloggertemplateplacecom httpthemecraftnet httpwwwdeluxetemplatesnet httpwwwbloggerthemesnet httpwwwbloggerstylescom httpwwwanshuldudejacom httpwwwbloggertemplatesfreecom httpwwwbloggertemplatesblogcom httpwwwtemplatesblockcom httpblogger-templatesblogspotcom httpfreetemplatesblogspotcom
หนา 13
httpmashablecom20070913blogger-templates httpwwwwebtemplatesblogcom httpwwwezwpthemescom httpwwwfreebloggertemplateinfo httpwwwblogcrowdscomresourcesblogger-templates httpwwwzoomtemplatecom httpwwwtemplates-bloggercom httpwwwbloggerblogtemplatescom httpbloggertemplateplacecom httpwwwtemplatesbloggernet httpwwwbietemplatescom
หรอจะใชค าคน ldquoTemplate+blogrdquo ใน Google กไดครบ ผมเชอวาขนตอนนคณคงจะใชเวลานาน
พอสมควรเลยละครบ (ผมเองกใชเวลาเปนวนๆ ในการเลอก templates ทเดยวครบ ) ขนท 2 เมอคณได Template ทตองการแลว ใหเรมเปลยนดงน ในทน ผมเลอกเวบไซต httpwwwbloggerblogtemplatescom เพอเปนตนแบบในการใช
Template
หนา 14
ผมเลอก Template น
1 โดยการคลกท Read More or Download this Blogger Template จากนนจะพบ
หนาตางใหม ใหเลอนหาเมน Download the Green Day Blogger Theme และท าการคลกเพอดาวนโหลด จะได ใหท าการ แตกไฟลจากนนใหน า green-day-blogger-themexml ไปวางไวท Desktop
2 Log in ท blogger ไปทแผงควบคม gtgt รปแบบ gtgt แกไข HTML gtgt คลกปม Browse เพอทจะอปโหลดแมแบบขนมา
หนา 15
3 เรยกไฟล XML ทเตรยมไวตามขนตอนในรปครบ
4 อปโหลดแมแบบขนไปแทนทแมแบบเดม โดยระหวางการแทนท อาจมการถามถงการลบเกบ Widget ของแมแบบเดม ซงถาตองการเกบของเกาเอาไวกเลอก เกบ Widget กจะท าให Widget ของแมแบบเดม ไมถกลบขณะเปลยน Templates
หนา 16
5 จากนนลองแสดงตวอยางด ซงถาพอใจกบแมแบบแลวกใหท าการบนทก กจบขนตอนการเปลยนแมแบบแลวครบ และถาหากคณตองการเปลยนแมแบบอกกสามารถเปลยนไดแบบไมจ ากดครง
นคอผลงาน หลงจากเปลยนแมแบบ นครบ กอนเปลยน Template
หลงเปลยน Template
หนา 17
เครองมอส าหรบ ldquoออกแบบแมแบบrdquo ดวยตนเอง ใหม จาก Blogger
หลงจากทมงาน Blogger ไดสราง Gadget หนาเวบ ออกมาไดไมนาน ตอนนกไดพฒนาการเครองมอส าหรบการออกแบบแมแบบของ blogger ใหยดหยนมากขน โดยใหผใชสามารถปรบแตงแมแบบไดดวยตนเอง ไมวาจะเปนการเลอก Theme การออกแบบโครงรางของหนาวาจะม 2 หรอ 3 คอลมน หรอหลายคอลมน ซงท าไดโดยการคลกเพยงไมกครง การปรบความกวางของ Template และ sidebar เพยงแคคลกเดยวเปนตน ความสามารถทงหลายนผใชสามารถท าไดโดยไมตองมความรเรอง HTML และ CSS เลยส าหรบการใชงานเครองมอนกคลายคลงกบการใชงานเครองมอเดม ๆ ทมอย ซงผมจะอธบายทละสวนดงน
การใช เครองมอออกแบบแมแบบ ท าไดโดย Log in เขาไปท draftblogger และไปท แผงควบคม gtgt
การออกแบบ gtgt องคประกอบของหนา gtgt คลกท ldquoเครองมอออกแบบแมแบบ ใหมrdquo
เมอคลกท ldquoเครองมอออกแบบแมแบบrdquo แลวเราจะพบเครองมอส าหรบออกแบบแมแบบอย 4 อยางดวยกน ไดแก 1 แมแบบ 2 พนหลง 3 รปแบบ และ 4 ขนสง
สวนแสดงตวอยาง
หนา 18
1 การใชงานเครองมอแมแบบ ท าไดโดย คลกทขอความ แมแบบ gtgt จากนนเลอกรปแบบทตองการ gtgt และเลอก theme ทตองการ เมอแสดงตวอยางเปนทนาพอใจแลว ใหคลกทปม ldquoใชกบบลอกrdquo เพอยนยน
2 การใชงานเมนพนหลง การใชงานเครองมอ ldquoพนหลงrdquo สามารถใชเพอเปลยนภาพพนหลงของบลอก และเลอกส Theme ของบลอกไดตามความตองการไดดวย
21 วธเปลยนภาพพนหลงท าไดโดย คลกท ldquoภาพพนหลงrdquo และเลอกถาพตามตองการ และกดปม ldquoใชกบบลอกrdquo เพอยนยน
สวนแสดงตวอยาง
หนา 19
22 การเลอกส Theme ของบลอก คลกทส Theme ทตองการโดย อาจจะคลกเลอกจาก
Theme ส าเรจรปหรอเลอกจาก Theme ทแนะน า
หนา 20
3 การใชงานเครองมอ ldquoรปแบบrdquo คณสามารถใชเครองมอนเพอก าหนดจ านวน คอลมน รปแบบคอลมน ความกวางของคอลมน รวมถงการก าหนดคอลมนใหกบสวนทายของหนาไดดวย
31 การใชงานเครองมอ ldquoการออกแบบเนอความrdquo เครองมอนใชก าหนดรปแบบคอลมนของ template ของคณ ซงท าไดงายดายโดยการคลกเลอกรปแบบทตองการ ดตวอยาง เมอเปนทพอใจแลวกกดปม ldquoใชกบบลอกrdquo เพอยนยน
32 การใชงานเครองมอ ldquoการออกแบบสวนทายrdquo เครองมอนเปนเครองมอส าหรบการ
ก าหนดคอลมนใหกบสวนทายของหนาบลอก ซงท าไดเชนเดยวกบ 31
หนา 21
33 การใชงานเครองมอ ldquoการปรบความกวางrdquo คณสามารถปรบความกวางของแมแบบ และ sidebar จากเครองมอนเพยงแคเลอน slider ใหตรงกบคาตวเลขทตองการเทานน
4 ส าหรบเมนขนสงเปนการก าหนดรายละเอยดตางๆ ใหกบบลอก เชน รปแบบของลงค gadget ตางๆ หวเรอง ชอของบลอก เปนตน ซงคณสามารถปรบแตงตามความตองการแลว แสดงตวอยาง หากเปนทพอใจกบนทกเชนเดยวกบ ขอ 1-3 ทไดกลาวมาแลว
ปล อยาลมนะครบวาเครองมอเหลานจะไมมใน bloggercom แต จะมใน draftbloggercom เทานน
หนา 22
บทท 3 วธเขยนและจดการบทความในบลอก
บทนผมจงจะเลาถงวธเขยนบทความใน Blogger เพอเปนแนวทางใหคณสามารถเขยนบทความลงในบลอกของคณไดสวยงามและเปนมออาชพมากขน
ส าหรบทานทเขยนบทความเปนอยแลวอาจจะขามไปอานบทความอน ๆ ตอไปไดเลยครบ สวนทานทเปนมอใหมจรง ๆ กควรจะอานบทความนใหจบเพอเปนแนวทางในการ
เขยนบทความของคณเองตอไป
1 การเขาไปเขยนบทความ การเขาไปเขยนบทความบน Blogger โดยตรงสามารถเขาไปได 2 ชองทางดวยกนคอ 11 ถาคณใชแมแบบทไมไดซอนแถบน าทางสามารถเขาไปเขยนบทความไดโดยคลกทเมน
บทความใหม
12 เขาไปเขยนบทความผาน draftbloggercom
หนา 23
โปรดสงเกตวาเครองมอในการเขยนบทความของ Draftblogger จะมมากกวาเครองมอของ blogger ปกต ดงนนโดยสวนตวผมแนะน าใหเขยนบทความผาน draftbloggercom เพราะมเครองมอมากกวาวธแรก และควรตงคาให draftblogger เปนเครองมอเรมตน
2 องคประกอบของเครองมอเขยนบทความ
กอนอนผมขอแนะน าใหรจกเครองมอทจ าเปนในการเขยนบทความดงน สวนท 1 คอสวนตงชอเรองหรอชอบทความ สวนท 2 เปนสวนทใชส าหรบกรณทเราตองการวางขอความทคดลอกมาจาก Ms word
หรอโคดวดโอจาก Youtube หรอโคด HTMLจาวาสครปตทตองการใหปรากฏและแสดงผลในบทความ
หนา 24
สวนท 3 เปนแถบทเลอกเมอตองการเขยนขอความปกตซงจะมเครองมอในการเขยนบทความตามทเหนในภาพขางบน
สวนท 4 ส าหรบจดรปแบบอกษร สวนท 5 เปนเครองมอในการใสลงคใหขอความ แทรกภาพลงในบทความ และแทรกวดโอ
ลงในบทความตามล าดบ สวนท 6 รปกระดาษขาดทเหนนนใชในกรณทคณตองการแสดงบทความใหผอานเหนในหนา
หลกเพยงบางสวนเทานน และถาใชเครองมอนผอานจะตองคลกอานเพมเตมจงจะเหนขอความแบบเตม เครองมอนมขอดคอท าใหบทความทมความยาวมาก ๆ สนลงได และท าใหเปดหนาแรกไดเรวขนดวย
สวนท 7 เปนสวนทใชในการจดเรยงขอความ และจดแนวรปภาพไดดวย เชน จดชดซาย ชดขวา กงกลาง เปนตน
สวนท 8 ไดแกการใส การเนนขอความ การลบรปแบบ การตรวจสอบการสะกดค า และการแปลภาษา
สวนท 9 เปนสวนทใชในการวางก าหนดเวลาลางหนา วาจะใหบทความทเขยนเผยแพรใน วนใด
สวนท 10 เปนการใสปายก ากบ ซงเปนสวนทใชระบวาบทความทเขยนนอยในหมวดหมใด ซงสามารถใสไดมากกวา 1 ปายก ากบโดยคนดวยเครองหมายจลภาค และสามารถเลอกปายก ากบทคณเคยใสใหบทความอนไปแลวมาใสอกได เพอท าใหบทความนน ๆ อยในหมวดหมเดยวกน
สวนท 11 เปนการเลอกวาจะบนทกไวกอน หรอจะเผยแพร มประโยชนในกรณทบทความทเขยนใชเวลาเขยนนานมากกอาจจะบนทกเอาไวกอนแลวมาเขยนตอในภายหลงได
หนา 25
เทคนคการเขยนบทความทควรร ในกรณทเรามไฟลเอกสารจาก MS word แลวคดลอกมาวางเพอท าใหเขยนบทความไดเรวขน
บางครงพบปญหาขอผดพลาดของฟอรม (ฟอรมใน MS word ไมสามารถแปลงเปน HTML Code ได)
ปญหานแกไดโดยกอนวางขอความใหคลกทแถบ แกไข HTML แลวจงวางขอความทคดลอกมา
จากนนจงคลกทแถบ เขยน เพอจดรปแบบของบทความตอไป
เทคนคนยงสามารถใชกบการวางโคดวดโอ หรอขอความทคดลอกมาจากเวบไซตไดดวยครบ
หนา 26
บทท 4 การตงคาพนฐานตางๆ ใหกบบลอก
บทนผมจะขอแนะน าการตงคาพนฐานตางๆ ของบลอกเพอใหเขาใจการตงคาในสวนตาง ๆ ของ Blogger และจะท าใหคณสามารถตงคาตาง ๆ ตามความตองการของตนเองได อกทงจะเปนประโยชนในการพฒนาการท า Blogger ในระยะยาวดวย
การตงคาพนฐานตางๆ ของบลอกท าไดโดย Log in เขาไปท blogger เมอมาทหนา แผงควบคม ให Click ท การตงคา
และทานจะเขามาทเมนการตงคาของบลอก
ผมจะแบงการตงคาออกเปน 9 สวนดงน 1 ขนตน
คณสามารถดาวนโหลด Blog เพอเกบเปน Backup ขอมลบทความและ comment ของบลอกไดโดยเลอก สงออกบลอก แตถาคณมขอมลบลอกเดมอยแลวอยากจะน ามาใชกบบลอกใหมทสรางขน กใหเลอก น าเขาบลอก แตถาคดวาไมตองการใชบลอกนแลวกสามารถลบทงไดโดยเลอก ลบบลอก
หนา 27
Title และค าอธบายของบลอก ควรใสใหเขาใจภาพรวมของบลอกและม keyword ในการท าบลอกแทรกอยใน Description ดวย
ในสวนการตงคาอน ๆ ควรตงคาดงน
องคประกอบ ตงคาเปน
เพมบลอกของคณในรายการของเราหรอไม ใช
อนญาตใหเครองมอคนหาพบบลอกของคณหรอไม ใช
แสดงการแกไขอยางรวดเรวบนบลอกของคณหรอไม ใช
มเนอหาส าหรบผใหญหรอไม ไม
เลอกโปรแกรมแกไขบทความ โปรแกรมแกไขทอปเดต
2 การเผยแพร ในการตงคาสวนนสามารถเปลยน URL ของบลอกได
หนา 28
ถาคณตองการเปลยนโดเมนของบลอกจาก blogspotcom เปนโดเมนอนกสามารถตงคาไดตรงสวนน แตจะตองเสยคาใชจายการจดโดเมนผาน google ปละ 10 US (ประมาณ 300 กวาบาทตอป)
3 การจดรปแบบ ในสวนนเปนการตงคาการเผยแพรบทความ เชน จ านวนบทความในหนาแรก รปแบบเวลา
และวนทเปนตน
คณควรจะตงคาตาง ๆ ดงน
องคประกอบ ตงคาเปน
แสดงสงสด เทาไรกได
รปแบบสวนหวของวนท ตงไดตามใจชอบ
รปแบบวนทของดชนคลงบทความ ตงไดตามใจชอบ
รปแบบเวลา ตงไดตามใจชอบ
โซนเวลา (GMT+0700)กรงเทพ
ภาษา ไทย
แปลงการขนบรรทดใหม ไม
แสดงฟลดชอเรอง ใช
แสดงฟลดของลงก ไม
เปดใชการจดเรยงแบบลอย ใช
แมแบบบทความ ยงไมตองตงคา
หนา 29
4 เมนขอคดเหน เปนเมนส าหรบตงคาตาง ๆ เกยวกบการแสดงความคดเหนของบลอก
คณควรจะตงคาตาง ๆ ดงน
องคประกอบ ตงคาเปน
ขอคดเหน แสดง
ใครสามารถแสดงความคดเหน ผใชทมบญช Google
การจดวางฟอรมความคดเหน วางไวใตบทความ
ความคดเหนเรมตนส าหรบบทความ บทความใหมมความคดเหน
ลงกยอนกลบ ซอน
คาเรมตนของลงกยอนกลบส าหรบบทความ บทความใหมมลงกยอนกลบ รปแบบเวลาในสวนความคดเหน ตงคาตามใจ
ขอความของฟอรมความคดเหน ไมตองใสคาใด ๆ กได
การจดการความคดเหน ไม
แสดงการตรวจสอบค าส าหรบความคดเหนหรอไม ไม
แสดงรปภาพโปรไฟลบนความคดเหนหรอไม ใช
อเมลส าหรบแจงเตอนเมอมความคดเหนใหม กรอก email ของคณลงไป
5 เกบเขาคลงบทความ ตงใหเปนรายเดอนจะดทสด
หนา 30
6 ฟดของไซต ถาบทความในบลอกไมมากนก ตงคาเปน แบบเตม แตถาบทความมประมาณ 100 ขนไปควร
จะตงเปน แบบสน
7 อเมลและมอถอ
ในสวนนเปนการตงคา อเมลเพอใหระบบสงบลอกของคณทกครงทมการเผยแพร และเปนการตงคา การใชอปกรณเคลอนทในการเขยนบลอก ตรงนผมยงไมเคยลองเหมอนกน
8 OpenID
คณสามารถใช OpenID URL เพอเขาสไซตอนๆ ทใชงาน OpenID นอกจากนคณยงสามารถก าหนดใหผใช OpenID สามารถแสดงความคดเหนในบลอกของคณ โดยปรบการตงคา ความคดเหน ของคณ
9 สทธ
ในสวนนคณสามารถใชในการเปลยนผเขยนบลอก และเพมผดแลระบบไดถง 100 ราย
หนา 31
นอกจากนคณยงจ ากดคนเขาชมบลอกไดดวย โดยการระบ Email ของผทตองการลงไป
หนา 32
บทท 5 รจกและใชงาน Gadget ชนดตางๆ บน Blogger
เมอเรยนรเกยวกบ การตงคาตาง ๆ ของบลอก การเปลยน Templates ใหกบบลอกไปแลว สวนทเหลอคอ การจดรปแบบองคประกอบหนาใหกบบลอก รวมถงการใชงาน Gadget หลกชนดตางๆ ของ Blogger
Gadget คออะไร
Gadget ใน Blogger นนหมายถงสวนเสรมทเราสามารถตดตงเพมลงไปในแมแบบของ Blogger ซงบางครงกถกเรยกวา widget ซงกหมายถงสงเดยวกนกบ Gadget
วธเพม Gadget กอนอนให Login เขาไปท blogger หรอ draftblogger gtgt จากแผงควบคมใหเลอก การออกแบบ
หนา 33
จากนนใน Layout ของแมแบบคณจะเหนพนท ดงรปดานลางเพอใหเพม Gadget
และเมอคลก เพม Gadget กจะปรากฏ Gadget พนฐาน 21 อยางทจะกลาวถงในหวขอน
นอกจากนยงม Gadget อกมากมายซงคณสามารถเลอกไดจากเมนแกดเจดเพมเตมทางซายมอ
เมอเลอก Gadget ทตองการแลว คลกทปม + เพอท าการเพม Gadget นน ใสชอ Gadget และตงคาทตองการแลวบนทก
รปทเหนขางบนเปน Gadget ผตดตาม ส าหรบ Gadget อน ๆ กท าไดในท านองเดยวกน
หนา 34
รจกกบ Gadget พนฐาน 21 อยางของ Blogger
1 Gadget หนาเวบ
หลกการของ Gadget ชนดนคอคณจะตองสรางหนาเวบขนมากอน แลวใช Gadget นเปนเมนในการเชอมโยงไปยงหนาเวบ
2 Gadget ผตดตาม
Gadget ชนดนใชเพอใหผอานทชนชอบบลอกของคณไดตดตาม และเมอตดตามแลวความเคลอนไหว และการ update บทความของจะไปปรากฏแผงควบคมของผตดตามโดยอตโนมต และมสทธในการแสดงความคดเหนบนบลอกของคณได (กรณทคณอนญาตเฉพาะสมาชก)
3 Gadget ชองคนหา
เปน Gadget ทตดตงเพอใหผอานสามารถคนหาสงทตองการในบลอกของคณไดงายขน
หนา 35
4 Gadget HTMLจาวาสครปต
Gadget ชนดนเปน Gadget ทยดหยนทสดในบรรดา Gadget ทงหมด สามารถประยกตใชไดหลากหลาย เหมาะส าหรบใชตดตงโคดตาง ๆ ลงบน Blogger เชน โคดปฏทน นาฬกา โคดจาวาสครปต โคดรปภาพ โคดวดโอ โคดของลงค เปนตน
5 Gadget ขอความ
เปน Gadget ทเหมาะส าหรบเขยนขอความ เชน ขอความตอนรบ เปนตน
6 Gadget Adsense
คณจะใช Gadget ชนดนไดเมอสมครเขารวมโปรแกรมหรอเปนตวแทนในการเผยแพรโฆษณาบน Google
7 Gadget รปภาพ
ถาคณตองการแสดงรปภาพบนบลอกอยางเดยวกใหเลอกใช Gadget นครบ
หนา 36
8 Gadget สไลดโชว
Gadget นเปนการดง Albums จาก Picasaweb มาแสดงในรปแบบสไลดโชวบนบลอกของ
9 Gadget แถบวดโอ
Gadget นจะท าใหผใชคนหาวดโอบน Youtube จากบลอกของคณได
10 Gadget แบบส ารวจ
Gadget นถอเปน Gadget หนงทนาสนใจมาก แตยงมผใชจ านวนนอย โดยคณอาจจะใชส ารวจความตองการ หรอความคดเหนของผอานตอบลอกของคณ หรอส ารวจเกยวกบเรองทเกยวของกบเนอหาบนบลอกของคณกได
11 Gadget รายการบลอก
Gadget ชนดนเปน Gadget ทสามารถรวบรวมขาวสารลาสดจากบลอกทคณเลอกหรอบลอกทคณตดตาม พรอมทงสามารถแสดงเนอหาแบบยอไดดวย
หนา 37
12 Gadget รายชอลงค
เปน Gadget ทใชสรางลงคไปยงทตาง ๆ โดยคณสามารถปอน URL บน Gadget ชนดนเพอสราง Link โดยไมตองมความรเรอง HTML มากอนเลย
13 Gadget รายการ
เปน Gadget ทคลายคลงกบ Gadget รายชอลงค แตมความยดหยนกวา สามารถสรางขอความรายการและใส link ใหขอความไดดวย
14 Gadget ฟด
คณสามารถใช Gadget นดงขาวสารจากในบลอกของคณ หรอบลอกอนทคณสนใจเอามาแสดงเพยงแคใสชอบลอกทตองการลงไปลงไปใน gadget
15 Gadget Newsreel
เปน gadget ทท าใหพาดหวขาวจาก Google มาปรากฏบนบลอกของคณเทานน
หนา 38
16 Gadget ปายก ากบ
Gadget นมความส าคญ คณควรจะตดตง เพอใหบทความทเขยนเปนหมวดหม ใหผอานเหนชดเจนเลอกอานไดตรงความตองการมากขน
17 Gadget ลงคการสมคร
Gadget นมความส าคญในเรองการสงขาวสารขอมลจากบลอกของคณไปยงผอาน ผอานจะสามารถสมครรบบทความทาง email หรอผานชองทางอน ๆ ไดจาก Gadget น
18 Gadget โลโก
Gadget นไมส าคญนกเปนเพยงตดตง logo ของ blogger ในหนาบลอกเทานน
19 Gadget โปรไฟล
Gadget นจะแสดงขอมลอยางของคณทไดกรอกเอาไวบนบญชของ Blogger ถาคณตองการแสดงขอมลของคณบน Blog กควรจะตดตง Gadget นครบ
หนา 39
20 Gadget คลงบทความของบลอก
Gadget นจะท าใหผอานเหนบทความทงหมดภายในบลอกของคณได
21 Gadget สวนหวของหนา
Gadget นเปนสวนทใส Title และ Description ของ Blog โดยปกตแลว Template ทวไปกจะตดตงสวนนอยแลว
คณสามารถทดลองใช Gadget เหลานไดโดยไมตองกลวความผดพลาดเพราะ Gadget บน
Blogger นนสามารถลบออกไดอยางงายดายโดยวธการจดการกบ Gadget
หนา 40
บทท 6 การจดการกบ Gadget ในหนาบลอก
ในบททผานมาเราได รจกและใชงาน Gadget ชนดตาง ๆ บน Blogger ผมไดกลาวถงวธการเพม Gadget ใหกบบลอก แตยงไมไดกลาวถงการลบ Gadget ออกจากองคประกอบของหนา และนอกจากน ต าแหนงของ Gadget ยงสามารถเคลอนยายต าแหนงไดอกดวย
การลบ Gadget วธท 1 ถาในขณะทเรา log in และเปดหนาบลอกของเราขนมา กจะสงเกตเหนวามเครองมอ
ปรากฏอยตามทตางๆ ในองคประกอบของหนา
และถาเราคลกเขาไปกจะสามารถแกไข หรอ ลบองคประกอบเหลานนออกไปไดเลยครบ
หนา 41
วธท 2 เราสามารถเขาไปลบ Gadget ไดท แผงควบคม gtgt การออกแบบ gtgt องคประกอบของหนา gtgt เลอกแกไข Gadget ทตองการลบ
จากนนเลอกลบไดเชนเดยวกบกรณแรก
การยายต าแหนง Gadget ส าหรบการยายต าแหนงของ Gadget ท าไดโดยการ เขาไปทแผงควบคม gtgt การออกแบบ gtgt
องคประกอบหนาจากนนใหลากเมาสบน Gadget ทตองการยายไปวางในต าแหนงทตองการไดเลยครบ
หนา 42
เมอเขาใจการท างานของ Gadget ชนดตาง ๆ แลวสงทอยากจะฝากเอาไวตอนทายนกคอการจดองคประกอบหนาของบลอกดงน
แนวทางในการจดองคประกอบหนาบลอก
แนวทางในการจดองคประกอบหนานนไมมกฎเกณฑตายตว บางคนชอบใหม 2 column บางคน ชอบใหม 3 column ซงกขนอยกบความชอบและความตองการใชงาน แตทอยากใหค านงไวเสมอคอ ผอน คอ พระเจา ท าอะไรใหเขาใจงายๆ หาอะไรกเจออยางรวดเรว เขาไวเปนพอครบ และอกประการทส าคญคอ การตดตง Gadget ตาง ๆ ควรตดตงเทาทจ าเปนและตองการใชงาน ปฏทน หรอนาฬกานนกไมควรตดตง ลงไปเลย เพราะไมคมคากบการเพมภาระการโหลดใหกบผเขาชม และถาบลอกของคณโหลดไดชา ก เปนไปไดยากทผอานจะกลบมาอก
องคประกอบในหนาของบลอกทผมคดวาคณควรจะมคอ สวนทบอกตวตนของบลอก
ซงอาจจะแสดงในสวนหวของหนา หรอเปนวดโอ สไลดขอความรปถาย อยในต าแหนงทเหนไดชด สวนทเชอมโยงไปยงบทความในบลอก
สวนนจ าเปนมากเพราะจะชวยใหผอานคนหาบทความไดเรวขน คณอาจจะรวมบทความทงหมดเลยหรอ อาจจะใชวธจดหมวดหมใหผอานเลอกสงทตองการจากบลอกของเราไดเรวขน
สวนพนทของสมาชก
สวนนจะแสดงใหเหนวามผสนใจบลอกของเรามากแคไหน และสามารถสมครตดตามบลอกของเราไดทนท เชนอาจจะใช Gadget ผตดตาม หรอใช Like box Plugins ของ Facebook หรออาจจะท า Poll กได
สวนทเปนชองทางใหผอานตดตอเราได
คณอาจจะท า link เชอมโยงใหผอานตดตอคณได หรออาจจะใช Gadget profile ของ Blogger เพอแนะน าตวกได
หนา 43
บทท 7 การแสดงขาวสารลาสดดวย Gadget ฟด
ความหมายของค าวา ฟดโดยสรปกคอเปนสงทแพรกระจายจากบลอกของเราบนโลก Internet เทยบไดกบคลนสญญาณวทยหรอโทรทศน ถามตวรบทกคนกสามารถมองเหนขาวสารทตองการเลอกรบได นอกจากนถามตวชวยสงใหฟดแพรไดแรงขน ขาวสารกยอมจะแพรกระจายไดเรวดวย
ดงนนถาคณสนใจขาวสารจากบลอกใดบลอกหนงคณกสามารถทจะเปดรบขาวสารจากบลอกนนๆ โดยใช Gadget ฟด ซงเปน Gadget ทสามารถเพมไดอยางไมจ ากด ดงนนถาคณตองการรบขาวจาก 10 บลอกกสามารถท าไดโดยการเพม gadget ฟดเขาไปในบลอก 10 ครง ในขณะเดยวกนถาคณใสชอบลอกของตวเองใน Gadget ฟด Gadget ชนดนจะกลายเปน Gadget ทใชแสดง บทความลาสดนนเองครบ
การแสดงขาวสารลาสดโดยการใช Gadget ฟด
1 ไปทองคประกอบของหนา gtgt เพมฟด Gadget
หนา 44
2 ใสโคดตอไปนลงไปใน Gadget ฟด httpชอบลอกblogspotcomfeedspostsdefault
โดยจะตองเปลยนชอบลอกเปนชอบลอกของของคณเองหรอชอบลอกทคณตองการรบขาวสารท update
ตงคาทตองการเพมเตมและบนทกกจะได feeds ขาวสารมาปรากฏทบลอกของคณ
3 ถาตองการเพมบลอกอนอกกท าซ าขอ 1 และ 2 แตตองเปลยนชอบลอกใหม 4 กรณทคณตองการเรยก feed จากเวบทตองการใหคนหา feed จากเวบ wwwgooglecom
แลวแทนโคดในขอ 2 เชน feed ขาวการศกษาจากเวบ httpwwwrssthaicom ใหใสโคด httpwwwrssthaicomnewsphpt=education แทนในขอ 2
หนา 45
บทท 8 แนะน า Gadget ใหมของ blogger ldquoหนาเวบrdquo
ตามเวบไซตตาง ๆ เราคงจะเคยเหนกนวาแตละเวบไซตจะม เมนส าหรบเลอกเปดไปดหนาอน ๆภายในเวบนนๆ เชน ตวอยางในรปดานลาง
Blogger ไดพฒนา Gadget ตวใหมขนมา มชอวา หนาเวบ เพอใหผใชไดสรางหนาของบลอกทตองการไดโดยไมตองมความรในการดดแปลงหรอแกไขแมแบบดวยตนเอง
การเรยกใช Gadget ชนดนสามารถเลอกใชไดเชนเดยวกบการ Add Gadget ชนดอน ๆ นนคอ ไปท องคประกอบของหนา gtgt แลวเลอก เพม Gadget
ตอไปเรามาดวา Gadget น ใชอยางไร และใชเพอจดประสงคใด หลกการของ Gadget นเหมอนการสรางบทความขนมา 1 บทความ และ สราง Link เชอมโยงไป ยงบทความนน ๆ แตมความพเศษตรงทผใชทวไปสรางเมนขนเองไดอยางงายดาย โดยไมตองมความรพนฐานเกยวกบ HTML เลย
หนา 46
ตวอยางวธการใชงาน(จรง) ในตวอยางนผมจะสราง 2 หนาใหเหนเปนตวอยาง ไดแก HOME และ CONTACT ME
ขนเตรยมการ เนองจากผมจะยกตวอยางการสรางหนา Contact me ดงนนใหทกคนไปสราง Form ส าหรบ
ตดตอเจาของบลอกซงกคอเราเอง ไดท httpwwwfoxyformcom
ซงขนตอนในการสราง ฟอรมนนงายมาก มเพยง 4 ขนเทานน (ดรป)
หนา 47
เมอไดโคด แลวคดลอกเกบเอาไวกอนครบ
ขนสรางหนาเวบจรง ขนท 1 สรางหนาแรก หรอ HOME
Log in เขาไปท draftblogger ไปทแผงควบคม gtgt องคประกอบของหนา gtgt แลวเลอก เพม Gadget เลอกอนแรกเลยครบ คอ gadget หนาเวบ
จากนนกสราง หนาแรกขนมาโดยตงชอตามทตองการไดเลย แลวท าการบนทกครบ
หนา 48
ขนท 2 เมอผานขนท 1 มาแลวกเทากบวาเราไดสราง หนาบลอกขนมาแลว 1 หนา
ถาจะท าการเพมหนาอก ใหไปทแผงควบคม gtgt การสงบทความ gtgt แกไขหนาเวบ gtgt หนาเวบใหม
เมอคลกสรางหนาเวบใหม เรากจะพบเครองมอตาง ๆ เหมอนการเขยนบทความนนเองครบ
หนา 49
ใหน าโคดของ Form ทเตรยมไว จากขนเตรยมการมาวางในหนาหนาน จดรปแบบตามตองการแลวบนทกหนาไดเลยครบ
เพยงขนตอนสน ๆ นเรากจะมเมนเชอมโยงไปยง หนาของบลอกถง 2 หนาดวยกน ไดแก HOME และ CONTACT ME
หนา 50
ขนท 3 - ถาหากตองการเพมหนาบลอกเพมขนอกกท าซ าขนตอนทไดกลาวมาขางตนครบ - แตถาตองการลบหนาบลอกทง กมาทเดม แลวจะเหนค าวาลบ ถาตองการลบทงกกดค าวาลบ
ไดเลย
ขนท 4 วธจดการกบเมนหนาเวบ - ถาตองการเรยงล าดบหนาเวบใหม กไปท องคประกอบของหนา แลว คลก Gadget หนาเวบขนมาแกไข gtgt ดรป
หนา 51
นอกจากน Gadget หนาเวบจะมลกษณะพเศษ คอ ถาอยท Sidebar เมนจะจดเรยงเปนแนวตง
หนา 52
แตถาลากไปในต าแหนงใตสวนหว จะจดเรยงเรยงเปนแนวนอนโดยอตโนมต
หนา 53
บทท 9 นบจ านวนคนเยยมชมดวย Flagcounter
อกบรการนบสถตคนเยยมชมทชวยใหเราทราบวาบลอกของเรามผเยยมชมทงในและตางประเทศมากหรอนอย จาก Flagcounter
วธตดตง
1 ไปท httpwwwflagcountercomindexhtml 2 ตงคาตางๆ ตามความตองการแลวกด GET YOUR FLAG COUNTER ดงรป
3 คดลอก HTML โคด ท FLAG COUNTER ไดสรางใหในขนท 2
หนา 54
4 กลบมาทบลอกของเรา ไปทแผงควบคม gtgt รปแบบ gtgt องคประกอบหนา gtgt เพม Gadget ชนด HTMLจาวาสครปต
5 วางโคดทคดลอกมาจากขนท 3 แลวบนทกครบกเปนอนจบขนตอนครบ ลกษณะทไดกดงรป
หนา 55
บทท 10 รปภาพในบทความบน Blogger
คณเคยสงสยไหมครบวา รปภาพทคณ upload ขนไปขณะทเขยนบทความ หรออาจจะเขยนบทความไปแลว รปเหลานนไปอยทไหน เพราะวา Blogger เองไมม sever ยงตองอาศยฐานขอมลของตวแมคอ blogspotcom อย แลวจะเอาพนท ๆ ไหนมาเกบรปตงมากมาย
ค าตอบคอ Blogger จะใชวธเชอมโยงกบ Application อน ๆ ของ Google เพอแกปญหาการเกบขอมล เชนรปภาพใน Blogger ทเราพดถงกนอยตอนนกจะถกเกบ
อยท Picasa Web Albums ดงนนไมวาจะเปนภาพทคณ Upload ขณะเขยนบทความ กจะถกเกบอยใน Picasa Web Albums ทงหมด
คณใชบรการ Picasa Web Albums ไดอยางไร
การใชบรการ Picasa Web Albums สามารถเขาใชไดทนทหากคณมบญชผใชกบ google อยแลว เชนมบญชผใช Gmail หรอ Blogger อยแลวกสามารถ Log in เขาใชไดเลย
Picasa Web Albums ใหพนทเทาไร
Picasa จะใหพนท เพยง 1 GB ตอ 1 บญชผใช นเปนเหตผลทบางคนอาจจะสงสยวาท าไมคณภาพรปหรอขนาดของรปบน Blogger จงลดลง กลาวคอระบบของ Picasa จะท าการลดขนาดของรปทเรา Upload ผาน Blogger ใหมขนาดเลกลงเพอเปนการประหยดพนทนนเอง
หนา 56
คณจะเขาไปจดการรปภาพจาก Blogger ใน Picasa Web ไดอยางไร การจดการภาพใน Picasa Web Albums ท าได 2 วธคอ
1 ใช Software ทพฒนาขนมาจดการ Picasa Web Albums โดยเฉพาะ
คณสามารถเขาไปดาวนโหลด Picasa ไดท httppicasagooglecom 2 เขาไปจดการทเวบไซต Picasa Web Albums โดยตรง โดยไปท httppicasawebgooglecom และ Log in โดยใชชอบญชเดยวกบ Blogger
คณสามารถเขาไป Unload ภาพไดโดยตรงกบ Picasa แลวเรยกมาใชบน blogger ไดโดยใชตวเลอก อปโหลด
หนา 57
แตถาตองการรปภาพบน Blogger ทไดอปโหลดขนไปแลวกคลกทอลบมทตองการแลวเขาไปจดการภาพไดเชนกน ลบรปภาพบน Blogger แลวรปบน Picasa จะถกลบดวยหรอไม
การลบรปภาพบน Blogger ไมสงผลใด ๆ ตอ Picasa Web Albums เลยเวนแตคณจะเขามาลบใน Picasa Web Albums โดยตรง ดงนนถาในขณะเขยนบทความคณเผลอท าพลาดรปภาพหายไป กสามารถเขามาเอารปภาพจาก Picasa Web Albums ใชงานไดอกโดยไมตอง upload ซ า หรอไมตองไปหาภาพมาใหม บทสรป
บทนแนะน าใหพอรจกการเชอมโยงระหวาง Blogger และ Picasa Web Albums ซงเปนบรการในเครอขาย Google เหมอนกน และจะท าใหคณเขาใจการจดการเกยวกบภาพบน Blogger ไดดขน
หนา 58
บทท 11 การสรางวดโอใน YouTube และน ามาใสในบลอก
ถามวดโอในหนาบลอกของเราดวย การสอสารเรองราวตางๆ กจะมชวตชวาและเขาใจงายขน ซงในทนเราสามารถสรางไดไมยากดวยบรการของ wwwyoutubecom ครบ
ขนตอนการฝากวดโอไวกบ youtube
1 ไปท wwwyoutubecom แลวเลอก Create Account ทมมขวาบนซงในกรณทเรา Login อยในเวบบลอกของเรานน กสามารถใชบรการของ youtube ดวย Account เดมโดยไมตองสมครใหมครบ วธการท าไดโดย
11 คลกท 12 กรอกขอมลส าหรบการสรางบญช โดยใช username ของ gmail ของเราเอง 13 จากนน คลก
หนา 59
14 จะพบหนาตางใหกรอก Username และ รหสผาน ของ gmail ใหกรอก e-mail ของเรา
จะพบหนาจอ ดงน จากนนเรากสามารถท าการเพม Video ไดตามทเราตองการ
หนา 60
2 การฝาก youtube มเงอนไขส าคญๆ ดงน - ความยาวของวดโอไมเกน 10 นาท - ควรเปนวดโอทไมกระทบตอสถาบน ชาต ศาสนา พระมหากษตรย และ ศลธรรมอนดงามของสงคม
3 การ upload วดโอขนไปทเมน upload (ทมมขวาบน) แลวท าการเลอกไฟลวดโอจากเครองของเรา และรอจนการ upload เสรจสน
31 คลกทปม Uploads
32 คลกทปม Upload Video
33 เลอกไฟล Video ทตองการ
34
34 เมอ Upload ได 100 แลวใหคลก Save change
หนา 61
4 เมอ upload เสรจสนแลวคลกทขอความ Embed and Sharing Options เรากเหน HTML code ใหคดลอก code เหลานนมาแปะในสวนทเราตองการ
เชนในทนผมคดลอก code มาแปะในบทความกจะไดผลลพธเปนวดโอตามดานลางทเหนครบ
หนา 62
เรอง หนา บทน าhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 1 บทท 1 การสรางเวบบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 4 บทท 2 วธเปลยน Template ของ Bloggerhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 12 บทท 3 วธเขยนและจดการบทความในบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 22 บทท 4 การตงคาพนฐานตางๆ ใหกบบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 26 บทท 5 รจกและใชงาน Gadget ชนดตางๆ บน Bloggerhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 32 บทท 6 การจดการกบ Gadget ในหนาบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 40 บทท 7 การแสดงขาวสารลาสดดวย Gadget ฟดhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 43 บทท 9 นบจ านวนคนเยยมชมดวย Flagcounterhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 53 บทท 10 รปภาพในบทความบน Bloggerhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 55 บทท 11 การสรางวดโอใน YouTube และน ามาใสในบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 58
หนา 63
255
เอกสารประกอบการฝกอบรมเชงปฏบตการ
การพฒนาสอการเรยนการสอน โดยใชโปรแกรมคอมพวเตอรรวมกบ Weblog
หนา 2
การใชงานบลอก ผใชงานบลอกจะแกไขและบรหารบลอกผานทาง [เวบเบราวเซอร] เหมอนการใชงานและอาน
เวบไซตทวไป โดยจะมรปแบบบรหารบลอกทแตกตางกน เชนบางระบบทมบรรณาธการของบลอก ผเขยนหลายคนจะสงเรองเขาทางบลอก และจะตองรอใหบรรณาธการอนมตใหบลอกเผยแพรกอน บลอกถงจะแสดงผลในเวบไซตนนได ซงจะแตกตางจากบลอกสวนตวทจะใหแสดงผลไดทนท
ผเขยนบลอกในปจจบนจะใชงานบลอกในรปแบบใดรปแบบหนงไมวา ตดตงซอฟตแวรของตวเอง หรอใชงานบลอกผานทางเวบไซตทใหบรการบลอก
ส าหรบผอานบลอกจะใชงานไดในลกษณะเหมอนอานเวบไซตทวไป และสามารถแสดงความเหน
ไดในสวนทายของแตละบลอกโดยอาจจะตองผานการลงทะเบยนในบางบลอก นอกจากนผอานบลอกสามารถอานบลอกไดผานระบบ [ฟด] ซงมใหบรการในบลอกทวไป ท าใหผใชสามารถอานบลอกไดโดยตรง ผานโปรแกรมตวอนโดยไมจ าเปนตองเขามาสหนาบลอกนน
บลอกซอฟตแวร บลอกซอฟตแวร หรอ บลอกแวร เปนซอฟตแวรทใชในอนเทอรเนต ในลกษณะของระบบจดการ
เนอหาเวบ ทผพฒนาซอฟตแวรและผเขยนหรอดแลบลอกจะแยกจากกนตางหาก สงผลใหผเขยนบลอกสามารถใชงานไดทนทโดยไมตองมพนฐานความรในดานเอชทเอมแอล หรอการท าเวบไซตแตอยางใด ท าใหผเขยนบลอกสามารถใชเวลาสวนใหญในการ บรหารจดการ เพมเตม ขอมลและสารสนเทศแทนได นอกจากนบลอกซอฟตแวรจะสนบสนน ระบบ WYSIWYG ซงท าใหงายตอการเขยน และอาจเพมเตมการมเทมเพลตในหลายแบบใหเลอกใช
ซอฟตแวรสวนใหญสามารถดาวนโหลดและตดตงไดทนทโดยผใช ซงซอฟตแวรบางสวนเปนซอฟตแวรโอเพนซอรส ซงเปนซอฟตแวรทไมสงวนลขสทธ ซงผพฒนาสามารถน ามาปรบแก เปนของตนเอง ตดตงไวใชเปนบลอกสวนตว หรอเผยแพรใหคนอนมาใชงานได สวนซอฟตแวรลขสทธนน จะมทงในรปแบบทใหใชงานแบบเสยคาใชจายหรอใหใชงานฟร
หนา 3
บลอกซอฟตแวรทเปนทรจก รายชอบลอกซอฟตแวรทเปนทนยมพรอมทงชอซอฟตแวรทใชพฒนาในวงเลบ
ดรปาล (พเอชพมายเอสควแอล) เวรดเพรสส (พเอชพมายเอสควแอล) สแลช (เพรล) ไลฟไทป (พเอชพมายเอสควแอล) จมลา (พเอชพมายเอสควแอล) แมมโบ (พเอชพมายเอสควแอล)
รายชอผใหบรการบลอกทมชอเสยง บลอกเกอร (กเกล) ไทปแพด เวรดเพรสส ยาฮ 360deg หรอ ยาฮเดย (ยาฮ) วนโดวสไลฟ สเปซเซส (ไมโครซอฟท) มายสเปซ มลตไพล
ผใหบรการบลอกในประเทศไทยทเปนทรจก Blognone บลอกส าหรบเขยนเรองราวเกยวกบเทคโนโลยและขาวไอทอยางเดยว เอกซทน GotoKnow Bloggoo learnersinth บลอกแกง โอเคเนชน
นอกจากนทางเวบทนยมของไทยอยาง สนกคอม กระปกคอม หรอผจดการออนไลน กไดมการ
เปดใหบรการบลอก
หนา 4
บทท 1 การสรางเวบบลอก
หลายคนอาจสงสยวาตอนนจะท าเวบบลอกไปเพออะไร แลวจะเสยเงนไหม หากจะท าขนมา จรงๆ แลวประโยชนของเวบบลอกนนมมากกวาทเราคดไวครบ เชน ใชในการท างาน ในการน าเสนอผลงาน การขายสนคา ใชในการเรยนการสอน หรอ ใชในการเขยนชวประวตสวนตวแลวเกบไวเปนฐานขอมลแบบออนไลนกยงไดครบ สวนปญหาทบางทานไมรจก code ของภาษาตางๆ เชน HTML หรอ Java script ฯ กไมตองเปนกงวลครบ เพราะตวผมเองกไมเปนเหมอนกนแตกคอยๆ เรยนรกนไป เพยงแคไมกวนคณกจะมบลอกสวยๆ และน าไปใชประโยชนไดแนนอนครบ
เวบบลอกไมจ าเปนตองมเงนในการท าครบ เพราะมผใหบรการฟร และผมจะขอเสนอผใหบรการบลอกทชอวา บลอกเกอร ซงเปนของ Google ซงผมกจดท าอย มอย 2 เวบดวยกน คอ
wwwlovelyfoolsblogspotcom อนนเปนเวบบลอกสวนตวครบ
wwwnongpotoblogspotcom
อนนเปนเวบบลอกของลกชายครบ
หนา 5
วธสรางบลอกกบ Blogger ขนท 1 การสมครใชงาน Blogger สามารถใช email ของระบบใดกได แตในระยะยาวแลวการ
เชอมโยงกบบรการหลายๆ อยางของ Google ควรจะใช email ของ Gmail ดทสดครบ
1 ใหคณเขาไปท wwwgmialcom เพอสรางบญชผใชกบ Google
2 กรอกขอมลทจ าเปนในการสมคร Gmail
จากนนคลกปม ฉนยอมรบ โปรดสรางบญชของฉน
หนา 6
3 จะพบหนาจอการยนยนบญชของเรา ซงตองใสเบอรโทรศพท (Google จะสง massage มาให) จากนน
4 คลกปม สงรหสยนยนไปยงโทรศพทมอถอของฉน
5 เมอเปดดขอความในโทรศพทมอถอแลว กใหปอนรหสทได จากนนคลกปม ยนยน
6 คณจะพบกบหนาจอแสดงความยนดเกยวกบบญชของ Gmail
หนา 7
7 คลกทปม เพอด Gmail ของเราครงแรก
ขนท 2 หลงจากไดบญชผใชแลว ใหไปท wwwbloggercom เพอสรางบลอกกนเลยครบ
โดยในการสรางบลอกนน กใหใช บญชผใช (user name + password) ทไดสรางไวในขนท 1
1 ไปทเวบไซต httpwwwbloggercom ดงรป
2 คลกทปม เพอเรมตนการสรางบลอก ดงรป
หนา 8
3 ใหกรอก email ทไดจากขนท 1 ชอผเขยนบลอก วนเกด
4 เมอกรอกขอมลครบแลว ใหคลกทปม จะพบหนาจอ ตงชอเวบบลอกของคณ ใหท าการ ตงชอเวบบลอกทเราตองการ ทอยบลอก และ กรอกรหสยนยน (แตการก าหนด URL
หนา 9
จะตองไมใหซ ากบคนอน ๆ ถาซ ากใชวธเปลยนเปนค าหรอวลทใกลเคยงไปเรอย ๆ การตงชอและ URL ของบลอกควรม keyword ทสมพนธกบเรองทจะเขยนดวย)
5 คลกทปม จะพบหนาจอ เลอกแมแบบเรมตน ดงรป
หนา 10
6 ใหเลอกแมแบบเรมตนทเราตองการใหเปนรปแบบของบลอก จากนนคลกปม จะปรากฏหนาจอแจงวา บลอกของคณถกสรางขนแลว ดงรป
7 คลกทปม เพอกรอกขอมลครงแรกในการสรางเวบบลอก ซงจะตองกรอกขอมลในหนาเวบ ดงรป
หนา 11
8 เมอกรอกขอมลเสรจแลว ใหคลกปม จะปรากฏหนาจอ ดงรป
9 ใหคลกทปม เพอดเวบบลอกของเรา เปนครงแรก จะพบหนาจอ ดงรป
หนา 12
บทท 2 วธเปลยน Template ของ Blogger
หลงจากบทแรกไดเสนอขนตอนในการสรางบลอกไปแลว ถงตรงนคณตองคดแลววาจดประสงคของการท าบลอกของคณคออะไร เพราะจดประสงคนแหละครบจะเปนตวก าหนดวาเราจะเลอก แมแบบ (หนาตา และองคประกอบ) ของบลอกอยางไร
ตอไปเราจะมาดวธการเลอก และการเปลยน Template กนครบ
ขนท 1 ใหคณไปเลอก template ไดท
httpbtemplatescom httpwwwbloggertemplateplacecom httpthemecraftnet httpwwwdeluxetemplatesnet httpwwwbloggerthemesnet httpwwwbloggerstylescom httpwwwanshuldudejacom httpwwwbloggertemplatesfreecom httpwwwbloggertemplatesblogcom httpwwwtemplatesblockcom httpblogger-templatesblogspotcom httpfreetemplatesblogspotcom
หนา 13
httpmashablecom20070913blogger-templates httpwwwwebtemplatesblogcom httpwwwezwpthemescom httpwwwfreebloggertemplateinfo httpwwwblogcrowdscomresourcesblogger-templates httpwwwzoomtemplatecom httpwwwtemplates-bloggercom httpwwwbloggerblogtemplatescom httpbloggertemplateplacecom httpwwwtemplatesbloggernet httpwwwbietemplatescom
หรอจะใชค าคน ldquoTemplate+blogrdquo ใน Google กไดครบ ผมเชอวาขนตอนนคณคงจะใชเวลานาน
พอสมควรเลยละครบ (ผมเองกใชเวลาเปนวนๆ ในการเลอก templates ทเดยวครบ ) ขนท 2 เมอคณได Template ทตองการแลว ใหเรมเปลยนดงน ในทน ผมเลอกเวบไซต httpwwwbloggerblogtemplatescom เพอเปนตนแบบในการใช
Template
หนา 14
ผมเลอก Template น
1 โดยการคลกท Read More or Download this Blogger Template จากนนจะพบ
หนาตางใหม ใหเลอนหาเมน Download the Green Day Blogger Theme และท าการคลกเพอดาวนโหลด จะได ใหท าการ แตกไฟลจากนนใหน า green-day-blogger-themexml ไปวางไวท Desktop
2 Log in ท blogger ไปทแผงควบคม gtgt รปแบบ gtgt แกไข HTML gtgt คลกปม Browse เพอทจะอปโหลดแมแบบขนมา
หนา 15
3 เรยกไฟล XML ทเตรยมไวตามขนตอนในรปครบ
4 อปโหลดแมแบบขนไปแทนทแมแบบเดม โดยระหวางการแทนท อาจมการถามถงการลบเกบ Widget ของแมแบบเดม ซงถาตองการเกบของเกาเอาไวกเลอก เกบ Widget กจะท าให Widget ของแมแบบเดม ไมถกลบขณะเปลยน Templates
หนา 16
5 จากนนลองแสดงตวอยางด ซงถาพอใจกบแมแบบแลวกใหท าการบนทก กจบขนตอนการเปลยนแมแบบแลวครบ และถาหากคณตองการเปลยนแมแบบอกกสามารถเปลยนไดแบบไมจ ากดครง
นคอผลงาน หลงจากเปลยนแมแบบ นครบ กอนเปลยน Template
หลงเปลยน Template
หนา 17
เครองมอส าหรบ ldquoออกแบบแมแบบrdquo ดวยตนเอง ใหม จาก Blogger
หลงจากทมงาน Blogger ไดสราง Gadget หนาเวบ ออกมาไดไมนาน ตอนนกไดพฒนาการเครองมอส าหรบการออกแบบแมแบบของ blogger ใหยดหยนมากขน โดยใหผใชสามารถปรบแตงแมแบบไดดวยตนเอง ไมวาจะเปนการเลอก Theme การออกแบบโครงรางของหนาวาจะม 2 หรอ 3 คอลมน หรอหลายคอลมน ซงท าไดโดยการคลกเพยงไมกครง การปรบความกวางของ Template และ sidebar เพยงแคคลกเดยวเปนตน ความสามารถทงหลายนผใชสามารถท าไดโดยไมตองมความรเรอง HTML และ CSS เลยส าหรบการใชงานเครองมอนกคลายคลงกบการใชงานเครองมอเดม ๆ ทมอย ซงผมจะอธบายทละสวนดงน
การใช เครองมอออกแบบแมแบบ ท าไดโดย Log in เขาไปท draftblogger และไปท แผงควบคม gtgt
การออกแบบ gtgt องคประกอบของหนา gtgt คลกท ldquoเครองมอออกแบบแมแบบ ใหมrdquo
เมอคลกท ldquoเครองมอออกแบบแมแบบrdquo แลวเราจะพบเครองมอส าหรบออกแบบแมแบบอย 4 อยางดวยกน ไดแก 1 แมแบบ 2 พนหลง 3 รปแบบ และ 4 ขนสง
สวนแสดงตวอยาง
หนา 18
1 การใชงานเครองมอแมแบบ ท าไดโดย คลกทขอความ แมแบบ gtgt จากนนเลอกรปแบบทตองการ gtgt และเลอก theme ทตองการ เมอแสดงตวอยางเปนทนาพอใจแลว ใหคลกทปม ldquoใชกบบลอกrdquo เพอยนยน
2 การใชงานเมนพนหลง การใชงานเครองมอ ldquoพนหลงrdquo สามารถใชเพอเปลยนภาพพนหลงของบลอก และเลอกส Theme ของบลอกไดตามความตองการไดดวย
21 วธเปลยนภาพพนหลงท าไดโดย คลกท ldquoภาพพนหลงrdquo และเลอกถาพตามตองการ และกดปม ldquoใชกบบลอกrdquo เพอยนยน
สวนแสดงตวอยาง
หนา 19
22 การเลอกส Theme ของบลอก คลกทส Theme ทตองการโดย อาจจะคลกเลอกจาก
Theme ส าเรจรปหรอเลอกจาก Theme ทแนะน า
หนา 20
3 การใชงานเครองมอ ldquoรปแบบrdquo คณสามารถใชเครองมอนเพอก าหนดจ านวน คอลมน รปแบบคอลมน ความกวางของคอลมน รวมถงการก าหนดคอลมนใหกบสวนทายของหนาไดดวย
31 การใชงานเครองมอ ldquoการออกแบบเนอความrdquo เครองมอนใชก าหนดรปแบบคอลมนของ template ของคณ ซงท าไดงายดายโดยการคลกเลอกรปแบบทตองการ ดตวอยาง เมอเปนทพอใจแลวกกดปม ldquoใชกบบลอกrdquo เพอยนยน
32 การใชงานเครองมอ ldquoการออกแบบสวนทายrdquo เครองมอนเปนเครองมอส าหรบการ
ก าหนดคอลมนใหกบสวนทายของหนาบลอก ซงท าไดเชนเดยวกบ 31
หนา 21
33 การใชงานเครองมอ ldquoการปรบความกวางrdquo คณสามารถปรบความกวางของแมแบบ และ sidebar จากเครองมอนเพยงแคเลอน slider ใหตรงกบคาตวเลขทตองการเทานน
4 ส าหรบเมนขนสงเปนการก าหนดรายละเอยดตางๆ ใหกบบลอก เชน รปแบบของลงค gadget ตางๆ หวเรอง ชอของบลอก เปนตน ซงคณสามารถปรบแตงตามความตองการแลว แสดงตวอยาง หากเปนทพอใจกบนทกเชนเดยวกบ ขอ 1-3 ทไดกลาวมาแลว
ปล อยาลมนะครบวาเครองมอเหลานจะไมมใน bloggercom แต จะมใน draftbloggercom เทานน
หนา 22
บทท 3 วธเขยนและจดการบทความในบลอก
บทนผมจงจะเลาถงวธเขยนบทความใน Blogger เพอเปนแนวทางใหคณสามารถเขยนบทความลงในบลอกของคณไดสวยงามและเปนมออาชพมากขน
ส าหรบทานทเขยนบทความเปนอยแลวอาจจะขามไปอานบทความอน ๆ ตอไปไดเลยครบ สวนทานทเปนมอใหมจรง ๆ กควรจะอานบทความนใหจบเพอเปนแนวทางในการ
เขยนบทความของคณเองตอไป
1 การเขาไปเขยนบทความ การเขาไปเขยนบทความบน Blogger โดยตรงสามารถเขาไปได 2 ชองทางดวยกนคอ 11 ถาคณใชแมแบบทไมไดซอนแถบน าทางสามารถเขาไปเขยนบทความไดโดยคลกทเมน
บทความใหม
12 เขาไปเขยนบทความผาน draftbloggercom
หนา 23
โปรดสงเกตวาเครองมอในการเขยนบทความของ Draftblogger จะมมากกวาเครองมอของ blogger ปกต ดงนนโดยสวนตวผมแนะน าใหเขยนบทความผาน draftbloggercom เพราะมเครองมอมากกวาวธแรก และควรตงคาให draftblogger เปนเครองมอเรมตน
2 องคประกอบของเครองมอเขยนบทความ
กอนอนผมขอแนะน าใหรจกเครองมอทจ าเปนในการเขยนบทความดงน สวนท 1 คอสวนตงชอเรองหรอชอบทความ สวนท 2 เปนสวนทใชส าหรบกรณทเราตองการวางขอความทคดลอกมาจาก Ms word
หรอโคดวดโอจาก Youtube หรอโคด HTMLจาวาสครปตทตองการใหปรากฏและแสดงผลในบทความ
หนา 24
สวนท 3 เปนแถบทเลอกเมอตองการเขยนขอความปกตซงจะมเครองมอในการเขยนบทความตามทเหนในภาพขางบน
สวนท 4 ส าหรบจดรปแบบอกษร สวนท 5 เปนเครองมอในการใสลงคใหขอความ แทรกภาพลงในบทความ และแทรกวดโอ
ลงในบทความตามล าดบ สวนท 6 รปกระดาษขาดทเหนนนใชในกรณทคณตองการแสดงบทความใหผอานเหนในหนา
หลกเพยงบางสวนเทานน และถาใชเครองมอนผอานจะตองคลกอานเพมเตมจงจะเหนขอความแบบเตม เครองมอนมขอดคอท าใหบทความทมความยาวมาก ๆ สนลงได และท าใหเปดหนาแรกไดเรวขนดวย
สวนท 7 เปนสวนทใชในการจดเรยงขอความ และจดแนวรปภาพไดดวย เชน จดชดซาย ชดขวา กงกลาง เปนตน
สวนท 8 ไดแกการใส การเนนขอความ การลบรปแบบ การตรวจสอบการสะกดค า และการแปลภาษา
สวนท 9 เปนสวนทใชในการวางก าหนดเวลาลางหนา วาจะใหบทความทเขยนเผยแพรใน วนใด
สวนท 10 เปนการใสปายก ากบ ซงเปนสวนทใชระบวาบทความทเขยนนอยในหมวดหมใด ซงสามารถใสไดมากกวา 1 ปายก ากบโดยคนดวยเครองหมายจลภาค และสามารถเลอกปายก ากบทคณเคยใสใหบทความอนไปแลวมาใสอกได เพอท าใหบทความนน ๆ อยในหมวดหมเดยวกน
สวนท 11 เปนการเลอกวาจะบนทกไวกอน หรอจะเผยแพร มประโยชนในกรณทบทความทเขยนใชเวลาเขยนนานมากกอาจจะบนทกเอาไวกอนแลวมาเขยนตอในภายหลงได
หนา 25
เทคนคการเขยนบทความทควรร ในกรณทเรามไฟลเอกสารจาก MS word แลวคดลอกมาวางเพอท าใหเขยนบทความไดเรวขน
บางครงพบปญหาขอผดพลาดของฟอรม (ฟอรมใน MS word ไมสามารถแปลงเปน HTML Code ได)
ปญหานแกไดโดยกอนวางขอความใหคลกทแถบ แกไข HTML แลวจงวางขอความทคดลอกมา
จากนนจงคลกทแถบ เขยน เพอจดรปแบบของบทความตอไป
เทคนคนยงสามารถใชกบการวางโคดวดโอ หรอขอความทคดลอกมาจากเวบไซตไดดวยครบ
หนา 26
บทท 4 การตงคาพนฐานตางๆ ใหกบบลอก
บทนผมจะขอแนะน าการตงคาพนฐานตางๆ ของบลอกเพอใหเขาใจการตงคาในสวนตาง ๆ ของ Blogger และจะท าใหคณสามารถตงคาตาง ๆ ตามความตองการของตนเองได อกทงจะเปนประโยชนในการพฒนาการท า Blogger ในระยะยาวดวย
การตงคาพนฐานตางๆ ของบลอกท าไดโดย Log in เขาไปท blogger เมอมาทหนา แผงควบคม ให Click ท การตงคา
และทานจะเขามาทเมนการตงคาของบลอก
ผมจะแบงการตงคาออกเปน 9 สวนดงน 1 ขนตน
คณสามารถดาวนโหลด Blog เพอเกบเปน Backup ขอมลบทความและ comment ของบลอกไดโดยเลอก สงออกบลอก แตถาคณมขอมลบลอกเดมอยแลวอยากจะน ามาใชกบบลอกใหมทสรางขน กใหเลอก น าเขาบลอก แตถาคดวาไมตองการใชบลอกนแลวกสามารถลบทงไดโดยเลอก ลบบลอก
หนา 27
Title และค าอธบายของบลอก ควรใสใหเขาใจภาพรวมของบลอกและม keyword ในการท าบลอกแทรกอยใน Description ดวย
ในสวนการตงคาอน ๆ ควรตงคาดงน
องคประกอบ ตงคาเปน
เพมบลอกของคณในรายการของเราหรอไม ใช
อนญาตใหเครองมอคนหาพบบลอกของคณหรอไม ใช
แสดงการแกไขอยางรวดเรวบนบลอกของคณหรอไม ใช
มเนอหาส าหรบผใหญหรอไม ไม
เลอกโปรแกรมแกไขบทความ โปรแกรมแกไขทอปเดต
2 การเผยแพร ในการตงคาสวนนสามารถเปลยน URL ของบลอกได
หนา 28
ถาคณตองการเปลยนโดเมนของบลอกจาก blogspotcom เปนโดเมนอนกสามารถตงคาไดตรงสวนน แตจะตองเสยคาใชจายการจดโดเมนผาน google ปละ 10 US (ประมาณ 300 กวาบาทตอป)
3 การจดรปแบบ ในสวนนเปนการตงคาการเผยแพรบทความ เชน จ านวนบทความในหนาแรก รปแบบเวลา
และวนทเปนตน
คณควรจะตงคาตาง ๆ ดงน
องคประกอบ ตงคาเปน
แสดงสงสด เทาไรกได
รปแบบสวนหวของวนท ตงไดตามใจชอบ
รปแบบวนทของดชนคลงบทความ ตงไดตามใจชอบ
รปแบบเวลา ตงไดตามใจชอบ
โซนเวลา (GMT+0700)กรงเทพ
ภาษา ไทย
แปลงการขนบรรทดใหม ไม
แสดงฟลดชอเรอง ใช
แสดงฟลดของลงก ไม
เปดใชการจดเรยงแบบลอย ใช
แมแบบบทความ ยงไมตองตงคา
หนา 29
4 เมนขอคดเหน เปนเมนส าหรบตงคาตาง ๆ เกยวกบการแสดงความคดเหนของบลอก
คณควรจะตงคาตาง ๆ ดงน
องคประกอบ ตงคาเปน
ขอคดเหน แสดง
ใครสามารถแสดงความคดเหน ผใชทมบญช Google
การจดวางฟอรมความคดเหน วางไวใตบทความ
ความคดเหนเรมตนส าหรบบทความ บทความใหมมความคดเหน
ลงกยอนกลบ ซอน
คาเรมตนของลงกยอนกลบส าหรบบทความ บทความใหมมลงกยอนกลบ รปแบบเวลาในสวนความคดเหน ตงคาตามใจ
ขอความของฟอรมความคดเหน ไมตองใสคาใด ๆ กได
การจดการความคดเหน ไม
แสดงการตรวจสอบค าส าหรบความคดเหนหรอไม ไม
แสดงรปภาพโปรไฟลบนความคดเหนหรอไม ใช
อเมลส าหรบแจงเตอนเมอมความคดเหนใหม กรอก email ของคณลงไป
5 เกบเขาคลงบทความ ตงใหเปนรายเดอนจะดทสด
หนา 30
6 ฟดของไซต ถาบทความในบลอกไมมากนก ตงคาเปน แบบเตม แตถาบทความมประมาณ 100 ขนไปควร
จะตงเปน แบบสน
7 อเมลและมอถอ
ในสวนนเปนการตงคา อเมลเพอใหระบบสงบลอกของคณทกครงทมการเผยแพร และเปนการตงคา การใชอปกรณเคลอนทในการเขยนบลอก ตรงนผมยงไมเคยลองเหมอนกน
8 OpenID
คณสามารถใช OpenID URL เพอเขาสไซตอนๆ ทใชงาน OpenID นอกจากนคณยงสามารถก าหนดใหผใช OpenID สามารถแสดงความคดเหนในบลอกของคณ โดยปรบการตงคา ความคดเหน ของคณ
9 สทธ
ในสวนนคณสามารถใชในการเปลยนผเขยนบลอก และเพมผดแลระบบไดถง 100 ราย
หนา 31
นอกจากนคณยงจ ากดคนเขาชมบลอกไดดวย โดยการระบ Email ของผทตองการลงไป
หนา 32
บทท 5 รจกและใชงาน Gadget ชนดตางๆ บน Blogger
เมอเรยนรเกยวกบ การตงคาตาง ๆ ของบลอก การเปลยน Templates ใหกบบลอกไปแลว สวนทเหลอคอ การจดรปแบบองคประกอบหนาใหกบบลอก รวมถงการใชงาน Gadget หลกชนดตางๆ ของ Blogger
Gadget คออะไร
Gadget ใน Blogger นนหมายถงสวนเสรมทเราสามารถตดตงเพมลงไปในแมแบบของ Blogger ซงบางครงกถกเรยกวา widget ซงกหมายถงสงเดยวกนกบ Gadget
วธเพม Gadget กอนอนให Login เขาไปท blogger หรอ draftblogger gtgt จากแผงควบคมใหเลอก การออกแบบ
หนา 33
จากนนใน Layout ของแมแบบคณจะเหนพนท ดงรปดานลางเพอใหเพม Gadget
และเมอคลก เพม Gadget กจะปรากฏ Gadget พนฐาน 21 อยางทจะกลาวถงในหวขอน
นอกจากนยงม Gadget อกมากมายซงคณสามารถเลอกไดจากเมนแกดเจดเพมเตมทางซายมอ
เมอเลอก Gadget ทตองการแลว คลกทปม + เพอท าการเพม Gadget นน ใสชอ Gadget และตงคาทตองการแลวบนทก
รปทเหนขางบนเปน Gadget ผตดตาม ส าหรบ Gadget อน ๆ กท าไดในท านองเดยวกน
หนา 34
รจกกบ Gadget พนฐาน 21 อยางของ Blogger
1 Gadget หนาเวบ
หลกการของ Gadget ชนดนคอคณจะตองสรางหนาเวบขนมากอน แลวใช Gadget นเปนเมนในการเชอมโยงไปยงหนาเวบ
2 Gadget ผตดตาม
Gadget ชนดนใชเพอใหผอานทชนชอบบลอกของคณไดตดตาม และเมอตดตามแลวความเคลอนไหว และการ update บทความของจะไปปรากฏแผงควบคมของผตดตามโดยอตโนมต และมสทธในการแสดงความคดเหนบนบลอกของคณได (กรณทคณอนญาตเฉพาะสมาชก)
3 Gadget ชองคนหา
เปน Gadget ทตดตงเพอใหผอานสามารถคนหาสงทตองการในบลอกของคณไดงายขน
หนา 35
4 Gadget HTMLจาวาสครปต
Gadget ชนดนเปน Gadget ทยดหยนทสดในบรรดา Gadget ทงหมด สามารถประยกตใชไดหลากหลาย เหมาะส าหรบใชตดตงโคดตาง ๆ ลงบน Blogger เชน โคดปฏทน นาฬกา โคดจาวาสครปต โคดรปภาพ โคดวดโอ โคดของลงค เปนตน
5 Gadget ขอความ
เปน Gadget ทเหมาะส าหรบเขยนขอความ เชน ขอความตอนรบ เปนตน
6 Gadget Adsense
คณจะใช Gadget ชนดนไดเมอสมครเขารวมโปรแกรมหรอเปนตวแทนในการเผยแพรโฆษณาบน Google
7 Gadget รปภาพ
ถาคณตองการแสดงรปภาพบนบลอกอยางเดยวกใหเลอกใช Gadget นครบ
หนา 36
8 Gadget สไลดโชว
Gadget นเปนการดง Albums จาก Picasaweb มาแสดงในรปแบบสไลดโชวบนบลอกของ
9 Gadget แถบวดโอ
Gadget นจะท าใหผใชคนหาวดโอบน Youtube จากบลอกของคณได
10 Gadget แบบส ารวจ
Gadget นถอเปน Gadget หนงทนาสนใจมาก แตยงมผใชจ านวนนอย โดยคณอาจจะใชส ารวจความตองการ หรอความคดเหนของผอานตอบลอกของคณ หรอส ารวจเกยวกบเรองทเกยวของกบเนอหาบนบลอกของคณกได
11 Gadget รายการบลอก
Gadget ชนดนเปน Gadget ทสามารถรวบรวมขาวสารลาสดจากบลอกทคณเลอกหรอบลอกทคณตดตาม พรอมทงสามารถแสดงเนอหาแบบยอไดดวย
หนา 37
12 Gadget รายชอลงค
เปน Gadget ทใชสรางลงคไปยงทตาง ๆ โดยคณสามารถปอน URL บน Gadget ชนดนเพอสราง Link โดยไมตองมความรเรอง HTML มากอนเลย
13 Gadget รายการ
เปน Gadget ทคลายคลงกบ Gadget รายชอลงค แตมความยดหยนกวา สามารถสรางขอความรายการและใส link ใหขอความไดดวย
14 Gadget ฟด
คณสามารถใช Gadget นดงขาวสารจากในบลอกของคณ หรอบลอกอนทคณสนใจเอามาแสดงเพยงแคใสชอบลอกทตองการลงไปลงไปใน gadget
15 Gadget Newsreel
เปน gadget ทท าใหพาดหวขาวจาก Google มาปรากฏบนบลอกของคณเทานน
หนา 38
16 Gadget ปายก ากบ
Gadget นมความส าคญ คณควรจะตดตง เพอใหบทความทเขยนเปนหมวดหม ใหผอานเหนชดเจนเลอกอานไดตรงความตองการมากขน
17 Gadget ลงคการสมคร
Gadget นมความส าคญในเรองการสงขาวสารขอมลจากบลอกของคณไปยงผอาน ผอานจะสามารถสมครรบบทความทาง email หรอผานชองทางอน ๆ ไดจาก Gadget น
18 Gadget โลโก
Gadget นไมส าคญนกเปนเพยงตดตง logo ของ blogger ในหนาบลอกเทานน
19 Gadget โปรไฟล
Gadget นจะแสดงขอมลอยางของคณทไดกรอกเอาไวบนบญชของ Blogger ถาคณตองการแสดงขอมลของคณบน Blog กควรจะตดตง Gadget นครบ
หนา 39
20 Gadget คลงบทความของบลอก
Gadget นจะท าใหผอานเหนบทความทงหมดภายในบลอกของคณได
21 Gadget สวนหวของหนา
Gadget นเปนสวนทใส Title และ Description ของ Blog โดยปกตแลว Template ทวไปกจะตดตงสวนนอยแลว
คณสามารถทดลองใช Gadget เหลานไดโดยไมตองกลวความผดพลาดเพราะ Gadget บน
Blogger นนสามารถลบออกไดอยางงายดายโดยวธการจดการกบ Gadget
หนา 40
บทท 6 การจดการกบ Gadget ในหนาบลอก
ในบททผานมาเราได รจกและใชงาน Gadget ชนดตาง ๆ บน Blogger ผมไดกลาวถงวธการเพม Gadget ใหกบบลอก แตยงไมไดกลาวถงการลบ Gadget ออกจากองคประกอบของหนา และนอกจากน ต าแหนงของ Gadget ยงสามารถเคลอนยายต าแหนงไดอกดวย
การลบ Gadget วธท 1 ถาในขณะทเรา log in และเปดหนาบลอกของเราขนมา กจะสงเกตเหนวามเครองมอ
ปรากฏอยตามทตางๆ ในองคประกอบของหนา
และถาเราคลกเขาไปกจะสามารถแกไข หรอ ลบองคประกอบเหลานนออกไปไดเลยครบ
หนา 41
วธท 2 เราสามารถเขาไปลบ Gadget ไดท แผงควบคม gtgt การออกแบบ gtgt องคประกอบของหนา gtgt เลอกแกไข Gadget ทตองการลบ
จากนนเลอกลบไดเชนเดยวกบกรณแรก
การยายต าแหนง Gadget ส าหรบการยายต าแหนงของ Gadget ท าไดโดยการ เขาไปทแผงควบคม gtgt การออกแบบ gtgt
องคประกอบหนาจากนนใหลากเมาสบน Gadget ทตองการยายไปวางในต าแหนงทตองการไดเลยครบ
หนา 42
เมอเขาใจการท างานของ Gadget ชนดตาง ๆ แลวสงทอยากจะฝากเอาไวตอนทายนกคอการจดองคประกอบหนาของบลอกดงน
แนวทางในการจดองคประกอบหนาบลอก
แนวทางในการจดองคประกอบหนานนไมมกฎเกณฑตายตว บางคนชอบใหม 2 column บางคน ชอบใหม 3 column ซงกขนอยกบความชอบและความตองการใชงาน แตทอยากใหค านงไวเสมอคอ ผอน คอ พระเจา ท าอะไรใหเขาใจงายๆ หาอะไรกเจออยางรวดเรว เขาไวเปนพอครบ และอกประการทส าคญคอ การตดตง Gadget ตาง ๆ ควรตดตงเทาทจ าเปนและตองการใชงาน ปฏทน หรอนาฬกานนกไมควรตดตง ลงไปเลย เพราะไมคมคากบการเพมภาระการโหลดใหกบผเขาชม และถาบลอกของคณโหลดไดชา ก เปนไปไดยากทผอานจะกลบมาอก
องคประกอบในหนาของบลอกทผมคดวาคณควรจะมคอ สวนทบอกตวตนของบลอก
ซงอาจจะแสดงในสวนหวของหนา หรอเปนวดโอ สไลดขอความรปถาย อยในต าแหนงทเหนไดชด สวนทเชอมโยงไปยงบทความในบลอก
สวนนจ าเปนมากเพราะจะชวยใหผอานคนหาบทความไดเรวขน คณอาจจะรวมบทความทงหมดเลยหรอ อาจจะใชวธจดหมวดหมใหผอานเลอกสงทตองการจากบลอกของเราไดเรวขน
สวนพนทของสมาชก
สวนนจะแสดงใหเหนวามผสนใจบลอกของเรามากแคไหน และสามารถสมครตดตามบลอกของเราไดทนท เชนอาจจะใช Gadget ผตดตาม หรอใช Like box Plugins ของ Facebook หรออาจจะท า Poll กได
สวนทเปนชองทางใหผอานตดตอเราได
คณอาจจะท า link เชอมโยงใหผอานตดตอคณได หรออาจจะใช Gadget profile ของ Blogger เพอแนะน าตวกได
หนา 43
บทท 7 การแสดงขาวสารลาสดดวย Gadget ฟด
ความหมายของค าวา ฟดโดยสรปกคอเปนสงทแพรกระจายจากบลอกของเราบนโลก Internet เทยบไดกบคลนสญญาณวทยหรอโทรทศน ถามตวรบทกคนกสามารถมองเหนขาวสารทตองการเลอกรบได นอกจากนถามตวชวยสงใหฟดแพรไดแรงขน ขาวสารกยอมจะแพรกระจายไดเรวดวย
ดงนนถาคณสนใจขาวสารจากบลอกใดบลอกหนงคณกสามารถทจะเปดรบขาวสารจากบลอกนนๆ โดยใช Gadget ฟด ซงเปน Gadget ทสามารถเพมไดอยางไมจ ากด ดงนนถาคณตองการรบขาวจาก 10 บลอกกสามารถท าไดโดยการเพม gadget ฟดเขาไปในบลอก 10 ครง ในขณะเดยวกนถาคณใสชอบลอกของตวเองใน Gadget ฟด Gadget ชนดนจะกลายเปน Gadget ทใชแสดง บทความลาสดนนเองครบ
การแสดงขาวสารลาสดโดยการใช Gadget ฟด
1 ไปทองคประกอบของหนา gtgt เพมฟด Gadget
หนา 44
2 ใสโคดตอไปนลงไปใน Gadget ฟด httpชอบลอกblogspotcomfeedspostsdefault
โดยจะตองเปลยนชอบลอกเปนชอบลอกของของคณเองหรอชอบลอกทคณตองการรบขาวสารท update
ตงคาทตองการเพมเตมและบนทกกจะได feeds ขาวสารมาปรากฏทบลอกของคณ
3 ถาตองการเพมบลอกอนอกกท าซ าขอ 1 และ 2 แตตองเปลยนชอบลอกใหม 4 กรณทคณตองการเรยก feed จากเวบทตองการใหคนหา feed จากเวบ wwwgooglecom
แลวแทนโคดในขอ 2 เชน feed ขาวการศกษาจากเวบ httpwwwrssthaicom ใหใสโคด httpwwwrssthaicomnewsphpt=education แทนในขอ 2
หนา 45
บทท 8 แนะน า Gadget ใหมของ blogger ldquoหนาเวบrdquo
ตามเวบไซตตาง ๆ เราคงจะเคยเหนกนวาแตละเวบไซตจะม เมนส าหรบเลอกเปดไปดหนาอน ๆภายในเวบนนๆ เชน ตวอยางในรปดานลาง
Blogger ไดพฒนา Gadget ตวใหมขนมา มชอวา หนาเวบ เพอใหผใชไดสรางหนาของบลอกทตองการไดโดยไมตองมความรในการดดแปลงหรอแกไขแมแบบดวยตนเอง
การเรยกใช Gadget ชนดนสามารถเลอกใชไดเชนเดยวกบการ Add Gadget ชนดอน ๆ นนคอ ไปท องคประกอบของหนา gtgt แลวเลอก เพม Gadget
ตอไปเรามาดวา Gadget น ใชอยางไร และใชเพอจดประสงคใด หลกการของ Gadget นเหมอนการสรางบทความขนมา 1 บทความ และ สราง Link เชอมโยงไป ยงบทความนน ๆ แตมความพเศษตรงทผใชทวไปสรางเมนขนเองไดอยางงายดาย โดยไมตองมความรพนฐานเกยวกบ HTML เลย
หนา 46
ตวอยางวธการใชงาน(จรง) ในตวอยางนผมจะสราง 2 หนาใหเหนเปนตวอยาง ไดแก HOME และ CONTACT ME
ขนเตรยมการ เนองจากผมจะยกตวอยางการสรางหนา Contact me ดงนนใหทกคนไปสราง Form ส าหรบ
ตดตอเจาของบลอกซงกคอเราเอง ไดท httpwwwfoxyformcom
ซงขนตอนในการสราง ฟอรมนนงายมาก มเพยง 4 ขนเทานน (ดรป)
หนา 47
เมอไดโคด แลวคดลอกเกบเอาไวกอนครบ
ขนสรางหนาเวบจรง ขนท 1 สรางหนาแรก หรอ HOME
Log in เขาไปท draftblogger ไปทแผงควบคม gtgt องคประกอบของหนา gtgt แลวเลอก เพม Gadget เลอกอนแรกเลยครบ คอ gadget หนาเวบ
จากนนกสราง หนาแรกขนมาโดยตงชอตามทตองการไดเลย แลวท าการบนทกครบ
หนา 48
ขนท 2 เมอผานขนท 1 มาแลวกเทากบวาเราไดสราง หนาบลอกขนมาแลว 1 หนา
ถาจะท าการเพมหนาอก ใหไปทแผงควบคม gtgt การสงบทความ gtgt แกไขหนาเวบ gtgt หนาเวบใหม
เมอคลกสรางหนาเวบใหม เรากจะพบเครองมอตาง ๆ เหมอนการเขยนบทความนนเองครบ
หนา 49
ใหน าโคดของ Form ทเตรยมไว จากขนเตรยมการมาวางในหนาหนาน จดรปแบบตามตองการแลวบนทกหนาไดเลยครบ
เพยงขนตอนสน ๆ นเรากจะมเมนเชอมโยงไปยง หนาของบลอกถง 2 หนาดวยกน ไดแก HOME และ CONTACT ME
หนา 50
ขนท 3 - ถาหากตองการเพมหนาบลอกเพมขนอกกท าซ าขนตอนทไดกลาวมาขางตนครบ - แตถาตองการลบหนาบลอกทง กมาทเดม แลวจะเหนค าวาลบ ถาตองการลบทงกกดค าวาลบ
ไดเลย
ขนท 4 วธจดการกบเมนหนาเวบ - ถาตองการเรยงล าดบหนาเวบใหม กไปท องคประกอบของหนา แลว คลก Gadget หนาเวบขนมาแกไข gtgt ดรป
หนา 51
นอกจากน Gadget หนาเวบจะมลกษณะพเศษ คอ ถาอยท Sidebar เมนจะจดเรยงเปนแนวตง
หนา 52
แตถาลากไปในต าแหนงใตสวนหว จะจดเรยงเรยงเปนแนวนอนโดยอตโนมต
หนา 53
บทท 9 นบจ านวนคนเยยมชมดวย Flagcounter
อกบรการนบสถตคนเยยมชมทชวยใหเราทราบวาบลอกของเรามผเยยมชมทงในและตางประเทศมากหรอนอย จาก Flagcounter
วธตดตง
1 ไปท httpwwwflagcountercomindexhtml 2 ตงคาตางๆ ตามความตองการแลวกด GET YOUR FLAG COUNTER ดงรป
3 คดลอก HTML โคด ท FLAG COUNTER ไดสรางใหในขนท 2
หนา 54
4 กลบมาทบลอกของเรา ไปทแผงควบคม gtgt รปแบบ gtgt องคประกอบหนา gtgt เพม Gadget ชนด HTMLจาวาสครปต
5 วางโคดทคดลอกมาจากขนท 3 แลวบนทกครบกเปนอนจบขนตอนครบ ลกษณะทไดกดงรป
หนา 55
บทท 10 รปภาพในบทความบน Blogger
คณเคยสงสยไหมครบวา รปภาพทคณ upload ขนไปขณะทเขยนบทความ หรออาจจะเขยนบทความไปแลว รปเหลานนไปอยทไหน เพราะวา Blogger เองไมม sever ยงตองอาศยฐานขอมลของตวแมคอ blogspotcom อย แลวจะเอาพนท ๆ ไหนมาเกบรปตงมากมาย
ค าตอบคอ Blogger จะใชวธเชอมโยงกบ Application อน ๆ ของ Google เพอแกปญหาการเกบขอมล เชนรปภาพใน Blogger ทเราพดถงกนอยตอนนกจะถกเกบ
อยท Picasa Web Albums ดงนนไมวาจะเปนภาพทคณ Upload ขณะเขยนบทความ กจะถกเกบอยใน Picasa Web Albums ทงหมด
คณใชบรการ Picasa Web Albums ไดอยางไร
การใชบรการ Picasa Web Albums สามารถเขาใชไดทนทหากคณมบญชผใชกบ google อยแลว เชนมบญชผใช Gmail หรอ Blogger อยแลวกสามารถ Log in เขาใชไดเลย
Picasa Web Albums ใหพนทเทาไร
Picasa จะใหพนท เพยง 1 GB ตอ 1 บญชผใช นเปนเหตผลทบางคนอาจจะสงสยวาท าไมคณภาพรปหรอขนาดของรปบน Blogger จงลดลง กลาวคอระบบของ Picasa จะท าการลดขนาดของรปทเรา Upload ผาน Blogger ใหมขนาดเลกลงเพอเปนการประหยดพนทนนเอง
หนา 56
คณจะเขาไปจดการรปภาพจาก Blogger ใน Picasa Web ไดอยางไร การจดการภาพใน Picasa Web Albums ท าได 2 วธคอ
1 ใช Software ทพฒนาขนมาจดการ Picasa Web Albums โดยเฉพาะ
คณสามารถเขาไปดาวนโหลด Picasa ไดท httppicasagooglecom 2 เขาไปจดการทเวบไซต Picasa Web Albums โดยตรง โดยไปท httppicasawebgooglecom และ Log in โดยใชชอบญชเดยวกบ Blogger
คณสามารถเขาไป Unload ภาพไดโดยตรงกบ Picasa แลวเรยกมาใชบน blogger ไดโดยใชตวเลอก อปโหลด
หนา 57
แตถาตองการรปภาพบน Blogger ทไดอปโหลดขนไปแลวกคลกทอลบมทตองการแลวเขาไปจดการภาพไดเชนกน ลบรปภาพบน Blogger แลวรปบน Picasa จะถกลบดวยหรอไม
การลบรปภาพบน Blogger ไมสงผลใด ๆ ตอ Picasa Web Albums เลยเวนแตคณจะเขามาลบใน Picasa Web Albums โดยตรง ดงนนถาในขณะเขยนบทความคณเผลอท าพลาดรปภาพหายไป กสามารถเขามาเอารปภาพจาก Picasa Web Albums ใชงานไดอกโดยไมตอง upload ซ า หรอไมตองไปหาภาพมาใหม บทสรป
บทนแนะน าใหพอรจกการเชอมโยงระหวาง Blogger และ Picasa Web Albums ซงเปนบรการในเครอขาย Google เหมอนกน และจะท าใหคณเขาใจการจดการเกยวกบภาพบน Blogger ไดดขน
หนา 58
บทท 11 การสรางวดโอใน YouTube และน ามาใสในบลอก
ถามวดโอในหนาบลอกของเราดวย การสอสารเรองราวตางๆ กจะมชวตชวาและเขาใจงายขน ซงในทนเราสามารถสรางไดไมยากดวยบรการของ wwwyoutubecom ครบ
ขนตอนการฝากวดโอไวกบ youtube
1 ไปท wwwyoutubecom แลวเลอก Create Account ทมมขวาบนซงในกรณทเรา Login อยในเวบบลอกของเรานน กสามารถใชบรการของ youtube ดวย Account เดมโดยไมตองสมครใหมครบ วธการท าไดโดย
11 คลกท 12 กรอกขอมลส าหรบการสรางบญช โดยใช username ของ gmail ของเราเอง 13 จากนน คลก
หนา 59
14 จะพบหนาตางใหกรอก Username และ รหสผาน ของ gmail ใหกรอก e-mail ของเรา
จะพบหนาจอ ดงน จากนนเรากสามารถท าการเพม Video ไดตามทเราตองการ
หนา 60
2 การฝาก youtube มเงอนไขส าคญๆ ดงน - ความยาวของวดโอไมเกน 10 นาท - ควรเปนวดโอทไมกระทบตอสถาบน ชาต ศาสนา พระมหากษตรย และ ศลธรรมอนดงามของสงคม
3 การ upload วดโอขนไปทเมน upload (ทมมขวาบน) แลวท าการเลอกไฟลวดโอจากเครองของเรา และรอจนการ upload เสรจสน
31 คลกทปม Uploads
32 คลกทปม Upload Video
33 เลอกไฟล Video ทตองการ
34
34 เมอ Upload ได 100 แลวใหคลก Save change
หนา 61
4 เมอ upload เสรจสนแลวคลกทขอความ Embed and Sharing Options เรากเหน HTML code ใหคดลอก code เหลานนมาแปะในสวนทเราตองการ
เชนในทนผมคดลอก code มาแปะในบทความกจะไดผลลพธเปนวดโอตามดานลางทเหนครบ
หนา 62
เรอง หนา บทน าhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 1 บทท 1 การสรางเวบบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 4 บทท 2 วธเปลยน Template ของ Bloggerhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 12 บทท 3 วธเขยนและจดการบทความในบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 22 บทท 4 การตงคาพนฐานตางๆ ใหกบบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 26 บทท 5 รจกและใชงาน Gadget ชนดตางๆ บน Bloggerhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 32 บทท 6 การจดการกบ Gadget ในหนาบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 40 บทท 7 การแสดงขาวสารลาสดดวย Gadget ฟดhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 43 บทท 9 นบจ านวนคนเยยมชมดวย Flagcounterhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 53 บทท 10 รปภาพในบทความบน Bloggerhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 55 บทท 11 การสรางวดโอใน YouTube และน ามาใสในบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 58
หนา 63
255
เอกสารประกอบการฝกอบรมเชงปฏบตการ
การพฒนาสอการเรยนการสอน โดยใชโปรแกรมคอมพวเตอรรวมกบ Weblog
หนา 3
บลอกซอฟตแวรทเปนทรจก รายชอบลอกซอฟตแวรทเปนทนยมพรอมทงชอซอฟตแวรทใชพฒนาในวงเลบ
ดรปาล (พเอชพมายเอสควแอล) เวรดเพรสส (พเอชพมายเอสควแอล) สแลช (เพรล) ไลฟไทป (พเอชพมายเอสควแอล) จมลา (พเอชพมายเอสควแอล) แมมโบ (พเอชพมายเอสควแอล)
รายชอผใหบรการบลอกทมชอเสยง บลอกเกอร (กเกล) ไทปแพด เวรดเพรสส ยาฮ 360deg หรอ ยาฮเดย (ยาฮ) วนโดวสไลฟ สเปซเซส (ไมโครซอฟท) มายสเปซ มลตไพล
ผใหบรการบลอกในประเทศไทยทเปนทรจก Blognone บลอกส าหรบเขยนเรองราวเกยวกบเทคโนโลยและขาวไอทอยางเดยว เอกซทน GotoKnow Bloggoo learnersinth บลอกแกง โอเคเนชน
นอกจากนทางเวบทนยมของไทยอยาง สนกคอม กระปกคอม หรอผจดการออนไลน กไดมการ
เปดใหบรการบลอก
หนา 4
บทท 1 การสรางเวบบลอก
หลายคนอาจสงสยวาตอนนจะท าเวบบลอกไปเพออะไร แลวจะเสยเงนไหม หากจะท าขนมา จรงๆ แลวประโยชนของเวบบลอกนนมมากกวาทเราคดไวครบ เชน ใชในการท างาน ในการน าเสนอผลงาน การขายสนคา ใชในการเรยนการสอน หรอ ใชในการเขยนชวประวตสวนตวแลวเกบไวเปนฐานขอมลแบบออนไลนกยงไดครบ สวนปญหาทบางทานไมรจก code ของภาษาตางๆ เชน HTML หรอ Java script ฯ กไมตองเปนกงวลครบ เพราะตวผมเองกไมเปนเหมอนกนแตกคอยๆ เรยนรกนไป เพยงแคไมกวนคณกจะมบลอกสวยๆ และน าไปใชประโยชนไดแนนอนครบ
เวบบลอกไมจ าเปนตองมเงนในการท าครบ เพราะมผใหบรการฟร และผมจะขอเสนอผใหบรการบลอกทชอวา บลอกเกอร ซงเปนของ Google ซงผมกจดท าอย มอย 2 เวบดวยกน คอ
wwwlovelyfoolsblogspotcom อนนเปนเวบบลอกสวนตวครบ
wwwnongpotoblogspotcom
อนนเปนเวบบลอกของลกชายครบ
หนา 5
วธสรางบลอกกบ Blogger ขนท 1 การสมครใชงาน Blogger สามารถใช email ของระบบใดกได แตในระยะยาวแลวการ
เชอมโยงกบบรการหลายๆ อยางของ Google ควรจะใช email ของ Gmail ดทสดครบ
1 ใหคณเขาไปท wwwgmialcom เพอสรางบญชผใชกบ Google
2 กรอกขอมลทจ าเปนในการสมคร Gmail
จากนนคลกปม ฉนยอมรบ โปรดสรางบญชของฉน
หนา 6
3 จะพบหนาจอการยนยนบญชของเรา ซงตองใสเบอรโทรศพท (Google จะสง massage มาให) จากนน
4 คลกปม สงรหสยนยนไปยงโทรศพทมอถอของฉน
5 เมอเปดดขอความในโทรศพทมอถอแลว กใหปอนรหสทได จากนนคลกปม ยนยน
6 คณจะพบกบหนาจอแสดงความยนดเกยวกบบญชของ Gmail
หนา 7
7 คลกทปม เพอด Gmail ของเราครงแรก
ขนท 2 หลงจากไดบญชผใชแลว ใหไปท wwwbloggercom เพอสรางบลอกกนเลยครบ
โดยในการสรางบลอกนน กใหใช บญชผใช (user name + password) ทไดสรางไวในขนท 1
1 ไปทเวบไซต httpwwwbloggercom ดงรป
2 คลกทปม เพอเรมตนการสรางบลอก ดงรป
หนา 8
3 ใหกรอก email ทไดจากขนท 1 ชอผเขยนบลอก วนเกด
4 เมอกรอกขอมลครบแลว ใหคลกทปม จะพบหนาจอ ตงชอเวบบลอกของคณ ใหท าการ ตงชอเวบบลอกทเราตองการ ทอยบลอก และ กรอกรหสยนยน (แตการก าหนด URL
หนา 9
จะตองไมใหซ ากบคนอน ๆ ถาซ ากใชวธเปลยนเปนค าหรอวลทใกลเคยงไปเรอย ๆ การตงชอและ URL ของบลอกควรม keyword ทสมพนธกบเรองทจะเขยนดวย)
5 คลกทปม จะพบหนาจอ เลอกแมแบบเรมตน ดงรป
หนา 10
6 ใหเลอกแมแบบเรมตนทเราตองการใหเปนรปแบบของบลอก จากนนคลกปม จะปรากฏหนาจอแจงวา บลอกของคณถกสรางขนแลว ดงรป
7 คลกทปม เพอกรอกขอมลครงแรกในการสรางเวบบลอก ซงจะตองกรอกขอมลในหนาเวบ ดงรป
หนา 11
8 เมอกรอกขอมลเสรจแลว ใหคลกปม จะปรากฏหนาจอ ดงรป
9 ใหคลกทปม เพอดเวบบลอกของเรา เปนครงแรก จะพบหนาจอ ดงรป
หนา 12
บทท 2 วธเปลยน Template ของ Blogger
หลงจากบทแรกไดเสนอขนตอนในการสรางบลอกไปแลว ถงตรงนคณตองคดแลววาจดประสงคของการท าบลอกของคณคออะไร เพราะจดประสงคนแหละครบจะเปนตวก าหนดวาเราจะเลอก แมแบบ (หนาตา และองคประกอบ) ของบลอกอยางไร
ตอไปเราจะมาดวธการเลอก และการเปลยน Template กนครบ
ขนท 1 ใหคณไปเลอก template ไดท
httpbtemplatescom httpwwwbloggertemplateplacecom httpthemecraftnet httpwwwdeluxetemplatesnet httpwwwbloggerthemesnet httpwwwbloggerstylescom httpwwwanshuldudejacom httpwwwbloggertemplatesfreecom httpwwwbloggertemplatesblogcom httpwwwtemplatesblockcom httpblogger-templatesblogspotcom httpfreetemplatesblogspotcom
หนา 13
httpmashablecom20070913blogger-templates httpwwwwebtemplatesblogcom httpwwwezwpthemescom httpwwwfreebloggertemplateinfo httpwwwblogcrowdscomresourcesblogger-templates httpwwwzoomtemplatecom httpwwwtemplates-bloggercom httpwwwbloggerblogtemplatescom httpbloggertemplateplacecom httpwwwtemplatesbloggernet httpwwwbietemplatescom
หรอจะใชค าคน ldquoTemplate+blogrdquo ใน Google กไดครบ ผมเชอวาขนตอนนคณคงจะใชเวลานาน
พอสมควรเลยละครบ (ผมเองกใชเวลาเปนวนๆ ในการเลอก templates ทเดยวครบ ) ขนท 2 เมอคณได Template ทตองการแลว ใหเรมเปลยนดงน ในทน ผมเลอกเวบไซต httpwwwbloggerblogtemplatescom เพอเปนตนแบบในการใช
Template
หนา 14
ผมเลอก Template น
1 โดยการคลกท Read More or Download this Blogger Template จากนนจะพบ
หนาตางใหม ใหเลอนหาเมน Download the Green Day Blogger Theme และท าการคลกเพอดาวนโหลด จะได ใหท าการ แตกไฟลจากนนใหน า green-day-blogger-themexml ไปวางไวท Desktop
2 Log in ท blogger ไปทแผงควบคม gtgt รปแบบ gtgt แกไข HTML gtgt คลกปม Browse เพอทจะอปโหลดแมแบบขนมา
หนา 15
3 เรยกไฟล XML ทเตรยมไวตามขนตอนในรปครบ
4 อปโหลดแมแบบขนไปแทนทแมแบบเดม โดยระหวางการแทนท อาจมการถามถงการลบเกบ Widget ของแมแบบเดม ซงถาตองการเกบของเกาเอาไวกเลอก เกบ Widget กจะท าให Widget ของแมแบบเดม ไมถกลบขณะเปลยน Templates
หนา 16
5 จากนนลองแสดงตวอยางด ซงถาพอใจกบแมแบบแลวกใหท าการบนทก กจบขนตอนการเปลยนแมแบบแลวครบ และถาหากคณตองการเปลยนแมแบบอกกสามารถเปลยนไดแบบไมจ ากดครง
นคอผลงาน หลงจากเปลยนแมแบบ นครบ กอนเปลยน Template
หลงเปลยน Template
หนา 17
เครองมอส าหรบ ldquoออกแบบแมแบบrdquo ดวยตนเอง ใหม จาก Blogger
หลงจากทมงาน Blogger ไดสราง Gadget หนาเวบ ออกมาไดไมนาน ตอนนกไดพฒนาการเครองมอส าหรบการออกแบบแมแบบของ blogger ใหยดหยนมากขน โดยใหผใชสามารถปรบแตงแมแบบไดดวยตนเอง ไมวาจะเปนการเลอก Theme การออกแบบโครงรางของหนาวาจะม 2 หรอ 3 คอลมน หรอหลายคอลมน ซงท าไดโดยการคลกเพยงไมกครง การปรบความกวางของ Template และ sidebar เพยงแคคลกเดยวเปนตน ความสามารถทงหลายนผใชสามารถท าไดโดยไมตองมความรเรอง HTML และ CSS เลยส าหรบการใชงานเครองมอนกคลายคลงกบการใชงานเครองมอเดม ๆ ทมอย ซงผมจะอธบายทละสวนดงน
การใช เครองมอออกแบบแมแบบ ท าไดโดย Log in เขาไปท draftblogger และไปท แผงควบคม gtgt
การออกแบบ gtgt องคประกอบของหนา gtgt คลกท ldquoเครองมอออกแบบแมแบบ ใหมrdquo
เมอคลกท ldquoเครองมอออกแบบแมแบบrdquo แลวเราจะพบเครองมอส าหรบออกแบบแมแบบอย 4 อยางดวยกน ไดแก 1 แมแบบ 2 พนหลง 3 รปแบบ และ 4 ขนสง
สวนแสดงตวอยาง
หนา 18
1 การใชงานเครองมอแมแบบ ท าไดโดย คลกทขอความ แมแบบ gtgt จากนนเลอกรปแบบทตองการ gtgt และเลอก theme ทตองการ เมอแสดงตวอยางเปนทนาพอใจแลว ใหคลกทปม ldquoใชกบบลอกrdquo เพอยนยน
2 การใชงานเมนพนหลง การใชงานเครองมอ ldquoพนหลงrdquo สามารถใชเพอเปลยนภาพพนหลงของบลอก และเลอกส Theme ของบลอกไดตามความตองการไดดวย
21 วธเปลยนภาพพนหลงท าไดโดย คลกท ldquoภาพพนหลงrdquo และเลอกถาพตามตองการ และกดปม ldquoใชกบบลอกrdquo เพอยนยน
สวนแสดงตวอยาง
หนา 19
22 การเลอกส Theme ของบลอก คลกทส Theme ทตองการโดย อาจจะคลกเลอกจาก
Theme ส าเรจรปหรอเลอกจาก Theme ทแนะน า
หนา 20
3 การใชงานเครองมอ ldquoรปแบบrdquo คณสามารถใชเครองมอนเพอก าหนดจ านวน คอลมน รปแบบคอลมน ความกวางของคอลมน รวมถงการก าหนดคอลมนใหกบสวนทายของหนาไดดวย
31 การใชงานเครองมอ ldquoการออกแบบเนอความrdquo เครองมอนใชก าหนดรปแบบคอลมนของ template ของคณ ซงท าไดงายดายโดยการคลกเลอกรปแบบทตองการ ดตวอยาง เมอเปนทพอใจแลวกกดปม ldquoใชกบบลอกrdquo เพอยนยน
32 การใชงานเครองมอ ldquoการออกแบบสวนทายrdquo เครองมอนเปนเครองมอส าหรบการ
ก าหนดคอลมนใหกบสวนทายของหนาบลอก ซงท าไดเชนเดยวกบ 31
หนา 21
33 การใชงานเครองมอ ldquoการปรบความกวางrdquo คณสามารถปรบความกวางของแมแบบ และ sidebar จากเครองมอนเพยงแคเลอน slider ใหตรงกบคาตวเลขทตองการเทานน
4 ส าหรบเมนขนสงเปนการก าหนดรายละเอยดตางๆ ใหกบบลอก เชน รปแบบของลงค gadget ตางๆ หวเรอง ชอของบลอก เปนตน ซงคณสามารถปรบแตงตามความตองการแลว แสดงตวอยาง หากเปนทพอใจกบนทกเชนเดยวกบ ขอ 1-3 ทไดกลาวมาแลว
ปล อยาลมนะครบวาเครองมอเหลานจะไมมใน bloggercom แต จะมใน draftbloggercom เทานน
หนา 22
บทท 3 วธเขยนและจดการบทความในบลอก
บทนผมจงจะเลาถงวธเขยนบทความใน Blogger เพอเปนแนวทางใหคณสามารถเขยนบทความลงในบลอกของคณไดสวยงามและเปนมออาชพมากขน
ส าหรบทานทเขยนบทความเปนอยแลวอาจจะขามไปอานบทความอน ๆ ตอไปไดเลยครบ สวนทานทเปนมอใหมจรง ๆ กควรจะอานบทความนใหจบเพอเปนแนวทางในการ
เขยนบทความของคณเองตอไป
1 การเขาไปเขยนบทความ การเขาไปเขยนบทความบน Blogger โดยตรงสามารถเขาไปได 2 ชองทางดวยกนคอ 11 ถาคณใชแมแบบทไมไดซอนแถบน าทางสามารถเขาไปเขยนบทความไดโดยคลกทเมน
บทความใหม
12 เขาไปเขยนบทความผาน draftbloggercom
หนา 23
โปรดสงเกตวาเครองมอในการเขยนบทความของ Draftblogger จะมมากกวาเครองมอของ blogger ปกต ดงนนโดยสวนตวผมแนะน าใหเขยนบทความผาน draftbloggercom เพราะมเครองมอมากกวาวธแรก และควรตงคาให draftblogger เปนเครองมอเรมตน
2 องคประกอบของเครองมอเขยนบทความ
กอนอนผมขอแนะน าใหรจกเครองมอทจ าเปนในการเขยนบทความดงน สวนท 1 คอสวนตงชอเรองหรอชอบทความ สวนท 2 เปนสวนทใชส าหรบกรณทเราตองการวางขอความทคดลอกมาจาก Ms word
หรอโคดวดโอจาก Youtube หรอโคด HTMLจาวาสครปตทตองการใหปรากฏและแสดงผลในบทความ
หนา 24
สวนท 3 เปนแถบทเลอกเมอตองการเขยนขอความปกตซงจะมเครองมอในการเขยนบทความตามทเหนในภาพขางบน
สวนท 4 ส าหรบจดรปแบบอกษร สวนท 5 เปนเครองมอในการใสลงคใหขอความ แทรกภาพลงในบทความ และแทรกวดโอ
ลงในบทความตามล าดบ สวนท 6 รปกระดาษขาดทเหนนนใชในกรณทคณตองการแสดงบทความใหผอานเหนในหนา
หลกเพยงบางสวนเทานน และถาใชเครองมอนผอานจะตองคลกอานเพมเตมจงจะเหนขอความแบบเตม เครองมอนมขอดคอท าใหบทความทมความยาวมาก ๆ สนลงได และท าใหเปดหนาแรกไดเรวขนดวย
สวนท 7 เปนสวนทใชในการจดเรยงขอความ และจดแนวรปภาพไดดวย เชน จดชดซาย ชดขวา กงกลาง เปนตน
สวนท 8 ไดแกการใส การเนนขอความ การลบรปแบบ การตรวจสอบการสะกดค า และการแปลภาษา
สวนท 9 เปนสวนทใชในการวางก าหนดเวลาลางหนา วาจะใหบทความทเขยนเผยแพรใน วนใด
สวนท 10 เปนการใสปายก ากบ ซงเปนสวนทใชระบวาบทความทเขยนนอยในหมวดหมใด ซงสามารถใสไดมากกวา 1 ปายก ากบโดยคนดวยเครองหมายจลภาค และสามารถเลอกปายก ากบทคณเคยใสใหบทความอนไปแลวมาใสอกได เพอท าใหบทความนน ๆ อยในหมวดหมเดยวกน
สวนท 11 เปนการเลอกวาจะบนทกไวกอน หรอจะเผยแพร มประโยชนในกรณทบทความทเขยนใชเวลาเขยนนานมากกอาจจะบนทกเอาไวกอนแลวมาเขยนตอในภายหลงได
หนา 25
เทคนคการเขยนบทความทควรร ในกรณทเรามไฟลเอกสารจาก MS word แลวคดลอกมาวางเพอท าใหเขยนบทความไดเรวขน
บางครงพบปญหาขอผดพลาดของฟอรม (ฟอรมใน MS word ไมสามารถแปลงเปน HTML Code ได)
ปญหานแกไดโดยกอนวางขอความใหคลกทแถบ แกไข HTML แลวจงวางขอความทคดลอกมา
จากนนจงคลกทแถบ เขยน เพอจดรปแบบของบทความตอไป
เทคนคนยงสามารถใชกบการวางโคดวดโอ หรอขอความทคดลอกมาจากเวบไซตไดดวยครบ
หนา 26
บทท 4 การตงคาพนฐานตางๆ ใหกบบลอก
บทนผมจะขอแนะน าการตงคาพนฐานตางๆ ของบลอกเพอใหเขาใจการตงคาในสวนตาง ๆ ของ Blogger และจะท าใหคณสามารถตงคาตาง ๆ ตามความตองการของตนเองได อกทงจะเปนประโยชนในการพฒนาการท า Blogger ในระยะยาวดวย
การตงคาพนฐานตางๆ ของบลอกท าไดโดย Log in เขาไปท blogger เมอมาทหนา แผงควบคม ให Click ท การตงคา
และทานจะเขามาทเมนการตงคาของบลอก
ผมจะแบงการตงคาออกเปน 9 สวนดงน 1 ขนตน
คณสามารถดาวนโหลด Blog เพอเกบเปน Backup ขอมลบทความและ comment ของบลอกไดโดยเลอก สงออกบลอก แตถาคณมขอมลบลอกเดมอยแลวอยากจะน ามาใชกบบลอกใหมทสรางขน กใหเลอก น าเขาบลอก แตถาคดวาไมตองการใชบลอกนแลวกสามารถลบทงไดโดยเลอก ลบบลอก
หนา 27
Title และค าอธบายของบลอก ควรใสใหเขาใจภาพรวมของบลอกและม keyword ในการท าบลอกแทรกอยใน Description ดวย
ในสวนการตงคาอน ๆ ควรตงคาดงน
องคประกอบ ตงคาเปน
เพมบลอกของคณในรายการของเราหรอไม ใช
อนญาตใหเครองมอคนหาพบบลอกของคณหรอไม ใช
แสดงการแกไขอยางรวดเรวบนบลอกของคณหรอไม ใช
มเนอหาส าหรบผใหญหรอไม ไม
เลอกโปรแกรมแกไขบทความ โปรแกรมแกไขทอปเดต
2 การเผยแพร ในการตงคาสวนนสามารถเปลยน URL ของบลอกได
หนา 28
ถาคณตองการเปลยนโดเมนของบลอกจาก blogspotcom เปนโดเมนอนกสามารถตงคาไดตรงสวนน แตจะตองเสยคาใชจายการจดโดเมนผาน google ปละ 10 US (ประมาณ 300 กวาบาทตอป)
3 การจดรปแบบ ในสวนนเปนการตงคาการเผยแพรบทความ เชน จ านวนบทความในหนาแรก รปแบบเวลา
และวนทเปนตน
คณควรจะตงคาตาง ๆ ดงน
องคประกอบ ตงคาเปน
แสดงสงสด เทาไรกได
รปแบบสวนหวของวนท ตงไดตามใจชอบ
รปแบบวนทของดชนคลงบทความ ตงไดตามใจชอบ
รปแบบเวลา ตงไดตามใจชอบ
โซนเวลา (GMT+0700)กรงเทพ
ภาษา ไทย
แปลงการขนบรรทดใหม ไม
แสดงฟลดชอเรอง ใช
แสดงฟลดของลงก ไม
เปดใชการจดเรยงแบบลอย ใช
แมแบบบทความ ยงไมตองตงคา
หนา 29
4 เมนขอคดเหน เปนเมนส าหรบตงคาตาง ๆ เกยวกบการแสดงความคดเหนของบลอก
คณควรจะตงคาตาง ๆ ดงน
องคประกอบ ตงคาเปน
ขอคดเหน แสดง
ใครสามารถแสดงความคดเหน ผใชทมบญช Google
การจดวางฟอรมความคดเหน วางไวใตบทความ
ความคดเหนเรมตนส าหรบบทความ บทความใหมมความคดเหน
ลงกยอนกลบ ซอน
คาเรมตนของลงกยอนกลบส าหรบบทความ บทความใหมมลงกยอนกลบ รปแบบเวลาในสวนความคดเหน ตงคาตามใจ
ขอความของฟอรมความคดเหน ไมตองใสคาใด ๆ กได
การจดการความคดเหน ไม
แสดงการตรวจสอบค าส าหรบความคดเหนหรอไม ไม
แสดงรปภาพโปรไฟลบนความคดเหนหรอไม ใช
อเมลส าหรบแจงเตอนเมอมความคดเหนใหม กรอก email ของคณลงไป
5 เกบเขาคลงบทความ ตงใหเปนรายเดอนจะดทสด
หนา 30
6 ฟดของไซต ถาบทความในบลอกไมมากนก ตงคาเปน แบบเตม แตถาบทความมประมาณ 100 ขนไปควร
จะตงเปน แบบสน
7 อเมลและมอถอ
ในสวนนเปนการตงคา อเมลเพอใหระบบสงบลอกของคณทกครงทมการเผยแพร และเปนการตงคา การใชอปกรณเคลอนทในการเขยนบลอก ตรงนผมยงไมเคยลองเหมอนกน
8 OpenID
คณสามารถใช OpenID URL เพอเขาสไซตอนๆ ทใชงาน OpenID นอกจากนคณยงสามารถก าหนดใหผใช OpenID สามารถแสดงความคดเหนในบลอกของคณ โดยปรบการตงคา ความคดเหน ของคณ
9 สทธ
ในสวนนคณสามารถใชในการเปลยนผเขยนบลอก และเพมผดแลระบบไดถง 100 ราย
หนา 31
นอกจากนคณยงจ ากดคนเขาชมบลอกไดดวย โดยการระบ Email ของผทตองการลงไป
หนา 32
บทท 5 รจกและใชงาน Gadget ชนดตางๆ บน Blogger
เมอเรยนรเกยวกบ การตงคาตาง ๆ ของบลอก การเปลยน Templates ใหกบบลอกไปแลว สวนทเหลอคอ การจดรปแบบองคประกอบหนาใหกบบลอก รวมถงการใชงาน Gadget หลกชนดตางๆ ของ Blogger
Gadget คออะไร
Gadget ใน Blogger นนหมายถงสวนเสรมทเราสามารถตดตงเพมลงไปในแมแบบของ Blogger ซงบางครงกถกเรยกวา widget ซงกหมายถงสงเดยวกนกบ Gadget
วธเพม Gadget กอนอนให Login เขาไปท blogger หรอ draftblogger gtgt จากแผงควบคมใหเลอก การออกแบบ
หนา 33
จากนนใน Layout ของแมแบบคณจะเหนพนท ดงรปดานลางเพอใหเพม Gadget
และเมอคลก เพม Gadget กจะปรากฏ Gadget พนฐาน 21 อยางทจะกลาวถงในหวขอน
นอกจากนยงม Gadget อกมากมายซงคณสามารถเลอกไดจากเมนแกดเจดเพมเตมทางซายมอ
เมอเลอก Gadget ทตองการแลว คลกทปม + เพอท าการเพม Gadget นน ใสชอ Gadget และตงคาทตองการแลวบนทก
รปทเหนขางบนเปน Gadget ผตดตาม ส าหรบ Gadget อน ๆ กท าไดในท านองเดยวกน
หนา 34
รจกกบ Gadget พนฐาน 21 อยางของ Blogger
1 Gadget หนาเวบ
หลกการของ Gadget ชนดนคอคณจะตองสรางหนาเวบขนมากอน แลวใช Gadget นเปนเมนในการเชอมโยงไปยงหนาเวบ
2 Gadget ผตดตาม
Gadget ชนดนใชเพอใหผอานทชนชอบบลอกของคณไดตดตาม และเมอตดตามแลวความเคลอนไหว และการ update บทความของจะไปปรากฏแผงควบคมของผตดตามโดยอตโนมต และมสทธในการแสดงความคดเหนบนบลอกของคณได (กรณทคณอนญาตเฉพาะสมาชก)
3 Gadget ชองคนหา
เปน Gadget ทตดตงเพอใหผอานสามารถคนหาสงทตองการในบลอกของคณไดงายขน
หนา 35
4 Gadget HTMLจาวาสครปต
Gadget ชนดนเปน Gadget ทยดหยนทสดในบรรดา Gadget ทงหมด สามารถประยกตใชไดหลากหลาย เหมาะส าหรบใชตดตงโคดตาง ๆ ลงบน Blogger เชน โคดปฏทน นาฬกา โคดจาวาสครปต โคดรปภาพ โคดวดโอ โคดของลงค เปนตน
5 Gadget ขอความ
เปน Gadget ทเหมาะส าหรบเขยนขอความ เชน ขอความตอนรบ เปนตน
6 Gadget Adsense
คณจะใช Gadget ชนดนไดเมอสมครเขารวมโปรแกรมหรอเปนตวแทนในการเผยแพรโฆษณาบน Google
7 Gadget รปภาพ
ถาคณตองการแสดงรปภาพบนบลอกอยางเดยวกใหเลอกใช Gadget นครบ
หนา 36
8 Gadget สไลดโชว
Gadget นเปนการดง Albums จาก Picasaweb มาแสดงในรปแบบสไลดโชวบนบลอกของ
9 Gadget แถบวดโอ
Gadget นจะท าใหผใชคนหาวดโอบน Youtube จากบลอกของคณได
10 Gadget แบบส ารวจ
Gadget นถอเปน Gadget หนงทนาสนใจมาก แตยงมผใชจ านวนนอย โดยคณอาจจะใชส ารวจความตองการ หรอความคดเหนของผอานตอบลอกของคณ หรอส ารวจเกยวกบเรองทเกยวของกบเนอหาบนบลอกของคณกได
11 Gadget รายการบลอก
Gadget ชนดนเปน Gadget ทสามารถรวบรวมขาวสารลาสดจากบลอกทคณเลอกหรอบลอกทคณตดตาม พรอมทงสามารถแสดงเนอหาแบบยอไดดวย
หนา 37
12 Gadget รายชอลงค
เปน Gadget ทใชสรางลงคไปยงทตาง ๆ โดยคณสามารถปอน URL บน Gadget ชนดนเพอสราง Link โดยไมตองมความรเรอง HTML มากอนเลย
13 Gadget รายการ
เปน Gadget ทคลายคลงกบ Gadget รายชอลงค แตมความยดหยนกวา สามารถสรางขอความรายการและใส link ใหขอความไดดวย
14 Gadget ฟด
คณสามารถใช Gadget นดงขาวสารจากในบลอกของคณ หรอบลอกอนทคณสนใจเอามาแสดงเพยงแคใสชอบลอกทตองการลงไปลงไปใน gadget
15 Gadget Newsreel
เปน gadget ทท าใหพาดหวขาวจาก Google มาปรากฏบนบลอกของคณเทานน
หนา 38
16 Gadget ปายก ากบ
Gadget นมความส าคญ คณควรจะตดตง เพอใหบทความทเขยนเปนหมวดหม ใหผอานเหนชดเจนเลอกอานไดตรงความตองการมากขน
17 Gadget ลงคการสมคร
Gadget นมความส าคญในเรองการสงขาวสารขอมลจากบลอกของคณไปยงผอาน ผอานจะสามารถสมครรบบทความทาง email หรอผานชองทางอน ๆ ไดจาก Gadget น
18 Gadget โลโก
Gadget นไมส าคญนกเปนเพยงตดตง logo ของ blogger ในหนาบลอกเทานน
19 Gadget โปรไฟล
Gadget นจะแสดงขอมลอยางของคณทไดกรอกเอาไวบนบญชของ Blogger ถาคณตองการแสดงขอมลของคณบน Blog กควรจะตดตง Gadget นครบ
หนา 39
20 Gadget คลงบทความของบลอก
Gadget นจะท าใหผอานเหนบทความทงหมดภายในบลอกของคณได
21 Gadget สวนหวของหนา
Gadget นเปนสวนทใส Title และ Description ของ Blog โดยปกตแลว Template ทวไปกจะตดตงสวนนอยแลว
คณสามารถทดลองใช Gadget เหลานไดโดยไมตองกลวความผดพลาดเพราะ Gadget บน
Blogger นนสามารถลบออกไดอยางงายดายโดยวธการจดการกบ Gadget
หนา 40
บทท 6 การจดการกบ Gadget ในหนาบลอก
ในบททผานมาเราได รจกและใชงาน Gadget ชนดตาง ๆ บน Blogger ผมไดกลาวถงวธการเพม Gadget ใหกบบลอก แตยงไมไดกลาวถงการลบ Gadget ออกจากองคประกอบของหนา และนอกจากน ต าแหนงของ Gadget ยงสามารถเคลอนยายต าแหนงไดอกดวย
การลบ Gadget วธท 1 ถาในขณะทเรา log in และเปดหนาบลอกของเราขนมา กจะสงเกตเหนวามเครองมอ
ปรากฏอยตามทตางๆ ในองคประกอบของหนา
และถาเราคลกเขาไปกจะสามารถแกไข หรอ ลบองคประกอบเหลานนออกไปไดเลยครบ
หนา 41
วธท 2 เราสามารถเขาไปลบ Gadget ไดท แผงควบคม gtgt การออกแบบ gtgt องคประกอบของหนา gtgt เลอกแกไข Gadget ทตองการลบ
จากนนเลอกลบไดเชนเดยวกบกรณแรก
การยายต าแหนง Gadget ส าหรบการยายต าแหนงของ Gadget ท าไดโดยการ เขาไปทแผงควบคม gtgt การออกแบบ gtgt
องคประกอบหนาจากนนใหลากเมาสบน Gadget ทตองการยายไปวางในต าแหนงทตองการไดเลยครบ
หนา 42
เมอเขาใจการท างานของ Gadget ชนดตาง ๆ แลวสงทอยากจะฝากเอาไวตอนทายนกคอการจดองคประกอบหนาของบลอกดงน
แนวทางในการจดองคประกอบหนาบลอก
แนวทางในการจดองคประกอบหนานนไมมกฎเกณฑตายตว บางคนชอบใหม 2 column บางคน ชอบใหม 3 column ซงกขนอยกบความชอบและความตองการใชงาน แตทอยากใหค านงไวเสมอคอ ผอน คอ พระเจา ท าอะไรใหเขาใจงายๆ หาอะไรกเจออยางรวดเรว เขาไวเปนพอครบ และอกประการทส าคญคอ การตดตง Gadget ตาง ๆ ควรตดตงเทาทจ าเปนและตองการใชงาน ปฏทน หรอนาฬกานนกไมควรตดตง ลงไปเลย เพราะไมคมคากบการเพมภาระการโหลดใหกบผเขาชม และถาบลอกของคณโหลดไดชา ก เปนไปไดยากทผอานจะกลบมาอก
องคประกอบในหนาของบลอกทผมคดวาคณควรจะมคอ สวนทบอกตวตนของบลอก
ซงอาจจะแสดงในสวนหวของหนา หรอเปนวดโอ สไลดขอความรปถาย อยในต าแหนงทเหนไดชด สวนทเชอมโยงไปยงบทความในบลอก
สวนนจ าเปนมากเพราะจะชวยใหผอานคนหาบทความไดเรวขน คณอาจจะรวมบทความทงหมดเลยหรอ อาจจะใชวธจดหมวดหมใหผอานเลอกสงทตองการจากบลอกของเราไดเรวขน
สวนพนทของสมาชก
สวนนจะแสดงใหเหนวามผสนใจบลอกของเรามากแคไหน และสามารถสมครตดตามบลอกของเราไดทนท เชนอาจจะใช Gadget ผตดตาม หรอใช Like box Plugins ของ Facebook หรออาจจะท า Poll กได
สวนทเปนชองทางใหผอานตดตอเราได
คณอาจจะท า link เชอมโยงใหผอานตดตอคณได หรออาจจะใช Gadget profile ของ Blogger เพอแนะน าตวกได
หนา 43
บทท 7 การแสดงขาวสารลาสดดวย Gadget ฟด
ความหมายของค าวา ฟดโดยสรปกคอเปนสงทแพรกระจายจากบลอกของเราบนโลก Internet เทยบไดกบคลนสญญาณวทยหรอโทรทศน ถามตวรบทกคนกสามารถมองเหนขาวสารทตองการเลอกรบได นอกจากนถามตวชวยสงใหฟดแพรไดแรงขน ขาวสารกยอมจะแพรกระจายไดเรวดวย
ดงนนถาคณสนใจขาวสารจากบลอกใดบลอกหนงคณกสามารถทจะเปดรบขาวสารจากบลอกนนๆ โดยใช Gadget ฟด ซงเปน Gadget ทสามารถเพมไดอยางไมจ ากด ดงนนถาคณตองการรบขาวจาก 10 บลอกกสามารถท าไดโดยการเพม gadget ฟดเขาไปในบลอก 10 ครง ในขณะเดยวกนถาคณใสชอบลอกของตวเองใน Gadget ฟด Gadget ชนดนจะกลายเปน Gadget ทใชแสดง บทความลาสดนนเองครบ
การแสดงขาวสารลาสดโดยการใช Gadget ฟด
1 ไปทองคประกอบของหนา gtgt เพมฟด Gadget
หนา 44
2 ใสโคดตอไปนลงไปใน Gadget ฟด httpชอบลอกblogspotcomfeedspostsdefault
โดยจะตองเปลยนชอบลอกเปนชอบลอกของของคณเองหรอชอบลอกทคณตองการรบขาวสารท update
ตงคาทตองการเพมเตมและบนทกกจะได feeds ขาวสารมาปรากฏทบลอกของคณ
3 ถาตองการเพมบลอกอนอกกท าซ าขอ 1 และ 2 แตตองเปลยนชอบลอกใหม 4 กรณทคณตองการเรยก feed จากเวบทตองการใหคนหา feed จากเวบ wwwgooglecom
แลวแทนโคดในขอ 2 เชน feed ขาวการศกษาจากเวบ httpwwwrssthaicom ใหใสโคด httpwwwrssthaicomnewsphpt=education แทนในขอ 2
หนา 45
บทท 8 แนะน า Gadget ใหมของ blogger ldquoหนาเวบrdquo
ตามเวบไซตตาง ๆ เราคงจะเคยเหนกนวาแตละเวบไซตจะม เมนส าหรบเลอกเปดไปดหนาอน ๆภายในเวบนนๆ เชน ตวอยางในรปดานลาง
Blogger ไดพฒนา Gadget ตวใหมขนมา มชอวา หนาเวบ เพอใหผใชไดสรางหนาของบลอกทตองการไดโดยไมตองมความรในการดดแปลงหรอแกไขแมแบบดวยตนเอง
การเรยกใช Gadget ชนดนสามารถเลอกใชไดเชนเดยวกบการ Add Gadget ชนดอน ๆ นนคอ ไปท องคประกอบของหนา gtgt แลวเลอก เพม Gadget
ตอไปเรามาดวา Gadget น ใชอยางไร และใชเพอจดประสงคใด หลกการของ Gadget นเหมอนการสรางบทความขนมา 1 บทความ และ สราง Link เชอมโยงไป ยงบทความนน ๆ แตมความพเศษตรงทผใชทวไปสรางเมนขนเองไดอยางงายดาย โดยไมตองมความรพนฐานเกยวกบ HTML เลย
หนา 46
ตวอยางวธการใชงาน(จรง) ในตวอยางนผมจะสราง 2 หนาใหเหนเปนตวอยาง ไดแก HOME และ CONTACT ME
ขนเตรยมการ เนองจากผมจะยกตวอยางการสรางหนา Contact me ดงนนใหทกคนไปสราง Form ส าหรบ
ตดตอเจาของบลอกซงกคอเราเอง ไดท httpwwwfoxyformcom
ซงขนตอนในการสราง ฟอรมนนงายมาก มเพยง 4 ขนเทานน (ดรป)
หนา 47
เมอไดโคด แลวคดลอกเกบเอาไวกอนครบ
ขนสรางหนาเวบจรง ขนท 1 สรางหนาแรก หรอ HOME
Log in เขาไปท draftblogger ไปทแผงควบคม gtgt องคประกอบของหนา gtgt แลวเลอก เพม Gadget เลอกอนแรกเลยครบ คอ gadget หนาเวบ
จากนนกสราง หนาแรกขนมาโดยตงชอตามทตองการไดเลย แลวท าการบนทกครบ
หนา 48
ขนท 2 เมอผานขนท 1 มาแลวกเทากบวาเราไดสราง หนาบลอกขนมาแลว 1 หนา
ถาจะท าการเพมหนาอก ใหไปทแผงควบคม gtgt การสงบทความ gtgt แกไขหนาเวบ gtgt หนาเวบใหม
เมอคลกสรางหนาเวบใหม เรากจะพบเครองมอตาง ๆ เหมอนการเขยนบทความนนเองครบ
หนา 49
ใหน าโคดของ Form ทเตรยมไว จากขนเตรยมการมาวางในหนาหนาน จดรปแบบตามตองการแลวบนทกหนาไดเลยครบ
เพยงขนตอนสน ๆ นเรากจะมเมนเชอมโยงไปยง หนาของบลอกถง 2 หนาดวยกน ไดแก HOME และ CONTACT ME
หนา 50
ขนท 3 - ถาหากตองการเพมหนาบลอกเพมขนอกกท าซ าขนตอนทไดกลาวมาขางตนครบ - แตถาตองการลบหนาบลอกทง กมาทเดม แลวจะเหนค าวาลบ ถาตองการลบทงกกดค าวาลบ
ไดเลย
ขนท 4 วธจดการกบเมนหนาเวบ - ถาตองการเรยงล าดบหนาเวบใหม กไปท องคประกอบของหนา แลว คลก Gadget หนาเวบขนมาแกไข gtgt ดรป
หนา 51
นอกจากน Gadget หนาเวบจะมลกษณะพเศษ คอ ถาอยท Sidebar เมนจะจดเรยงเปนแนวตง
หนา 52
แตถาลากไปในต าแหนงใตสวนหว จะจดเรยงเรยงเปนแนวนอนโดยอตโนมต
หนา 53
บทท 9 นบจ านวนคนเยยมชมดวย Flagcounter
อกบรการนบสถตคนเยยมชมทชวยใหเราทราบวาบลอกของเรามผเยยมชมทงในและตางประเทศมากหรอนอย จาก Flagcounter
วธตดตง
1 ไปท httpwwwflagcountercomindexhtml 2 ตงคาตางๆ ตามความตองการแลวกด GET YOUR FLAG COUNTER ดงรป
3 คดลอก HTML โคด ท FLAG COUNTER ไดสรางใหในขนท 2
หนา 54
4 กลบมาทบลอกของเรา ไปทแผงควบคม gtgt รปแบบ gtgt องคประกอบหนา gtgt เพม Gadget ชนด HTMLจาวาสครปต
5 วางโคดทคดลอกมาจากขนท 3 แลวบนทกครบกเปนอนจบขนตอนครบ ลกษณะทไดกดงรป
หนา 55
บทท 10 รปภาพในบทความบน Blogger
คณเคยสงสยไหมครบวา รปภาพทคณ upload ขนไปขณะทเขยนบทความ หรออาจจะเขยนบทความไปแลว รปเหลานนไปอยทไหน เพราะวา Blogger เองไมม sever ยงตองอาศยฐานขอมลของตวแมคอ blogspotcom อย แลวจะเอาพนท ๆ ไหนมาเกบรปตงมากมาย
ค าตอบคอ Blogger จะใชวธเชอมโยงกบ Application อน ๆ ของ Google เพอแกปญหาการเกบขอมล เชนรปภาพใน Blogger ทเราพดถงกนอยตอนนกจะถกเกบ
อยท Picasa Web Albums ดงนนไมวาจะเปนภาพทคณ Upload ขณะเขยนบทความ กจะถกเกบอยใน Picasa Web Albums ทงหมด
คณใชบรการ Picasa Web Albums ไดอยางไร
การใชบรการ Picasa Web Albums สามารถเขาใชไดทนทหากคณมบญชผใชกบ google อยแลว เชนมบญชผใช Gmail หรอ Blogger อยแลวกสามารถ Log in เขาใชไดเลย
Picasa Web Albums ใหพนทเทาไร
Picasa จะใหพนท เพยง 1 GB ตอ 1 บญชผใช นเปนเหตผลทบางคนอาจจะสงสยวาท าไมคณภาพรปหรอขนาดของรปบน Blogger จงลดลง กลาวคอระบบของ Picasa จะท าการลดขนาดของรปทเรา Upload ผาน Blogger ใหมขนาดเลกลงเพอเปนการประหยดพนทนนเอง
หนา 56
คณจะเขาไปจดการรปภาพจาก Blogger ใน Picasa Web ไดอยางไร การจดการภาพใน Picasa Web Albums ท าได 2 วธคอ
1 ใช Software ทพฒนาขนมาจดการ Picasa Web Albums โดยเฉพาะ
คณสามารถเขาไปดาวนโหลด Picasa ไดท httppicasagooglecom 2 เขาไปจดการทเวบไซต Picasa Web Albums โดยตรง โดยไปท httppicasawebgooglecom และ Log in โดยใชชอบญชเดยวกบ Blogger
คณสามารถเขาไป Unload ภาพไดโดยตรงกบ Picasa แลวเรยกมาใชบน blogger ไดโดยใชตวเลอก อปโหลด
หนา 57
แตถาตองการรปภาพบน Blogger ทไดอปโหลดขนไปแลวกคลกทอลบมทตองการแลวเขาไปจดการภาพไดเชนกน ลบรปภาพบน Blogger แลวรปบน Picasa จะถกลบดวยหรอไม
การลบรปภาพบน Blogger ไมสงผลใด ๆ ตอ Picasa Web Albums เลยเวนแตคณจะเขามาลบใน Picasa Web Albums โดยตรง ดงนนถาในขณะเขยนบทความคณเผลอท าพลาดรปภาพหายไป กสามารถเขามาเอารปภาพจาก Picasa Web Albums ใชงานไดอกโดยไมตอง upload ซ า หรอไมตองไปหาภาพมาใหม บทสรป
บทนแนะน าใหพอรจกการเชอมโยงระหวาง Blogger และ Picasa Web Albums ซงเปนบรการในเครอขาย Google เหมอนกน และจะท าใหคณเขาใจการจดการเกยวกบภาพบน Blogger ไดดขน
หนา 58
บทท 11 การสรางวดโอใน YouTube และน ามาใสในบลอก
ถามวดโอในหนาบลอกของเราดวย การสอสารเรองราวตางๆ กจะมชวตชวาและเขาใจงายขน ซงในทนเราสามารถสรางไดไมยากดวยบรการของ wwwyoutubecom ครบ
ขนตอนการฝากวดโอไวกบ youtube
1 ไปท wwwyoutubecom แลวเลอก Create Account ทมมขวาบนซงในกรณทเรา Login อยในเวบบลอกของเรานน กสามารถใชบรการของ youtube ดวย Account เดมโดยไมตองสมครใหมครบ วธการท าไดโดย
11 คลกท 12 กรอกขอมลส าหรบการสรางบญช โดยใช username ของ gmail ของเราเอง 13 จากนน คลก
หนา 59
14 จะพบหนาตางใหกรอก Username และ รหสผาน ของ gmail ใหกรอก e-mail ของเรา
จะพบหนาจอ ดงน จากนนเรากสามารถท าการเพม Video ไดตามทเราตองการ
หนา 60
2 การฝาก youtube มเงอนไขส าคญๆ ดงน - ความยาวของวดโอไมเกน 10 นาท - ควรเปนวดโอทไมกระทบตอสถาบน ชาต ศาสนา พระมหากษตรย และ ศลธรรมอนดงามของสงคม
3 การ upload วดโอขนไปทเมน upload (ทมมขวาบน) แลวท าการเลอกไฟลวดโอจากเครองของเรา และรอจนการ upload เสรจสน
31 คลกทปม Uploads
32 คลกทปม Upload Video
33 เลอกไฟล Video ทตองการ
34
34 เมอ Upload ได 100 แลวใหคลก Save change
หนา 61
4 เมอ upload เสรจสนแลวคลกทขอความ Embed and Sharing Options เรากเหน HTML code ใหคดลอก code เหลานนมาแปะในสวนทเราตองการ
เชนในทนผมคดลอก code มาแปะในบทความกจะไดผลลพธเปนวดโอตามดานลางทเหนครบ
หนา 62
เรอง หนา บทน าhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 1 บทท 1 การสรางเวบบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 4 บทท 2 วธเปลยน Template ของ Bloggerhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 12 บทท 3 วธเขยนและจดการบทความในบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 22 บทท 4 การตงคาพนฐานตางๆ ใหกบบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 26 บทท 5 รจกและใชงาน Gadget ชนดตางๆ บน Bloggerhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 32 บทท 6 การจดการกบ Gadget ในหนาบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 40 บทท 7 การแสดงขาวสารลาสดดวย Gadget ฟดhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 43 บทท 9 นบจ านวนคนเยยมชมดวย Flagcounterhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 53 บทท 10 รปภาพในบทความบน Bloggerhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 55 บทท 11 การสรางวดโอใน YouTube และน ามาใสในบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 58
หนา 63
255
เอกสารประกอบการฝกอบรมเชงปฏบตการ
การพฒนาสอการเรยนการสอน โดยใชโปรแกรมคอมพวเตอรรวมกบ Weblog
หนา 4
บทท 1 การสรางเวบบลอก
หลายคนอาจสงสยวาตอนนจะท าเวบบลอกไปเพออะไร แลวจะเสยเงนไหม หากจะท าขนมา จรงๆ แลวประโยชนของเวบบลอกนนมมากกวาทเราคดไวครบ เชน ใชในการท างาน ในการน าเสนอผลงาน การขายสนคา ใชในการเรยนการสอน หรอ ใชในการเขยนชวประวตสวนตวแลวเกบไวเปนฐานขอมลแบบออนไลนกยงไดครบ สวนปญหาทบางทานไมรจก code ของภาษาตางๆ เชน HTML หรอ Java script ฯ กไมตองเปนกงวลครบ เพราะตวผมเองกไมเปนเหมอนกนแตกคอยๆ เรยนรกนไป เพยงแคไมกวนคณกจะมบลอกสวยๆ และน าไปใชประโยชนไดแนนอนครบ
เวบบลอกไมจ าเปนตองมเงนในการท าครบ เพราะมผใหบรการฟร และผมจะขอเสนอผใหบรการบลอกทชอวา บลอกเกอร ซงเปนของ Google ซงผมกจดท าอย มอย 2 เวบดวยกน คอ
wwwlovelyfoolsblogspotcom อนนเปนเวบบลอกสวนตวครบ
wwwnongpotoblogspotcom
อนนเปนเวบบลอกของลกชายครบ
หนา 5
วธสรางบลอกกบ Blogger ขนท 1 การสมครใชงาน Blogger สามารถใช email ของระบบใดกได แตในระยะยาวแลวการ
เชอมโยงกบบรการหลายๆ อยางของ Google ควรจะใช email ของ Gmail ดทสดครบ
1 ใหคณเขาไปท wwwgmialcom เพอสรางบญชผใชกบ Google
2 กรอกขอมลทจ าเปนในการสมคร Gmail
จากนนคลกปม ฉนยอมรบ โปรดสรางบญชของฉน
หนา 6
3 จะพบหนาจอการยนยนบญชของเรา ซงตองใสเบอรโทรศพท (Google จะสง massage มาให) จากนน
4 คลกปม สงรหสยนยนไปยงโทรศพทมอถอของฉน
5 เมอเปดดขอความในโทรศพทมอถอแลว กใหปอนรหสทได จากนนคลกปม ยนยน
6 คณจะพบกบหนาจอแสดงความยนดเกยวกบบญชของ Gmail
หนา 7
7 คลกทปม เพอด Gmail ของเราครงแรก
ขนท 2 หลงจากไดบญชผใชแลว ใหไปท wwwbloggercom เพอสรางบลอกกนเลยครบ
โดยในการสรางบลอกนน กใหใช บญชผใช (user name + password) ทไดสรางไวในขนท 1
1 ไปทเวบไซต httpwwwbloggercom ดงรป
2 คลกทปม เพอเรมตนการสรางบลอก ดงรป
หนา 8
3 ใหกรอก email ทไดจากขนท 1 ชอผเขยนบลอก วนเกด
4 เมอกรอกขอมลครบแลว ใหคลกทปม จะพบหนาจอ ตงชอเวบบลอกของคณ ใหท าการ ตงชอเวบบลอกทเราตองการ ทอยบลอก และ กรอกรหสยนยน (แตการก าหนด URL
หนา 9
จะตองไมใหซ ากบคนอน ๆ ถาซ ากใชวธเปลยนเปนค าหรอวลทใกลเคยงไปเรอย ๆ การตงชอและ URL ของบลอกควรม keyword ทสมพนธกบเรองทจะเขยนดวย)
5 คลกทปม จะพบหนาจอ เลอกแมแบบเรมตน ดงรป
หนา 10
6 ใหเลอกแมแบบเรมตนทเราตองการใหเปนรปแบบของบลอก จากนนคลกปม จะปรากฏหนาจอแจงวา บลอกของคณถกสรางขนแลว ดงรป
7 คลกทปม เพอกรอกขอมลครงแรกในการสรางเวบบลอก ซงจะตองกรอกขอมลในหนาเวบ ดงรป
หนา 11
8 เมอกรอกขอมลเสรจแลว ใหคลกปม จะปรากฏหนาจอ ดงรป
9 ใหคลกทปม เพอดเวบบลอกของเรา เปนครงแรก จะพบหนาจอ ดงรป
หนา 12
บทท 2 วธเปลยน Template ของ Blogger
หลงจากบทแรกไดเสนอขนตอนในการสรางบลอกไปแลว ถงตรงนคณตองคดแลววาจดประสงคของการท าบลอกของคณคออะไร เพราะจดประสงคนแหละครบจะเปนตวก าหนดวาเราจะเลอก แมแบบ (หนาตา และองคประกอบ) ของบลอกอยางไร
ตอไปเราจะมาดวธการเลอก และการเปลยน Template กนครบ
ขนท 1 ใหคณไปเลอก template ไดท
httpbtemplatescom httpwwwbloggertemplateplacecom httpthemecraftnet httpwwwdeluxetemplatesnet httpwwwbloggerthemesnet httpwwwbloggerstylescom httpwwwanshuldudejacom httpwwwbloggertemplatesfreecom httpwwwbloggertemplatesblogcom httpwwwtemplatesblockcom httpblogger-templatesblogspotcom httpfreetemplatesblogspotcom
หนา 13
httpmashablecom20070913blogger-templates httpwwwwebtemplatesblogcom httpwwwezwpthemescom httpwwwfreebloggertemplateinfo httpwwwblogcrowdscomresourcesblogger-templates httpwwwzoomtemplatecom httpwwwtemplates-bloggercom httpwwwbloggerblogtemplatescom httpbloggertemplateplacecom httpwwwtemplatesbloggernet httpwwwbietemplatescom
หรอจะใชค าคน ldquoTemplate+blogrdquo ใน Google กไดครบ ผมเชอวาขนตอนนคณคงจะใชเวลานาน
พอสมควรเลยละครบ (ผมเองกใชเวลาเปนวนๆ ในการเลอก templates ทเดยวครบ ) ขนท 2 เมอคณได Template ทตองการแลว ใหเรมเปลยนดงน ในทน ผมเลอกเวบไซต httpwwwbloggerblogtemplatescom เพอเปนตนแบบในการใช
Template
หนา 14
ผมเลอก Template น
1 โดยการคลกท Read More or Download this Blogger Template จากนนจะพบ
หนาตางใหม ใหเลอนหาเมน Download the Green Day Blogger Theme และท าการคลกเพอดาวนโหลด จะได ใหท าการ แตกไฟลจากนนใหน า green-day-blogger-themexml ไปวางไวท Desktop
2 Log in ท blogger ไปทแผงควบคม gtgt รปแบบ gtgt แกไข HTML gtgt คลกปม Browse เพอทจะอปโหลดแมแบบขนมา
หนา 15
3 เรยกไฟล XML ทเตรยมไวตามขนตอนในรปครบ
4 อปโหลดแมแบบขนไปแทนทแมแบบเดม โดยระหวางการแทนท อาจมการถามถงการลบเกบ Widget ของแมแบบเดม ซงถาตองการเกบของเกาเอาไวกเลอก เกบ Widget กจะท าให Widget ของแมแบบเดม ไมถกลบขณะเปลยน Templates
หนา 16
5 จากนนลองแสดงตวอยางด ซงถาพอใจกบแมแบบแลวกใหท าการบนทก กจบขนตอนการเปลยนแมแบบแลวครบ และถาหากคณตองการเปลยนแมแบบอกกสามารถเปลยนไดแบบไมจ ากดครง
นคอผลงาน หลงจากเปลยนแมแบบ นครบ กอนเปลยน Template
หลงเปลยน Template
หนา 17
เครองมอส าหรบ ldquoออกแบบแมแบบrdquo ดวยตนเอง ใหม จาก Blogger
หลงจากทมงาน Blogger ไดสราง Gadget หนาเวบ ออกมาไดไมนาน ตอนนกไดพฒนาการเครองมอส าหรบการออกแบบแมแบบของ blogger ใหยดหยนมากขน โดยใหผใชสามารถปรบแตงแมแบบไดดวยตนเอง ไมวาจะเปนการเลอก Theme การออกแบบโครงรางของหนาวาจะม 2 หรอ 3 คอลมน หรอหลายคอลมน ซงท าไดโดยการคลกเพยงไมกครง การปรบความกวางของ Template และ sidebar เพยงแคคลกเดยวเปนตน ความสามารถทงหลายนผใชสามารถท าไดโดยไมตองมความรเรอง HTML และ CSS เลยส าหรบการใชงานเครองมอนกคลายคลงกบการใชงานเครองมอเดม ๆ ทมอย ซงผมจะอธบายทละสวนดงน
การใช เครองมอออกแบบแมแบบ ท าไดโดย Log in เขาไปท draftblogger และไปท แผงควบคม gtgt
การออกแบบ gtgt องคประกอบของหนา gtgt คลกท ldquoเครองมอออกแบบแมแบบ ใหมrdquo
เมอคลกท ldquoเครองมอออกแบบแมแบบrdquo แลวเราจะพบเครองมอส าหรบออกแบบแมแบบอย 4 อยางดวยกน ไดแก 1 แมแบบ 2 พนหลง 3 รปแบบ และ 4 ขนสง
สวนแสดงตวอยาง
หนา 18
1 การใชงานเครองมอแมแบบ ท าไดโดย คลกทขอความ แมแบบ gtgt จากนนเลอกรปแบบทตองการ gtgt และเลอก theme ทตองการ เมอแสดงตวอยางเปนทนาพอใจแลว ใหคลกทปม ldquoใชกบบลอกrdquo เพอยนยน
2 การใชงานเมนพนหลง การใชงานเครองมอ ldquoพนหลงrdquo สามารถใชเพอเปลยนภาพพนหลงของบลอก และเลอกส Theme ของบลอกไดตามความตองการไดดวย
21 วธเปลยนภาพพนหลงท าไดโดย คลกท ldquoภาพพนหลงrdquo และเลอกถาพตามตองการ และกดปม ldquoใชกบบลอกrdquo เพอยนยน
สวนแสดงตวอยาง
หนา 19
22 การเลอกส Theme ของบลอก คลกทส Theme ทตองการโดย อาจจะคลกเลอกจาก
Theme ส าเรจรปหรอเลอกจาก Theme ทแนะน า
หนา 20
3 การใชงานเครองมอ ldquoรปแบบrdquo คณสามารถใชเครองมอนเพอก าหนดจ านวน คอลมน รปแบบคอลมน ความกวางของคอลมน รวมถงการก าหนดคอลมนใหกบสวนทายของหนาไดดวย
31 การใชงานเครองมอ ldquoการออกแบบเนอความrdquo เครองมอนใชก าหนดรปแบบคอลมนของ template ของคณ ซงท าไดงายดายโดยการคลกเลอกรปแบบทตองการ ดตวอยาง เมอเปนทพอใจแลวกกดปม ldquoใชกบบลอกrdquo เพอยนยน
32 การใชงานเครองมอ ldquoการออกแบบสวนทายrdquo เครองมอนเปนเครองมอส าหรบการ
ก าหนดคอลมนใหกบสวนทายของหนาบลอก ซงท าไดเชนเดยวกบ 31
หนา 21
33 การใชงานเครองมอ ldquoการปรบความกวางrdquo คณสามารถปรบความกวางของแมแบบ และ sidebar จากเครองมอนเพยงแคเลอน slider ใหตรงกบคาตวเลขทตองการเทานน
4 ส าหรบเมนขนสงเปนการก าหนดรายละเอยดตางๆ ใหกบบลอก เชน รปแบบของลงค gadget ตางๆ หวเรอง ชอของบลอก เปนตน ซงคณสามารถปรบแตงตามความตองการแลว แสดงตวอยาง หากเปนทพอใจกบนทกเชนเดยวกบ ขอ 1-3 ทไดกลาวมาแลว
ปล อยาลมนะครบวาเครองมอเหลานจะไมมใน bloggercom แต จะมใน draftbloggercom เทานน
หนา 22
บทท 3 วธเขยนและจดการบทความในบลอก
บทนผมจงจะเลาถงวธเขยนบทความใน Blogger เพอเปนแนวทางใหคณสามารถเขยนบทความลงในบลอกของคณไดสวยงามและเปนมออาชพมากขน
ส าหรบทานทเขยนบทความเปนอยแลวอาจจะขามไปอานบทความอน ๆ ตอไปไดเลยครบ สวนทานทเปนมอใหมจรง ๆ กควรจะอานบทความนใหจบเพอเปนแนวทางในการ
เขยนบทความของคณเองตอไป
1 การเขาไปเขยนบทความ การเขาไปเขยนบทความบน Blogger โดยตรงสามารถเขาไปได 2 ชองทางดวยกนคอ 11 ถาคณใชแมแบบทไมไดซอนแถบน าทางสามารถเขาไปเขยนบทความไดโดยคลกทเมน
บทความใหม
12 เขาไปเขยนบทความผาน draftbloggercom
หนา 23
โปรดสงเกตวาเครองมอในการเขยนบทความของ Draftblogger จะมมากกวาเครองมอของ blogger ปกต ดงนนโดยสวนตวผมแนะน าใหเขยนบทความผาน draftbloggercom เพราะมเครองมอมากกวาวธแรก และควรตงคาให draftblogger เปนเครองมอเรมตน
2 องคประกอบของเครองมอเขยนบทความ
กอนอนผมขอแนะน าใหรจกเครองมอทจ าเปนในการเขยนบทความดงน สวนท 1 คอสวนตงชอเรองหรอชอบทความ สวนท 2 เปนสวนทใชส าหรบกรณทเราตองการวางขอความทคดลอกมาจาก Ms word
หรอโคดวดโอจาก Youtube หรอโคด HTMLจาวาสครปตทตองการใหปรากฏและแสดงผลในบทความ
หนา 24
สวนท 3 เปนแถบทเลอกเมอตองการเขยนขอความปกตซงจะมเครองมอในการเขยนบทความตามทเหนในภาพขางบน
สวนท 4 ส าหรบจดรปแบบอกษร สวนท 5 เปนเครองมอในการใสลงคใหขอความ แทรกภาพลงในบทความ และแทรกวดโอ
ลงในบทความตามล าดบ สวนท 6 รปกระดาษขาดทเหนนนใชในกรณทคณตองการแสดงบทความใหผอานเหนในหนา
หลกเพยงบางสวนเทานน และถาใชเครองมอนผอานจะตองคลกอานเพมเตมจงจะเหนขอความแบบเตม เครองมอนมขอดคอท าใหบทความทมความยาวมาก ๆ สนลงได และท าใหเปดหนาแรกไดเรวขนดวย
สวนท 7 เปนสวนทใชในการจดเรยงขอความ และจดแนวรปภาพไดดวย เชน จดชดซาย ชดขวา กงกลาง เปนตน
สวนท 8 ไดแกการใส การเนนขอความ การลบรปแบบ การตรวจสอบการสะกดค า และการแปลภาษา
สวนท 9 เปนสวนทใชในการวางก าหนดเวลาลางหนา วาจะใหบทความทเขยนเผยแพรใน วนใด
สวนท 10 เปนการใสปายก ากบ ซงเปนสวนทใชระบวาบทความทเขยนนอยในหมวดหมใด ซงสามารถใสไดมากกวา 1 ปายก ากบโดยคนดวยเครองหมายจลภาค และสามารถเลอกปายก ากบทคณเคยใสใหบทความอนไปแลวมาใสอกได เพอท าใหบทความนน ๆ อยในหมวดหมเดยวกน
สวนท 11 เปนการเลอกวาจะบนทกไวกอน หรอจะเผยแพร มประโยชนในกรณทบทความทเขยนใชเวลาเขยนนานมากกอาจจะบนทกเอาไวกอนแลวมาเขยนตอในภายหลงได
หนา 25
เทคนคการเขยนบทความทควรร ในกรณทเรามไฟลเอกสารจาก MS word แลวคดลอกมาวางเพอท าใหเขยนบทความไดเรวขน
บางครงพบปญหาขอผดพลาดของฟอรม (ฟอรมใน MS word ไมสามารถแปลงเปน HTML Code ได)
ปญหานแกไดโดยกอนวางขอความใหคลกทแถบ แกไข HTML แลวจงวางขอความทคดลอกมา
จากนนจงคลกทแถบ เขยน เพอจดรปแบบของบทความตอไป
เทคนคนยงสามารถใชกบการวางโคดวดโอ หรอขอความทคดลอกมาจากเวบไซตไดดวยครบ
หนา 26
บทท 4 การตงคาพนฐานตางๆ ใหกบบลอก
บทนผมจะขอแนะน าการตงคาพนฐานตางๆ ของบลอกเพอใหเขาใจการตงคาในสวนตาง ๆ ของ Blogger และจะท าใหคณสามารถตงคาตาง ๆ ตามความตองการของตนเองได อกทงจะเปนประโยชนในการพฒนาการท า Blogger ในระยะยาวดวย
การตงคาพนฐานตางๆ ของบลอกท าไดโดย Log in เขาไปท blogger เมอมาทหนา แผงควบคม ให Click ท การตงคา
และทานจะเขามาทเมนการตงคาของบลอก
ผมจะแบงการตงคาออกเปน 9 สวนดงน 1 ขนตน
คณสามารถดาวนโหลด Blog เพอเกบเปน Backup ขอมลบทความและ comment ของบลอกไดโดยเลอก สงออกบลอก แตถาคณมขอมลบลอกเดมอยแลวอยากจะน ามาใชกบบลอกใหมทสรางขน กใหเลอก น าเขาบลอก แตถาคดวาไมตองการใชบลอกนแลวกสามารถลบทงไดโดยเลอก ลบบลอก
หนา 27
Title และค าอธบายของบลอก ควรใสใหเขาใจภาพรวมของบลอกและม keyword ในการท าบลอกแทรกอยใน Description ดวย
ในสวนการตงคาอน ๆ ควรตงคาดงน
องคประกอบ ตงคาเปน
เพมบลอกของคณในรายการของเราหรอไม ใช
อนญาตใหเครองมอคนหาพบบลอกของคณหรอไม ใช
แสดงการแกไขอยางรวดเรวบนบลอกของคณหรอไม ใช
มเนอหาส าหรบผใหญหรอไม ไม
เลอกโปรแกรมแกไขบทความ โปรแกรมแกไขทอปเดต
2 การเผยแพร ในการตงคาสวนนสามารถเปลยน URL ของบลอกได
หนา 28
ถาคณตองการเปลยนโดเมนของบลอกจาก blogspotcom เปนโดเมนอนกสามารถตงคาไดตรงสวนน แตจะตองเสยคาใชจายการจดโดเมนผาน google ปละ 10 US (ประมาณ 300 กวาบาทตอป)
3 การจดรปแบบ ในสวนนเปนการตงคาการเผยแพรบทความ เชน จ านวนบทความในหนาแรก รปแบบเวลา
และวนทเปนตน
คณควรจะตงคาตาง ๆ ดงน
องคประกอบ ตงคาเปน
แสดงสงสด เทาไรกได
รปแบบสวนหวของวนท ตงไดตามใจชอบ
รปแบบวนทของดชนคลงบทความ ตงไดตามใจชอบ
รปแบบเวลา ตงไดตามใจชอบ
โซนเวลา (GMT+0700)กรงเทพ
ภาษา ไทย
แปลงการขนบรรทดใหม ไม
แสดงฟลดชอเรอง ใช
แสดงฟลดของลงก ไม
เปดใชการจดเรยงแบบลอย ใช
แมแบบบทความ ยงไมตองตงคา
หนา 29
4 เมนขอคดเหน เปนเมนส าหรบตงคาตาง ๆ เกยวกบการแสดงความคดเหนของบลอก
คณควรจะตงคาตาง ๆ ดงน
องคประกอบ ตงคาเปน
ขอคดเหน แสดง
ใครสามารถแสดงความคดเหน ผใชทมบญช Google
การจดวางฟอรมความคดเหน วางไวใตบทความ
ความคดเหนเรมตนส าหรบบทความ บทความใหมมความคดเหน
ลงกยอนกลบ ซอน
คาเรมตนของลงกยอนกลบส าหรบบทความ บทความใหมมลงกยอนกลบ รปแบบเวลาในสวนความคดเหน ตงคาตามใจ
ขอความของฟอรมความคดเหน ไมตองใสคาใด ๆ กได
การจดการความคดเหน ไม
แสดงการตรวจสอบค าส าหรบความคดเหนหรอไม ไม
แสดงรปภาพโปรไฟลบนความคดเหนหรอไม ใช
อเมลส าหรบแจงเตอนเมอมความคดเหนใหม กรอก email ของคณลงไป
5 เกบเขาคลงบทความ ตงใหเปนรายเดอนจะดทสด
หนา 30
6 ฟดของไซต ถาบทความในบลอกไมมากนก ตงคาเปน แบบเตม แตถาบทความมประมาณ 100 ขนไปควร
จะตงเปน แบบสน
7 อเมลและมอถอ
ในสวนนเปนการตงคา อเมลเพอใหระบบสงบลอกของคณทกครงทมการเผยแพร และเปนการตงคา การใชอปกรณเคลอนทในการเขยนบลอก ตรงนผมยงไมเคยลองเหมอนกน
8 OpenID
คณสามารถใช OpenID URL เพอเขาสไซตอนๆ ทใชงาน OpenID นอกจากนคณยงสามารถก าหนดใหผใช OpenID สามารถแสดงความคดเหนในบลอกของคณ โดยปรบการตงคา ความคดเหน ของคณ
9 สทธ
ในสวนนคณสามารถใชในการเปลยนผเขยนบลอก และเพมผดแลระบบไดถง 100 ราย
หนา 31
นอกจากนคณยงจ ากดคนเขาชมบลอกไดดวย โดยการระบ Email ของผทตองการลงไป
หนา 32
บทท 5 รจกและใชงาน Gadget ชนดตางๆ บน Blogger
เมอเรยนรเกยวกบ การตงคาตาง ๆ ของบลอก การเปลยน Templates ใหกบบลอกไปแลว สวนทเหลอคอ การจดรปแบบองคประกอบหนาใหกบบลอก รวมถงการใชงาน Gadget หลกชนดตางๆ ของ Blogger
Gadget คออะไร
Gadget ใน Blogger นนหมายถงสวนเสรมทเราสามารถตดตงเพมลงไปในแมแบบของ Blogger ซงบางครงกถกเรยกวา widget ซงกหมายถงสงเดยวกนกบ Gadget
วธเพม Gadget กอนอนให Login เขาไปท blogger หรอ draftblogger gtgt จากแผงควบคมใหเลอก การออกแบบ
หนา 33
จากนนใน Layout ของแมแบบคณจะเหนพนท ดงรปดานลางเพอใหเพม Gadget
และเมอคลก เพม Gadget กจะปรากฏ Gadget พนฐาน 21 อยางทจะกลาวถงในหวขอน
นอกจากนยงม Gadget อกมากมายซงคณสามารถเลอกไดจากเมนแกดเจดเพมเตมทางซายมอ
เมอเลอก Gadget ทตองการแลว คลกทปม + เพอท าการเพม Gadget นน ใสชอ Gadget และตงคาทตองการแลวบนทก
รปทเหนขางบนเปน Gadget ผตดตาม ส าหรบ Gadget อน ๆ กท าไดในท านองเดยวกน
หนา 34
รจกกบ Gadget พนฐาน 21 อยางของ Blogger
1 Gadget หนาเวบ
หลกการของ Gadget ชนดนคอคณจะตองสรางหนาเวบขนมากอน แลวใช Gadget นเปนเมนในการเชอมโยงไปยงหนาเวบ
2 Gadget ผตดตาม
Gadget ชนดนใชเพอใหผอานทชนชอบบลอกของคณไดตดตาม และเมอตดตามแลวความเคลอนไหว และการ update บทความของจะไปปรากฏแผงควบคมของผตดตามโดยอตโนมต และมสทธในการแสดงความคดเหนบนบลอกของคณได (กรณทคณอนญาตเฉพาะสมาชก)
3 Gadget ชองคนหา
เปน Gadget ทตดตงเพอใหผอานสามารถคนหาสงทตองการในบลอกของคณไดงายขน
หนา 35
4 Gadget HTMLจาวาสครปต
Gadget ชนดนเปน Gadget ทยดหยนทสดในบรรดา Gadget ทงหมด สามารถประยกตใชไดหลากหลาย เหมาะส าหรบใชตดตงโคดตาง ๆ ลงบน Blogger เชน โคดปฏทน นาฬกา โคดจาวาสครปต โคดรปภาพ โคดวดโอ โคดของลงค เปนตน
5 Gadget ขอความ
เปน Gadget ทเหมาะส าหรบเขยนขอความ เชน ขอความตอนรบ เปนตน
6 Gadget Adsense
คณจะใช Gadget ชนดนไดเมอสมครเขารวมโปรแกรมหรอเปนตวแทนในการเผยแพรโฆษณาบน Google
7 Gadget รปภาพ
ถาคณตองการแสดงรปภาพบนบลอกอยางเดยวกใหเลอกใช Gadget นครบ
หนา 36
8 Gadget สไลดโชว
Gadget นเปนการดง Albums จาก Picasaweb มาแสดงในรปแบบสไลดโชวบนบลอกของ
9 Gadget แถบวดโอ
Gadget นจะท าใหผใชคนหาวดโอบน Youtube จากบลอกของคณได
10 Gadget แบบส ารวจ
Gadget นถอเปน Gadget หนงทนาสนใจมาก แตยงมผใชจ านวนนอย โดยคณอาจจะใชส ารวจความตองการ หรอความคดเหนของผอานตอบลอกของคณ หรอส ารวจเกยวกบเรองทเกยวของกบเนอหาบนบลอกของคณกได
11 Gadget รายการบลอก
Gadget ชนดนเปน Gadget ทสามารถรวบรวมขาวสารลาสดจากบลอกทคณเลอกหรอบลอกทคณตดตาม พรอมทงสามารถแสดงเนอหาแบบยอไดดวย
หนา 37
12 Gadget รายชอลงค
เปน Gadget ทใชสรางลงคไปยงทตาง ๆ โดยคณสามารถปอน URL บน Gadget ชนดนเพอสราง Link โดยไมตองมความรเรอง HTML มากอนเลย
13 Gadget รายการ
เปน Gadget ทคลายคลงกบ Gadget รายชอลงค แตมความยดหยนกวา สามารถสรางขอความรายการและใส link ใหขอความไดดวย
14 Gadget ฟด
คณสามารถใช Gadget นดงขาวสารจากในบลอกของคณ หรอบลอกอนทคณสนใจเอามาแสดงเพยงแคใสชอบลอกทตองการลงไปลงไปใน gadget
15 Gadget Newsreel
เปน gadget ทท าใหพาดหวขาวจาก Google มาปรากฏบนบลอกของคณเทานน
หนา 38
16 Gadget ปายก ากบ
Gadget นมความส าคญ คณควรจะตดตง เพอใหบทความทเขยนเปนหมวดหม ใหผอานเหนชดเจนเลอกอานไดตรงความตองการมากขน
17 Gadget ลงคการสมคร
Gadget นมความส าคญในเรองการสงขาวสารขอมลจากบลอกของคณไปยงผอาน ผอานจะสามารถสมครรบบทความทาง email หรอผานชองทางอน ๆ ไดจาก Gadget น
18 Gadget โลโก
Gadget นไมส าคญนกเปนเพยงตดตง logo ของ blogger ในหนาบลอกเทานน
19 Gadget โปรไฟล
Gadget นจะแสดงขอมลอยางของคณทไดกรอกเอาไวบนบญชของ Blogger ถาคณตองการแสดงขอมลของคณบน Blog กควรจะตดตง Gadget นครบ
หนา 39
20 Gadget คลงบทความของบลอก
Gadget นจะท าใหผอานเหนบทความทงหมดภายในบลอกของคณได
21 Gadget สวนหวของหนา
Gadget นเปนสวนทใส Title และ Description ของ Blog โดยปกตแลว Template ทวไปกจะตดตงสวนนอยแลว
คณสามารถทดลองใช Gadget เหลานไดโดยไมตองกลวความผดพลาดเพราะ Gadget บน
Blogger นนสามารถลบออกไดอยางงายดายโดยวธการจดการกบ Gadget
หนา 40
บทท 6 การจดการกบ Gadget ในหนาบลอก
ในบททผานมาเราได รจกและใชงาน Gadget ชนดตาง ๆ บน Blogger ผมไดกลาวถงวธการเพม Gadget ใหกบบลอก แตยงไมไดกลาวถงการลบ Gadget ออกจากองคประกอบของหนา และนอกจากน ต าแหนงของ Gadget ยงสามารถเคลอนยายต าแหนงไดอกดวย
การลบ Gadget วธท 1 ถาในขณะทเรา log in และเปดหนาบลอกของเราขนมา กจะสงเกตเหนวามเครองมอ
ปรากฏอยตามทตางๆ ในองคประกอบของหนา
และถาเราคลกเขาไปกจะสามารถแกไข หรอ ลบองคประกอบเหลานนออกไปไดเลยครบ
หนา 41
วธท 2 เราสามารถเขาไปลบ Gadget ไดท แผงควบคม gtgt การออกแบบ gtgt องคประกอบของหนา gtgt เลอกแกไข Gadget ทตองการลบ
จากนนเลอกลบไดเชนเดยวกบกรณแรก
การยายต าแหนง Gadget ส าหรบการยายต าแหนงของ Gadget ท าไดโดยการ เขาไปทแผงควบคม gtgt การออกแบบ gtgt
องคประกอบหนาจากนนใหลากเมาสบน Gadget ทตองการยายไปวางในต าแหนงทตองการไดเลยครบ
หนา 42
เมอเขาใจการท างานของ Gadget ชนดตาง ๆ แลวสงทอยากจะฝากเอาไวตอนทายนกคอการจดองคประกอบหนาของบลอกดงน
แนวทางในการจดองคประกอบหนาบลอก
แนวทางในการจดองคประกอบหนานนไมมกฎเกณฑตายตว บางคนชอบใหม 2 column บางคน ชอบใหม 3 column ซงกขนอยกบความชอบและความตองการใชงาน แตทอยากใหค านงไวเสมอคอ ผอน คอ พระเจา ท าอะไรใหเขาใจงายๆ หาอะไรกเจออยางรวดเรว เขาไวเปนพอครบ และอกประการทส าคญคอ การตดตง Gadget ตาง ๆ ควรตดตงเทาทจ าเปนและตองการใชงาน ปฏทน หรอนาฬกานนกไมควรตดตง ลงไปเลย เพราะไมคมคากบการเพมภาระการโหลดใหกบผเขาชม และถาบลอกของคณโหลดไดชา ก เปนไปไดยากทผอานจะกลบมาอก
องคประกอบในหนาของบลอกทผมคดวาคณควรจะมคอ สวนทบอกตวตนของบลอก
ซงอาจจะแสดงในสวนหวของหนา หรอเปนวดโอ สไลดขอความรปถาย อยในต าแหนงทเหนไดชด สวนทเชอมโยงไปยงบทความในบลอก
สวนนจ าเปนมากเพราะจะชวยใหผอานคนหาบทความไดเรวขน คณอาจจะรวมบทความทงหมดเลยหรอ อาจจะใชวธจดหมวดหมใหผอานเลอกสงทตองการจากบลอกของเราไดเรวขน
สวนพนทของสมาชก
สวนนจะแสดงใหเหนวามผสนใจบลอกของเรามากแคไหน และสามารถสมครตดตามบลอกของเราไดทนท เชนอาจจะใช Gadget ผตดตาม หรอใช Like box Plugins ของ Facebook หรออาจจะท า Poll กได
สวนทเปนชองทางใหผอานตดตอเราได
คณอาจจะท า link เชอมโยงใหผอานตดตอคณได หรออาจจะใช Gadget profile ของ Blogger เพอแนะน าตวกได
หนา 43
บทท 7 การแสดงขาวสารลาสดดวย Gadget ฟด
ความหมายของค าวา ฟดโดยสรปกคอเปนสงทแพรกระจายจากบลอกของเราบนโลก Internet เทยบไดกบคลนสญญาณวทยหรอโทรทศน ถามตวรบทกคนกสามารถมองเหนขาวสารทตองการเลอกรบได นอกจากนถามตวชวยสงใหฟดแพรไดแรงขน ขาวสารกยอมจะแพรกระจายไดเรวดวย
ดงนนถาคณสนใจขาวสารจากบลอกใดบลอกหนงคณกสามารถทจะเปดรบขาวสารจากบลอกนนๆ โดยใช Gadget ฟด ซงเปน Gadget ทสามารถเพมไดอยางไมจ ากด ดงนนถาคณตองการรบขาวจาก 10 บลอกกสามารถท าไดโดยการเพม gadget ฟดเขาไปในบลอก 10 ครง ในขณะเดยวกนถาคณใสชอบลอกของตวเองใน Gadget ฟด Gadget ชนดนจะกลายเปน Gadget ทใชแสดง บทความลาสดนนเองครบ
การแสดงขาวสารลาสดโดยการใช Gadget ฟด
1 ไปทองคประกอบของหนา gtgt เพมฟด Gadget
หนา 44
2 ใสโคดตอไปนลงไปใน Gadget ฟด httpชอบลอกblogspotcomfeedspostsdefault
โดยจะตองเปลยนชอบลอกเปนชอบลอกของของคณเองหรอชอบลอกทคณตองการรบขาวสารท update
ตงคาทตองการเพมเตมและบนทกกจะได feeds ขาวสารมาปรากฏทบลอกของคณ
3 ถาตองการเพมบลอกอนอกกท าซ าขอ 1 และ 2 แตตองเปลยนชอบลอกใหม 4 กรณทคณตองการเรยก feed จากเวบทตองการใหคนหา feed จากเวบ wwwgooglecom
แลวแทนโคดในขอ 2 เชน feed ขาวการศกษาจากเวบ httpwwwrssthaicom ใหใสโคด httpwwwrssthaicomnewsphpt=education แทนในขอ 2
หนา 45
บทท 8 แนะน า Gadget ใหมของ blogger ldquoหนาเวบrdquo
ตามเวบไซตตาง ๆ เราคงจะเคยเหนกนวาแตละเวบไซตจะม เมนส าหรบเลอกเปดไปดหนาอน ๆภายในเวบนนๆ เชน ตวอยางในรปดานลาง
Blogger ไดพฒนา Gadget ตวใหมขนมา มชอวา หนาเวบ เพอใหผใชไดสรางหนาของบลอกทตองการไดโดยไมตองมความรในการดดแปลงหรอแกไขแมแบบดวยตนเอง
การเรยกใช Gadget ชนดนสามารถเลอกใชไดเชนเดยวกบการ Add Gadget ชนดอน ๆ นนคอ ไปท องคประกอบของหนา gtgt แลวเลอก เพม Gadget
ตอไปเรามาดวา Gadget น ใชอยางไร และใชเพอจดประสงคใด หลกการของ Gadget นเหมอนการสรางบทความขนมา 1 บทความ และ สราง Link เชอมโยงไป ยงบทความนน ๆ แตมความพเศษตรงทผใชทวไปสรางเมนขนเองไดอยางงายดาย โดยไมตองมความรพนฐานเกยวกบ HTML เลย
หนา 46
ตวอยางวธการใชงาน(จรง) ในตวอยางนผมจะสราง 2 หนาใหเหนเปนตวอยาง ไดแก HOME และ CONTACT ME
ขนเตรยมการ เนองจากผมจะยกตวอยางการสรางหนา Contact me ดงนนใหทกคนไปสราง Form ส าหรบ
ตดตอเจาของบลอกซงกคอเราเอง ไดท httpwwwfoxyformcom
ซงขนตอนในการสราง ฟอรมนนงายมาก มเพยง 4 ขนเทานน (ดรป)
หนา 47
เมอไดโคด แลวคดลอกเกบเอาไวกอนครบ
ขนสรางหนาเวบจรง ขนท 1 สรางหนาแรก หรอ HOME
Log in เขาไปท draftblogger ไปทแผงควบคม gtgt องคประกอบของหนา gtgt แลวเลอก เพม Gadget เลอกอนแรกเลยครบ คอ gadget หนาเวบ
จากนนกสราง หนาแรกขนมาโดยตงชอตามทตองการไดเลย แลวท าการบนทกครบ
หนา 48
ขนท 2 เมอผานขนท 1 มาแลวกเทากบวาเราไดสราง หนาบลอกขนมาแลว 1 หนา
ถาจะท าการเพมหนาอก ใหไปทแผงควบคม gtgt การสงบทความ gtgt แกไขหนาเวบ gtgt หนาเวบใหม
เมอคลกสรางหนาเวบใหม เรากจะพบเครองมอตาง ๆ เหมอนการเขยนบทความนนเองครบ
หนา 49
ใหน าโคดของ Form ทเตรยมไว จากขนเตรยมการมาวางในหนาหนาน จดรปแบบตามตองการแลวบนทกหนาไดเลยครบ
เพยงขนตอนสน ๆ นเรากจะมเมนเชอมโยงไปยง หนาของบลอกถง 2 หนาดวยกน ไดแก HOME และ CONTACT ME
หนา 50
ขนท 3 - ถาหากตองการเพมหนาบลอกเพมขนอกกท าซ าขนตอนทไดกลาวมาขางตนครบ - แตถาตองการลบหนาบลอกทง กมาทเดม แลวจะเหนค าวาลบ ถาตองการลบทงกกดค าวาลบ
ไดเลย
ขนท 4 วธจดการกบเมนหนาเวบ - ถาตองการเรยงล าดบหนาเวบใหม กไปท องคประกอบของหนา แลว คลก Gadget หนาเวบขนมาแกไข gtgt ดรป
หนา 51
นอกจากน Gadget หนาเวบจะมลกษณะพเศษ คอ ถาอยท Sidebar เมนจะจดเรยงเปนแนวตง
หนา 52
แตถาลากไปในต าแหนงใตสวนหว จะจดเรยงเรยงเปนแนวนอนโดยอตโนมต
หนา 53
บทท 9 นบจ านวนคนเยยมชมดวย Flagcounter
อกบรการนบสถตคนเยยมชมทชวยใหเราทราบวาบลอกของเรามผเยยมชมทงในและตางประเทศมากหรอนอย จาก Flagcounter
วธตดตง
1 ไปท httpwwwflagcountercomindexhtml 2 ตงคาตางๆ ตามความตองการแลวกด GET YOUR FLAG COUNTER ดงรป
3 คดลอก HTML โคด ท FLAG COUNTER ไดสรางใหในขนท 2
หนา 54
4 กลบมาทบลอกของเรา ไปทแผงควบคม gtgt รปแบบ gtgt องคประกอบหนา gtgt เพม Gadget ชนด HTMLจาวาสครปต
5 วางโคดทคดลอกมาจากขนท 3 แลวบนทกครบกเปนอนจบขนตอนครบ ลกษณะทไดกดงรป
หนา 55
บทท 10 รปภาพในบทความบน Blogger
คณเคยสงสยไหมครบวา รปภาพทคณ upload ขนไปขณะทเขยนบทความ หรออาจจะเขยนบทความไปแลว รปเหลานนไปอยทไหน เพราะวา Blogger เองไมม sever ยงตองอาศยฐานขอมลของตวแมคอ blogspotcom อย แลวจะเอาพนท ๆ ไหนมาเกบรปตงมากมาย
ค าตอบคอ Blogger จะใชวธเชอมโยงกบ Application อน ๆ ของ Google เพอแกปญหาการเกบขอมล เชนรปภาพใน Blogger ทเราพดถงกนอยตอนนกจะถกเกบ
อยท Picasa Web Albums ดงนนไมวาจะเปนภาพทคณ Upload ขณะเขยนบทความ กจะถกเกบอยใน Picasa Web Albums ทงหมด
คณใชบรการ Picasa Web Albums ไดอยางไร
การใชบรการ Picasa Web Albums สามารถเขาใชไดทนทหากคณมบญชผใชกบ google อยแลว เชนมบญชผใช Gmail หรอ Blogger อยแลวกสามารถ Log in เขาใชไดเลย
Picasa Web Albums ใหพนทเทาไร
Picasa จะใหพนท เพยง 1 GB ตอ 1 บญชผใช นเปนเหตผลทบางคนอาจจะสงสยวาท าไมคณภาพรปหรอขนาดของรปบน Blogger จงลดลง กลาวคอระบบของ Picasa จะท าการลดขนาดของรปทเรา Upload ผาน Blogger ใหมขนาดเลกลงเพอเปนการประหยดพนทนนเอง
หนา 56
คณจะเขาไปจดการรปภาพจาก Blogger ใน Picasa Web ไดอยางไร การจดการภาพใน Picasa Web Albums ท าได 2 วธคอ
1 ใช Software ทพฒนาขนมาจดการ Picasa Web Albums โดยเฉพาะ
คณสามารถเขาไปดาวนโหลด Picasa ไดท httppicasagooglecom 2 เขาไปจดการทเวบไซต Picasa Web Albums โดยตรง โดยไปท httppicasawebgooglecom และ Log in โดยใชชอบญชเดยวกบ Blogger
คณสามารถเขาไป Unload ภาพไดโดยตรงกบ Picasa แลวเรยกมาใชบน blogger ไดโดยใชตวเลอก อปโหลด
หนา 57
แตถาตองการรปภาพบน Blogger ทไดอปโหลดขนไปแลวกคลกทอลบมทตองการแลวเขาไปจดการภาพไดเชนกน ลบรปภาพบน Blogger แลวรปบน Picasa จะถกลบดวยหรอไม
การลบรปภาพบน Blogger ไมสงผลใด ๆ ตอ Picasa Web Albums เลยเวนแตคณจะเขามาลบใน Picasa Web Albums โดยตรง ดงนนถาในขณะเขยนบทความคณเผลอท าพลาดรปภาพหายไป กสามารถเขามาเอารปภาพจาก Picasa Web Albums ใชงานไดอกโดยไมตอง upload ซ า หรอไมตองไปหาภาพมาใหม บทสรป
บทนแนะน าใหพอรจกการเชอมโยงระหวาง Blogger และ Picasa Web Albums ซงเปนบรการในเครอขาย Google เหมอนกน และจะท าใหคณเขาใจการจดการเกยวกบภาพบน Blogger ไดดขน
หนา 58
บทท 11 การสรางวดโอใน YouTube และน ามาใสในบลอก
ถามวดโอในหนาบลอกของเราดวย การสอสารเรองราวตางๆ กจะมชวตชวาและเขาใจงายขน ซงในทนเราสามารถสรางไดไมยากดวยบรการของ wwwyoutubecom ครบ
ขนตอนการฝากวดโอไวกบ youtube
1 ไปท wwwyoutubecom แลวเลอก Create Account ทมมขวาบนซงในกรณทเรา Login อยในเวบบลอกของเรานน กสามารถใชบรการของ youtube ดวย Account เดมโดยไมตองสมครใหมครบ วธการท าไดโดย
11 คลกท 12 กรอกขอมลส าหรบการสรางบญช โดยใช username ของ gmail ของเราเอง 13 จากนน คลก
หนา 59
14 จะพบหนาตางใหกรอก Username และ รหสผาน ของ gmail ใหกรอก e-mail ของเรา
จะพบหนาจอ ดงน จากนนเรากสามารถท าการเพม Video ไดตามทเราตองการ
หนา 60
2 การฝาก youtube มเงอนไขส าคญๆ ดงน - ความยาวของวดโอไมเกน 10 นาท - ควรเปนวดโอทไมกระทบตอสถาบน ชาต ศาสนา พระมหากษตรย และ ศลธรรมอนดงามของสงคม
3 การ upload วดโอขนไปทเมน upload (ทมมขวาบน) แลวท าการเลอกไฟลวดโอจากเครองของเรา และรอจนการ upload เสรจสน
31 คลกทปม Uploads
32 คลกทปม Upload Video
33 เลอกไฟล Video ทตองการ
34
34 เมอ Upload ได 100 แลวใหคลก Save change
หนา 61
4 เมอ upload เสรจสนแลวคลกทขอความ Embed and Sharing Options เรากเหน HTML code ใหคดลอก code เหลานนมาแปะในสวนทเราตองการ
เชนในทนผมคดลอก code มาแปะในบทความกจะไดผลลพธเปนวดโอตามดานลางทเหนครบ
หนา 62
เรอง หนา บทน าhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 1 บทท 1 การสรางเวบบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 4 บทท 2 วธเปลยน Template ของ Bloggerhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 12 บทท 3 วธเขยนและจดการบทความในบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 22 บทท 4 การตงคาพนฐานตางๆ ใหกบบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 26 บทท 5 รจกและใชงาน Gadget ชนดตางๆ บน Bloggerhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 32 บทท 6 การจดการกบ Gadget ในหนาบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 40 บทท 7 การแสดงขาวสารลาสดดวย Gadget ฟดhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 43 บทท 9 นบจ านวนคนเยยมชมดวย Flagcounterhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 53 บทท 10 รปภาพในบทความบน Bloggerhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 55 บทท 11 การสรางวดโอใน YouTube และน ามาใสในบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 58
หนา 63
255
เอกสารประกอบการฝกอบรมเชงปฏบตการ
การพฒนาสอการเรยนการสอน โดยใชโปรแกรมคอมพวเตอรรวมกบ Weblog
หนา 5
วธสรางบลอกกบ Blogger ขนท 1 การสมครใชงาน Blogger สามารถใช email ของระบบใดกได แตในระยะยาวแลวการ
เชอมโยงกบบรการหลายๆ อยางของ Google ควรจะใช email ของ Gmail ดทสดครบ
1 ใหคณเขาไปท wwwgmialcom เพอสรางบญชผใชกบ Google
2 กรอกขอมลทจ าเปนในการสมคร Gmail
จากนนคลกปม ฉนยอมรบ โปรดสรางบญชของฉน
หนา 6
3 จะพบหนาจอการยนยนบญชของเรา ซงตองใสเบอรโทรศพท (Google จะสง massage มาให) จากนน
4 คลกปม สงรหสยนยนไปยงโทรศพทมอถอของฉน
5 เมอเปดดขอความในโทรศพทมอถอแลว กใหปอนรหสทได จากนนคลกปม ยนยน
6 คณจะพบกบหนาจอแสดงความยนดเกยวกบบญชของ Gmail
หนา 7
7 คลกทปม เพอด Gmail ของเราครงแรก
ขนท 2 หลงจากไดบญชผใชแลว ใหไปท wwwbloggercom เพอสรางบลอกกนเลยครบ
โดยในการสรางบลอกนน กใหใช บญชผใช (user name + password) ทไดสรางไวในขนท 1
1 ไปทเวบไซต httpwwwbloggercom ดงรป
2 คลกทปม เพอเรมตนการสรางบลอก ดงรป
หนา 8
3 ใหกรอก email ทไดจากขนท 1 ชอผเขยนบลอก วนเกด
4 เมอกรอกขอมลครบแลว ใหคลกทปม จะพบหนาจอ ตงชอเวบบลอกของคณ ใหท าการ ตงชอเวบบลอกทเราตองการ ทอยบลอก และ กรอกรหสยนยน (แตการก าหนด URL
หนา 9
จะตองไมใหซ ากบคนอน ๆ ถาซ ากใชวธเปลยนเปนค าหรอวลทใกลเคยงไปเรอย ๆ การตงชอและ URL ของบลอกควรม keyword ทสมพนธกบเรองทจะเขยนดวย)
5 คลกทปม จะพบหนาจอ เลอกแมแบบเรมตน ดงรป
หนา 10
6 ใหเลอกแมแบบเรมตนทเราตองการใหเปนรปแบบของบลอก จากนนคลกปม จะปรากฏหนาจอแจงวา บลอกของคณถกสรางขนแลว ดงรป
7 คลกทปม เพอกรอกขอมลครงแรกในการสรางเวบบลอก ซงจะตองกรอกขอมลในหนาเวบ ดงรป
หนา 11
8 เมอกรอกขอมลเสรจแลว ใหคลกปม จะปรากฏหนาจอ ดงรป
9 ใหคลกทปม เพอดเวบบลอกของเรา เปนครงแรก จะพบหนาจอ ดงรป
หนา 12
บทท 2 วธเปลยน Template ของ Blogger
หลงจากบทแรกไดเสนอขนตอนในการสรางบลอกไปแลว ถงตรงนคณตองคดแลววาจดประสงคของการท าบลอกของคณคออะไร เพราะจดประสงคนแหละครบจะเปนตวก าหนดวาเราจะเลอก แมแบบ (หนาตา และองคประกอบ) ของบลอกอยางไร
ตอไปเราจะมาดวธการเลอก และการเปลยน Template กนครบ
ขนท 1 ใหคณไปเลอก template ไดท
httpbtemplatescom httpwwwbloggertemplateplacecom httpthemecraftnet httpwwwdeluxetemplatesnet httpwwwbloggerthemesnet httpwwwbloggerstylescom httpwwwanshuldudejacom httpwwwbloggertemplatesfreecom httpwwwbloggertemplatesblogcom httpwwwtemplatesblockcom httpblogger-templatesblogspotcom httpfreetemplatesblogspotcom
หนา 13
httpmashablecom20070913blogger-templates httpwwwwebtemplatesblogcom httpwwwezwpthemescom httpwwwfreebloggertemplateinfo httpwwwblogcrowdscomresourcesblogger-templates httpwwwzoomtemplatecom httpwwwtemplates-bloggercom httpwwwbloggerblogtemplatescom httpbloggertemplateplacecom httpwwwtemplatesbloggernet httpwwwbietemplatescom
หรอจะใชค าคน ldquoTemplate+blogrdquo ใน Google กไดครบ ผมเชอวาขนตอนนคณคงจะใชเวลานาน
พอสมควรเลยละครบ (ผมเองกใชเวลาเปนวนๆ ในการเลอก templates ทเดยวครบ ) ขนท 2 เมอคณได Template ทตองการแลว ใหเรมเปลยนดงน ในทน ผมเลอกเวบไซต httpwwwbloggerblogtemplatescom เพอเปนตนแบบในการใช
Template
หนา 14
ผมเลอก Template น
1 โดยการคลกท Read More or Download this Blogger Template จากนนจะพบ
หนาตางใหม ใหเลอนหาเมน Download the Green Day Blogger Theme และท าการคลกเพอดาวนโหลด จะได ใหท าการ แตกไฟลจากนนใหน า green-day-blogger-themexml ไปวางไวท Desktop
2 Log in ท blogger ไปทแผงควบคม gtgt รปแบบ gtgt แกไข HTML gtgt คลกปม Browse เพอทจะอปโหลดแมแบบขนมา
หนา 15
3 เรยกไฟล XML ทเตรยมไวตามขนตอนในรปครบ
4 อปโหลดแมแบบขนไปแทนทแมแบบเดม โดยระหวางการแทนท อาจมการถามถงการลบเกบ Widget ของแมแบบเดม ซงถาตองการเกบของเกาเอาไวกเลอก เกบ Widget กจะท าให Widget ของแมแบบเดม ไมถกลบขณะเปลยน Templates
หนา 16
5 จากนนลองแสดงตวอยางด ซงถาพอใจกบแมแบบแลวกใหท าการบนทก กจบขนตอนการเปลยนแมแบบแลวครบ และถาหากคณตองการเปลยนแมแบบอกกสามารถเปลยนไดแบบไมจ ากดครง
นคอผลงาน หลงจากเปลยนแมแบบ นครบ กอนเปลยน Template
หลงเปลยน Template
หนา 17
เครองมอส าหรบ ldquoออกแบบแมแบบrdquo ดวยตนเอง ใหม จาก Blogger
หลงจากทมงาน Blogger ไดสราง Gadget หนาเวบ ออกมาไดไมนาน ตอนนกไดพฒนาการเครองมอส าหรบการออกแบบแมแบบของ blogger ใหยดหยนมากขน โดยใหผใชสามารถปรบแตงแมแบบไดดวยตนเอง ไมวาจะเปนการเลอก Theme การออกแบบโครงรางของหนาวาจะม 2 หรอ 3 คอลมน หรอหลายคอลมน ซงท าไดโดยการคลกเพยงไมกครง การปรบความกวางของ Template และ sidebar เพยงแคคลกเดยวเปนตน ความสามารถทงหลายนผใชสามารถท าไดโดยไมตองมความรเรอง HTML และ CSS เลยส าหรบการใชงานเครองมอนกคลายคลงกบการใชงานเครองมอเดม ๆ ทมอย ซงผมจะอธบายทละสวนดงน
การใช เครองมอออกแบบแมแบบ ท าไดโดย Log in เขาไปท draftblogger และไปท แผงควบคม gtgt
การออกแบบ gtgt องคประกอบของหนา gtgt คลกท ldquoเครองมอออกแบบแมแบบ ใหมrdquo
เมอคลกท ldquoเครองมอออกแบบแมแบบrdquo แลวเราจะพบเครองมอส าหรบออกแบบแมแบบอย 4 อยางดวยกน ไดแก 1 แมแบบ 2 พนหลง 3 รปแบบ และ 4 ขนสง
สวนแสดงตวอยาง
หนา 18
1 การใชงานเครองมอแมแบบ ท าไดโดย คลกทขอความ แมแบบ gtgt จากนนเลอกรปแบบทตองการ gtgt และเลอก theme ทตองการ เมอแสดงตวอยางเปนทนาพอใจแลว ใหคลกทปม ldquoใชกบบลอกrdquo เพอยนยน
2 การใชงานเมนพนหลง การใชงานเครองมอ ldquoพนหลงrdquo สามารถใชเพอเปลยนภาพพนหลงของบลอก และเลอกส Theme ของบลอกไดตามความตองการไดดวย
21 วธเปลยนภาพพนหลงท าไดโดย คลกท ldquoภาพพนหลงrdquo และเลอกถาพตามตองการ และกดปม ldquoใชกบบลอกrdquo เพอยนยน
สวนแสดงตวอยาง
หนา 19
22 การเลอกส Theme ของบลอก คลกทส Theme ทตองการโดย อาจจะคลกเลอกจาก
Theme ส าเรจรปหรอเลอกจาก Theme ทแนะน า
หนา 20
3 การใชงานเครองมอ ldquoรปแบบrdquo คณสามารถใชเครองมอนเพอก าหนดจ านวน คอลมน รปแบบคอลมน ความกวางของคอลมน รวมถงการก าหนดคอลมนใหกบสวนทายของหนาไดดวย
31 การใชงานเครองมอ ldquoการออกแบบเนอความrdquo เครองมอนใชก าหนดรปแบบคอลมนของ template ของคณ ซงท าไดงายดายโดยการคลกเลอกรปแบบทตองการ ดตวอยาง เมอเปนทพอใจแลวกกดปม ldquoใชกบบลอกrdquo เพอยนยน
32 การใชงานเครองมอ ldquoการออกแบบสวนทายrdquo เครองมอนเปนเครองมอส าหรบการ
ก าหนดคอลมนใหกบสวนทายของหนาบลอก ซงท าไดเชนเดยวกบ 31
หนา 21
33 การใชงานเครองมอ ldquoการปรบความกวางrdquo คณสามารถปรบความกวางของแมแบบ และ sidebar จากเครองมอนเพยงแคเลอน slider ใหตรงกบคาตวเลขทตองการเทานน
4 ส าหรบเมนขนสงเปนการก าหนดรายละเอยดตางๆ ใหกบบลอก เชน รปแบบของลงค gadget ตางๆ หวเรอง ชอของบลอก เปนตน ซงคณสามารถปรบแตงตามความตองการแลว แสดงตวอยาง หากเปนทพอใจกบนทกเชนเดยวกบ ขอ 1-3 ทไดกลาวมาแลว
ปล อยาลมนะครบวาเครองมอเหลานจะไมมใน bloggercom แต จะมใน draftbloggercom เทานน
หนา 22
บทท 3 วธเขยนและจดการบทความในบลอก
บทนผมจงจะเลาถงวธเขยนบทความใน Blogger เพอเปนแนวทางใหคณสามารถเขยนบทความลงในบลอกของคณไดสวยงามและเปนมออาชพมากขน
ส าหรบทานทเขยนบทความเปนอยแลวอาจจะขามไปอานบทความอน ๆ ตอไปไดเลยครบ สวนทานทเปนมอใหมจรง ๆ กควรจะอานบทความนใหจบเพอเปนแนวทางในการ
เขยนบทความของคณเองตอไป
1 การเขาไปเขยนบทความ การเขาไปเขยนบทความบน Blogger โดยตรงสามารถเขาไปได 2 ชองทางดวยกนคอ 11 ถาคณใชแมแบบทไมไดซอนแถบน าทางสามารถเขาไปเขยนบทความไดโดยคลกทเมน
บทความใหม
12 เขาไปเขยนบทความผาน draftbloggercom
หนา 23
โปรดสงเกตวาเครองมอในการเขยนบทความของ Draftblogger จะมมากกวาเครองมอของ blogger ปกต ดงนนโดยสวนตวผมแนะน าใหเขยนบทความผาน draftbloggercom เพราะมเครองมอมากกวาวธแรก และควรตงคาให draftblogger เปนเครองมอเรมตน
2 องคประกอบของเครองมอเขยนบทความ
กอนอนผมขอแนะน าใหรจกเครองมอทจ าเปนในการเขยนบทความดงน สวนท 1 คอสวนตงชอเรองหรอชอบทความ สวนท 2 เปนสวนทใชส าหรบกรณทเราตองการวางขอความทคดลอกมาจาก Ms word
หรอโคดวดโอจาก Youtube หรอโคด HTMLจาวาสครปตทตองการใหปรากฏและแสดงผลในบทความ
หนา 24
สวนท 3 เปนแถบทเลอกเมอตองการเขยนขอความปกตซงจะมเครองมอในการเขยนบทความตามทเหนในภาพขางบน
สวนท 4 ส าหรบจดรปแบบอกษร สวนท 5 เปนเครองมอในการใสลงคใหขอความ แทรกภาพลงในบทความ และแทรกวดโอ
ลงในบทความตามล าดบ สวนท 6 รปกระดาษขาดทเหนนนใชในกรณทคณตองการแสดงบทความใหผอานเหนในหนา
หลกเพยงบางสวนเทานน และถาใชเครองมอนผอานจะตองคลกอานเพมเตมจงจะเหนขอความแบบเตม เครองมอนมขอดคอท าใหบทความทมความยาวมาก ๆ สนลงได และท าใหเปดหนาแรกไดเรวขนดวย
สวนท 7 เปนสวนทใชในการจดเรยงขอความ และจดแนวรปภาพไดดวย เชน จดชดซาย ชดขวา กงกลาง เปนตน
สวนท 8 ไดแกการใส การเนนขอความ การลบรปแบบ การตรวจสอบการสะกดค า และการแปลภาษา
สวนท 9 เปนสวนทใชในการวางก าหนดเวลาลางหนา วาจะใหบทความทเขยนเผยแพรใน วนใด
สวนท 10 เปนการใสปายก ากบ ซงเปนสวนทใชระบวาบทความทเขยนนอยในหมวดหมใด ซงสามารถใสไดมากกวา 1 ปายก ากบโดยคนดวยเครองหมายจลภาค และสามารถเลอกปายก ากบทคณเคยใสใหบทความอนไปแลวมาใสอกได เพอท าใหบทความนน ๆ อยในหมวดหมเดยวกน
สวนท 11 เปนการเลอกวาจะบนทกไวกอน หรอจะเผยแพร มประโยชนในกรณทบทความทเขยนใชเวลาเขยนนานมากกอาจจะบนทกเอาไวกอนแลวมาเขยนตอในภายหลงได
หนา 25
เทคนคการเขยนบทความทควรร ในกรณทเรามไฟลเอกสารจาก MS word แลวคดลอกมาวางเพอท าใหเขยนบทความไดเรวขน
บางครงพบปญหาขอผดพลาดของฟอรม (ฟอรมใน MS word ไมสามารถแปลงเปน HTML Code ได)
ปญหานแกไดโดยกอนวางขอความใหคลกทแถบ แกไข HTML แลวจงวางขอความทคดลอกมา
จากนนจงคลกทแถบ เขยน เพอจดรปแบบของบทความตอไป
เทคนคนยงสามารถใชกบการวางโคดวดโอ หรอขอความทคดลอกมาจากเวบไซตไดดวยครบ
หนา 26
บทท 4 การตงคาพนฐานตางๆ ใหกบบลอก
บทนผมจะขอแนะน าการตงคาพนฐานตางๆ ของบลอกเพอใหเขาใจการตงคาในสวนตาง ๆ ของ Blogger และจะท าใหคณสามารถตงคาตาง ๆ ตามความตองการของตนเองได อกทงจะเปนประโยชนในการพฒนาการท า Blogger ในระยะยาวดวย
การตงคาพนฐานตางๆ ของบลอกท าไดโดย Log in เขาไปท blogger เมอมาทหนา แผงควบคม ให Click ท การตงคา
และทานจะเขามาทเมนการตงคาของบลอก
ผมจะแบงการตงคาออกเปน 9 สวนดงน 1 ขนตน
คณสามารถดาวนโหลด Blog เพอเกบเปน Backup ขอมลบทความและ comment ของบลอกไดโดยเลอก สงออกบลอก แตถาคณมขอมลบลอกเดมอยแลวอยากจะน ามาใชกบบลอกใหมทสรางขน กใหเลอก น าเขาบลอก แตถาคดวาไมตองการใชบลอกนแลวกสามารถลบทงไดโดยเลอก ลบบลอก
หนา 27
Title และค าอธบายของบลอก ควรใสใหเขาใจภาพรวมของบลอกและม keyword ในการท าบลอกแทรกอยใน Description ดวย
ในสวนการตงคาอน ๆ ควรตงคาดงน
องคประกอบ ตงคาเปน
เพมบลอกของคณในรายการของเราหรอไม ใช
อนญาตใหเครองมอคนหาพบบลอกของคณหรอไม ใช
แสดงการแกไขอยางรวดเรวบนบลอกของคณหรอไม ใช
มเนอหาส าหรบผใหญหรอไม ไม
เลอกโปรแกรมแกไขบทความ โปรแกรมแกไขทอปเดต
2 การเผยแพร ในการตงคาสวนนสามารถเปลยน URL ของบลอกได
หนา 28
ถาคณตองการเปลยนโดเมนของบลอกจาก blogspotcom เปนโดเมนอนกสามารถตงคาไดตรงสวนน แตจะตองเสยคาใชจายการจดโดเมนผาน google ปละ 10 US (ประมาณ 300 กวาบาทตอป)
3 การจดรปแบบ ในสวนนเปนการตงคาการเผยแพรบทความ เชน จ านวนบทความในหนาแรก รปแบบเวลา
และวนทเปนตน
คณควรจะตงคาตาง ๆ ดงน
องคประกอบ ตงคาเปน
แสดงสงสด เทาไรกได
รปแบบสวนหวของวนท ตงไดตามใจชอบ
รปแบบวนทของดชนคลงบทความ ตงไดตามใจชอบ
รปแบบเวลา ตงไดตามใจชอบ
โซนเวลา (GMT+0700)กรงเทพ
ภาษา ไทย
แปลงการขนบรรทดใหม ไม
แสดงฟลดชอเรอง ใช
แสดงฟลดของลงก ไม
เปดใชการจดเรยงแบบลอย ใช
แมแบบบทความ ยงไมตองตงคา
หนา 29
4 เมนขอคดเหน เปนเมนส าหรบตงคาตาง ๆ เกยวกบการแสดงความคดเหนของบลอก
คณควรจะตงคาตาง ๆ ดงน
องคประกอบ ตงคาเปน
ขอคดเหน แสดง
ใครสามารถแสดงความคดเหน ผใชทมบญช Google
การจดวางฟอรมความคดเหน วางไวใตบทความ
ความคดเหนเรมตนส าหรบบทความ บทความใหมมความคดเหน
ลงกยอนกลบ ซอน
คาเรมตนของลงกยอนกลบส าหรบบทความ บทความใหมมลงกยอนกลบ รปแบบเวลาในสวนความคดเหน ตงคาตามใจ
ขอความของฟอรมความคดเหน ไมตองใสคาใด ๆ กได
การจดการความคดเหน ไม
แสดงการตรวจสอบค าส าหรบความคดเหนหรอไม ไม
แสดงรปภาพโปรไฟลบนความคดเหนหรอไม ใช
อเมลส าหรบแจงเตอนเมอมความคดเหนใหม กรอก email ของคณลงไป
5 เกบเขาคลงบทความ ตงใหเปนรายเดอนจะดทสด
หนา 30
6 ฟดของไซต ถาบทความในบลอกไมมากนก ตงคาเปน แบบเตม แตถาบทความมประมาณ 100 ขนไปควร
จะตงเปน แบบสน
7 อเมลและมอถอ
ในสวนนเปนการตงคา อเมลเพอใหระบบสงบลอกของคณทกครงทมการเผยแพร และเปนการตงคา การใชอปกรณเคลอนทในการเขยนบลอก ตรงนผมยงไมเคยลองเหมอนกน
8 OpenID
คณสามารถใช OpenID URL เพอเขาสไซตอนๆ ทใชงาน OpenID นอกจากนคณยงสามารถก าหนดใหผใช OpenID สามารถแสดงความคดเหนในบลอกของคณ โดยปรบการตงคา ความคดเหน ของคณ
9 สทธ
ในสวนนคณสามารถใชในการเปลยนผเขยนบลอก และเพมผดแลระบบไดถง 100 ราย
หนา 31
นอกจากนคณยงจ ากดคนเขาชมบลอกไดดวย โดยการระบ Email ของผทตองการลงไป
หนา 32
บทท 5 รจกและใชงาน Gadget ชนดตางๆ บน Blogger
เมอเรยนรเกยวกบ การตงคาตาง ๆ ของบลอก การเปลยน Templates ใหกบบลอกไปแลว สวนทเหลอคอ การจดรปแบบองคประกอบหนาใหกบบลอก รวมถงการใชงาน Gadget หลกชนดตางๆ ของ Blogger
Gadget คออะไร
Gadget ใน Blogger นนหมายถงสวนเสรมทเราสามารถตดตงเพมลงไปในแมแบบของ Blogger ซงบางครงกถกเรยกวา widget ซงกหมายถงสงเดยวกนกบ Gadget
วธเพม Gadget กอนอนให Login เขาไปท blogger หรอ draftblogger gtgt จากแผงควบคมใหเลอก การออกแบบ
หนา 33
จากนนใน Layout ของแมแบบคณจะเหนพนท ดงรปดานลางเพอใหเพม Gadget
และเมอคลก เพม Gadget กจะปรากฏ Gadget พนฐาน 21 อยางทจะกลาวถงในหวขอน
นอกจากนยงม Gadget อกมากมายซงคณสามารถเลอกไดจากเมนแกดเจดเพมเตมทางซายมอ
เมอเลอก Gadget ทตองการแลว คลกทปม + เพอท าการเพม Gadget นน ใสชอ Gadget และตงคาทตองการแลวบนทก
รปทเหนขางบนเปน Gadget ผตดตาม ส าหรบ Gadget อน ๆ กท าไดในท านองเดยวกน
หนา 34
รจกกบ Gadget พนฐาน 21 อยางของ Blogger
1 Gadget หนาเวบ
หลกการของ Gadget ชนดนคอคณจะตองสรางหนาเวบขนมากอน แลวใช Gadget นเปนเมนในการเชอมโยงไปยงหนาเวบ
2 Gadget ผตดตาม
Gadget ชนดนใชเพอใหผอานทชนชอบบลอกของคณไดตดตาม และเมอตดตามแลวความเคลอนไหว และการ update บทความของจะไปปรากฏแผงควบคมของผตดตามโดยอตโนมต และมสทธในการแสดงความคดเหนบนบลอกของคณได (กรณทคณอนญาตเฉพาะสมาชก)
3 Gadget ชองคนหา
เปน Gadget ทตดตงเพอใหผอานสามารถคนหาสงทตองการในบลอกของคณไดงายขน
หนา 35
4 Gadget HTMLจาวาสครปต
Gadget ชนดนเปน Gadget ทยดหยนทสดในบรรดา Gadget ทงหมด สามารถประยกตใชไดหลากหลาย เหมาะส าหรบใชตดตงโคดตาง ๆ ลงบน Blogger เชน โคดปฏทน นาฬกา โคดจาวาสครปต โคดรปภาพ โคดวดโอ โคดของลงค เปนตน
5 Gadget ขอความ
เปน Gadget ทเหมาะส าหรบเขยนขอความ เชน ขอความตอนรบ เปนตน
6 Gadget Adsense
คณจะใช Gadget ชนดนไดเมอสมครเขารวมโปรแกรมหรอเปนตวแทนในการเผยแพรโฆษณาบน Google
7 Gadget รปภาพ
ถาคณตองการแสดงรปภาพบนบลอกอยางเดยวกใหเลอกใช Gadget นครบ
หนา 36
8 Gadget สไลดโชว
Gadget นเปนการดง Albums จาก Picasaweb มาแสดงในรปแบบสไลดโชวบนบลอกของ
9 Gadget แถบวดโอ
Gadget นจะท าใหผใชคนหาวดโอบน Youtube จากบลอกของคณได
10 Gadget แบบส ารวจ
Gadget นถอเปน Gadget หนงทนาสนใจมาก แตยงมผใชจ านวนนอย โดยคณอาจจะใชส ารวจความตองการ หรอความคดเหนของผอานตอบลอกของคณ หรอส ารวจเกยวกบเรองทเกยวของกบเนอหาบนบลอกของคณกได
11 Gadget รายการบลอก
Gadget ชนดนเปน Gadget ทสามารถรวบรวมขาวสารลาสดจากบลอกทคณเลอกหรอบลอกทคณตดตาม พรอมทงสามารถแสดงเนอหาแบบยอไดดวย
หนา 37
12 Gadget รายชอลงค
เปน Gadget ทใชสรางลงคไปยงทตาง ๆ โดยคณสามารถปอน URL บน Gadget ชนดนเพอสราง Link โดยไมตองมความรเรอง HTML มากอนเลย
13 Gadget รายการ
เปน Gadget ทคลายคลงกบ Gadget รายชอลงค แตมความยดหยนกวา สามารถสรางขอความรายการและใส link ใหขอความไดดวย
14 Gadget ฟด
คณสามารถใช Gadget นดงขาวสารจากในบลอกของคณ หรอบลอกอนทคณสนใจเอามาแสดงเพยงแคใสชอบลอกทตองการลงไปลงไปใน gadget
15 Gadget Newsreel
เปน gadget ทท าใหพาดหวขาวจาก Google มาปรากฏบนบลอกของคณเทานน
หนา 38
16 Gadget ปายก ากบ
Gadget นมความส าคญ คณควรจะตดตง เพอใหบทความทเขยนเปนหมวดหม ใหผอานเหนชดเจนเลอกอานไดตรงความตองการมากขน
17 Gadget ลงคการสมคร
Gadget นมความส าคญในเรองการสงขาวสารขอมลจากบลอกของคณไปยงผอาน ผอานจะสามารถสมครรบบทความทาง email หรอผานชองทางอน ๆ ไดจาก Gadget น
18 Gadget โลโก
Gadget นไมส าคญนกเปนเพยงตดตง logo ของ blogger ในหนาบลอกเทานน
19 Gadget โปรไฟล
Gadget นจะแสดงขอมลอยางของคณทไดกรอกเอาไวบนบญชของ Blogger ถาคณตองการแสดงขอมลของคณบน Blog กควรจะตดตง Gadget นครบ
หนา 39
20 Gadget คลงบทความของบลอก
Gadget นจะท าใหผอานเหนบทความทงหมดภายในบลอกของคณได
21 Gadget สวนหวของหนา
Gadget นเปนสวนทใส Title และ Description ของ Blog โดยปกตแลว Template ทวไปกจะตดตงสวนนอยแลว
คณสามารถทดลองใช Gadget เหลานไดโดยไมตองกลวความผดพลาดเพราะ Gadget บน
Blogger นนสามารถลบออกไดอยางงายดายโดยวธการจดการกบ Gadget
หนา 40
บทท 6 การจดการกบ Gadget ในหนาบลอก
ในบททผานมาเราได รจกและใชงาน Gadget ชนดตาง ๆ บน Blogger ผมไดกลาวถงวธการเพม Gadget ใหกบบลอก แตยงไมไดกลาวถงการลบ Gadget ออกจากองคประกอบของหนา และนอกจากน ต าแหนงของ Gadget ยงสามารถเคลอนยายต าแหนงไดอกดวย
การลบ Gadget วธท 1 ถาในขณะทเรา log in และเปดหนาบลอกของเราขนมา กจะสงเกตเหนวามเครองมอ
ปรากฏอยตามทตางๆ ในองคประกอบของหนา
และถาเราคลกเขาไปกจะสามารถแกไข หรอ ลบองคประกอบเหลานนออกไปไดเลยครบ
หนา 41
วธท 2 เราสามารถเขาไปลบ Gadget ไดท แผงควบคม gtgt การออกแบบ gtgt องคประกอบของหนา gtgt เลอกแกไข Gadget ทตองการลบ
จากนนเลอกลบไดเชนเดยวกบกรณแรก
การยายต าแหนง Gadget ส าหรบการยายต าแหนงของ Gadget ท าไดโดยการ เขาไปทแผงควบคม gtgt การออกแบบ gtgt
องคประกอบหนาจากนนใหลากเมาสบน Gadget ทตองการยายไปวางในต าแหนงทตองการไดเลยครบ
หนา 42
เมอเขาใจการท างานของ Gadget ชนดตาง ๆ แลวสงทอยากจะฝากเอาไวตอนทายนกคอการจดองคประกอบหนาของบลอกดงน
แนวทางในการจดองคประกอบหนาบลอก
แนวทางในการจดองคประกอบหนานนไมมกฎเกณฑตายตว บางคนชอบใหม 2 column บางคน ชอบใหม 3 column ซงกขนอยกบความชอบและความตองการใชงาน แตทอยากใหค านงไวเสมอคอ ผอน คอ พระเจา ท าอะไรใหเขาใจงายๆ หาอะไรกเจออยางรวดเรว เขาไวเปนพอครบ และอกประการทส าคญคอ การตดตง Gadget ตาง ๆ ควรตดตงเทาทจ าเปนและตองการใชงาน ปฏทน หรอนาฬกานนกไมควรตดตง ลงไปเลย เพราะไมคมคากบการเพมภาระการโหลดใหกบผเขาชม และถาบลอกของคณโหลดไดชา ก เปนไปไดยากทผอานจะกลบมาอก
องคประกอบในหนาของบลอกทผมคดวาคณควรจะมคอ สวนทบอกตวตนของบลอก
ซงอาจจะแสดงในสวนหวของหนา หรอเปนวดโอ สไลดขอความรปถาย อยในต าแหนงทเหนไดชด สวนทเชอมโยงไปยงบทความในบลอก
สวนนจ าเปนมากเพราะจะชวยใหผอานคนหาบทความไดเรวขน คณอาจจะรวมบทความทงหมดเลยหรอ อาจจะใชวธจดหมวดหมใหผอานเลอกสงทตองการจากบลอกของเราไดเรวขน
สวนพนทของสมาชก
สวนนจะแสดงใหเหนวามผสนใจบลอกของเรามากแคไหน และสามารถสมครตดตามบลอกของเราไดทนท เชนอาจจะใช Gadget ผตดตาม หรอใช Like box Plugins ของ Facebook หรออาจจะท า Poll กได
สวนทเปนชองทางใหผอานตดตอเราได
คณอาจจะท า link เชอมโยงใหผอานตดตอคณได หรออาจจะใช Gadget profile ของ Blogger เพอแนะน าตวกได
หนา 43
บทท 7 การแสดงขาวสารลาสดดวย Gadget ฟด
ความหมายของค าวา ฟดโดยสรปกคอเปนสงทแพรกระจายจากบลอกของเราบนโลก Internet เทยบไดกบคลนสญญาณวทยหรอโทรทศน ถามตวรบทกคนกสามารถมองเหนขาวสารทตองการเลอกรบได นอกจากนถามตวชวยสงใหฟดแพรไดแรงขน ขาวสารกยอมจะแพรกระจายไดเรวดวย
ดงนนถาคณสนใจขาวสารจากบลอกใดบลอกหนงคณกสามารถทจะเปดรบขาวสารจากบลอกนนๆ โดยใช Gadget ฟด ซงเปน Gadget ทสามารถเพมไดอยางไมจ ากด ดงนนถาคณตองการรบขาวจาก 10 บลอกกสามารถท าไดโดยการเพม gadget ฟดเขาไปในบลอก 10 ครง ในขณะเดยวกนถาคณใสชอบลอกของตวเองใน Gadget ฟด Gadget ชนดนจะกลายเปน Gadget ทใชแสดง บทความลาสดนนเองครบ
การแสดงขาวสารลาสดโดยการใช Gadget ฟด
1 ไปทองคประกอบของหนา gtgt เพมฟด Gadget
หนา 44
2 ใสโคดตอไปนลงไปใน Gadget ฟด httpชอบลอกblogspotcomfeedspostsdefault
โดยจะตองเปลยนชอบลอกเปนชอบลอกของของคณเองหรอชอบลอกทคณตองการรบขาวสารท update
ตงคาทตองการเพมเตมและบนทกกจะได feeds ขาวสารมาปรากฏทบลอกของคณ
3 ถาตองการเพมบลอกอนอกกท าซ าขอ 1 และ 2 แตตองเปลยนชอบลอกใหม 4 กรณทคณตองการเรยก feed จากเวบทตองการใหคนหา feed จากเวบ wwwgooglecom
แลวแทนโคดในขอ 2 เชน feed ขาวการศกษาจากเวบ httpwwwrssthaicom ใหใสโคด httpwwwrssthaicomnewsphpt=education แทนในขอ 2
หนา 45
บทท 8 แนะน า Gadget ใหมของ blogger ldquoหนาเวบrdquo
ตามเวบไซตตาง ๆ เราคงจะเคยเหนกนวาแตละเวบไซตจะม เมนส าหรบเลอกเปดไปดหนาอน ๆภายในเวบนนๆ เชน ตวอยางในรปดานลาง
Blogger ไดพฒนา Gadget ตวใหมขนมา มชอวา หนาเวบ เพอใหผใชไดสรางหนาของบลอกทตองการไดโดยไมตองมความรในการดดแปลงหรอแกไขแมแบบดวยตนเอง
การเรยกใช Gadget ชนดนสามารถเลอกใชไดเชนเดยวกบการ Add Gadget ชนดอน ๆ นนคอ ไปท องคประกอบของหนา gtgt แลวเลอก เพม Gadget
ตอไปเรามาดวา Gadget น ใชอยางไร และใชเพอจดประสงคใด หลกการของ Gadget นเหมอนการสรางบทความขนมา 1 บทความ และ สราง Link เชอมโยงไป ยงบทความนน ๆ แตมความพเศษตรงทผใชทวไปสรางเมนขนเองไดอยางงายดาย โดยไมตองมความรพนฐานเกยวกบ HTML เลย
หนา 46
ตวอยางวธการใชงาน(จรง) ในตวอยางนผมจะสราง 2 หนาใหเหนเปนตวอยาง ไดแก HOME และ CONTACT ME
ขนเตรยมการ เนองจากผมจะยกตวอยางการสรางหนา Contact me ดงนนใหทกคนไปสราง Form ส าหรบ
ตดตอเจาของบลอกซงกคอเราเอง ไดท httpwwwfoxyformcom
ซงขนตอนในการสราง ฟอรมนนงายมาก มเพยง 4 ขนเทานน (ดรป)
หนา 47
เมอไดโคด แลวคดลอกเกบเอาไวกอนครบ
ขนสรางหนาเวบจรง ขนท 1 สรางหนาแรก หรอ HOME
Log in เขาไปท draftblogger ไปทแผงควบคม gtgt องคประกอบของหนา gtgt แลวเลอก เพม Gadget เลอกอนแรกเลยครบ คอ gadget หนาเวบ
จากนนกสราง หนาแรกขนมาโดยตงชอตามทตองการไดเลย แลวท าการบนทกครบ
หนา 48
ขนท 2 เมอผานขนท 1 มาแลวกเทากบวาเราไดสราง หนาบลอกขนมาแลว 1 หนา
ถาจะท าการเพมหนาอก ใหไปทแผงควบคม gtgt การสงบทความ gtgt แกไขหนาเวบ gtgt หนาเวบใหม
เมอคลกสรางหนาเวบใหม เรากจะพบเครองมอตาง ๆ เหมอนการเขยนบทความนนเองครบ
หนา 49
ใหน าโคดของ Form ทเตรยมไว จากขนเตรยมการมาวางในหนาหนาน จดรปแบบตามตองการแลวบนทกหนาไดเลยครบ
เพยงขนตอนสน ๆ นเรากจะมเมนเชอมโยงไปยง หนาของบลอกถง 2 หนาดวยกน ไดแก HOME และ CONTACT ME
หนา 50
ขนท 3 - ถาหากตองการเพมหนาบลอกเพมขนอกกท าซ าขนตอนทไดกลาวมาขางตนครบ - แตถาตองการลบหนาบลอกทง กมาทเดม แลวจะเหนค าวาลบ ถาตองการลบทงกกดค าวาลบ
ไดเลย
ขนท 4 วธจดการกบเมนหนาเวบ - ถาตองการเรยงล าดบหนาเวบใหม กไปท องคประกอบของหนา แลว คลก Gadget หนาเวบขนมาแกไข gtgt ดรป
หนา 51
นอกจากน Gadget หนาเวบจะมลกษณะพเศษ คอ ถาอยท Sidebar เมนจะจดเรยงเปนแนวตง
หนา 52
แตถาลากไปในต าแหนงใตสวนหว จะจดเรยงเรยงเปนแนวนอนโดยอตโนมต
หนา 53
บทท 9 นบจ านวนคนเยยมชมดวย Flagcounter
อกบรการนบสถตคนเยยมชมทชวยใหเราทราบวาบลอกของเรามผเยยมชมทงในและตางประเทศมากหรอนอย จาก Flagcounter
วธตดตง
1 ไปท httpwwwflagcountercomindexhtml 2 ตงคาตางๆ ตามความตองการแลวกด GET YOUR FLAG COUNTER ดงรป
3 คดลอก HTML โคด ท FLAG COUNTER ไดสรางใหในขนท 2
หนา 54
4 กลบมาทบลอกของเรา ไปทแผงควบคม gtgt รปแบบ gtgt องคประกอบหนา gtgt เพม Gadget ชนด HTMLจาวาสครปต
5 วางโคดทคดลอกมาจากขนท 3 แลวบนทกครบกเปนอนจบขนตอนครบ ลกษณะทไดกดงรป
หนา 55
บทท 10 รปภาพในบทความบน Blogger
คณเคยสงสยไหมครบวา รปภาพทคณ upload ขนไปขณะทเขยนบทความ หรออาจจะเขยนบทความไปแลว รปเหลานนไปอยทไหน เพราะวา Blogger เองไมม sever ยงตองอาศยฐานขอมลของตวแมคอ blogspotcom อย แลวจะเอาพนท ๆ ไหนมาเกบรปตงมากมาย
ค าตอบคอ Blogger จะใชวธเชอมโยงกบ Application อน ๆ ของ Google เพอแกปญหาการเกบขอมล เชนรปภาพใน Blogger ทเราพดถงกนอยตอนนกจะถกเกบ
อยท Picasa Web Albums ดงนนไมวาจะเปนภาพทคณ Upload ขณะเขยนบทความ กจะถกเกบอยใน Picasa Web Albums ทงหมด
คณใชบรการ Picasa Web Albums ไดอยางไร
การใชบรการ Picasa Web Albums สามารถเขาใชไดทนทหากคณมบญชผใชกบ google อยแลว เชนมบญชผใช Gmail หรอ Blogger อยแลวกสามารถ Log in เขาใชไดเลย
Picasa Web Albums ใหพนทเทาไร
Picasa จะใหพนท เพยง 1 GB ตอ 1 บญชผใช นเปนเหตผลทบางคนอาจจะสงสยวาท าไมคณภาพรปหรอขนาดของรปบน Blogger จงลดลง กลาวคอระบบของ Picasa จะท าการลดขนาดของรปทเรา Upload ผาน Blogger ใหมขนาดเลกลงเพอเปนการประหยดพนทนนเอง
หนา 56
คณจะเขาไปจดการรปภาพจาก Blogger ใน Picasa Web ไดอยางไร การจดการภาพใน Picasa Web Albums ท าได 2 วธคอ
1 ใช Software ทพฒนาขนมาจดการ Picasa Web Albums โดยเฉพาะ
คณสามารถเขาไปดาวนโหลด Picasa ไดท httppicasagooglecom 2 เขาไปจดการทเวบไซต Picasa Web Albums โดยตรง โดยไปท httppicasawebgooglecom และ Log in โดยใชชอบญชเดยวกบ Blogger
คณสามารถเขาไป Unload ภาพไดโดยตรงกบ Picasa แลวเรยกมาใชบน blogger ไดโดยใชตวเลอก อปโหลด
หนา 57
แตถาตองการรปภาพบน Blogger ทไดอปโหลดขนไปแลวกคลกทอลบมทตองการแลวเขาไปจดการภาพไดเชนกน ลบรปภาพบน Blogger แลวรปบน Picasa จะถกลบดวยหรอไม
การลบรปภาพบน Blogger ไมสงผลใด ๆ ตอ Picasa Web Albums เลยเวนแตคณจะเขามาลบใน Picasa Web Albums โดยตรง ดงนนถาในขณะเขยนบทความคณเผลอท าพลาดรปภาพหายไป กสามารถเขามาเอารปภาพจาก Picasa Web Albums ใชงานไดอกโดยไมตอง upload ซ า หรอไมตองไปหาภาพมาใหม บทสรป
บทนแนะน าใหพอรจกการเชอมโยงระหวาง Blogger และ Picasa Web Albums ซงเปนบรการในเครอขาย Google เหมอนกน และจะท าใหคณเขาใจการจดการเกยวกบภาพบน Blogger ไดดขน
หนา 58
บทท 11 การสรางวดโอใน YouTube และน ามาใสในบลอก
ถามวดโอในหนาบลอกของเราดวย การสอสารเรองราวตางๆ กจะมชวตชวาและเขาใจงายขน ซงในทนเราสามารถสรางไดไมยากดวยบรการของ wwwyoutubecom ครบ
ขนตอนการฝากวดโอไวกบ youtube
1 ไปท wwwyoutubecom แลวเลอก Create Account ทมมขวาบนซงในกรณทเรา Login อยในเวบบลอกของเรานน กสามารถใชบรการของ youtube ดวย Account เดมโดยไมตองสมครใหมครบ วธการท าไดโดย
11 คลกท 12 กรอกขอมลส าหรบการสรางบญช โดยใช username ของ gmail ของเราเอง 13 จากนน คลก
หนา 59
14 จะพบหนาตางใหกรอก Username และ รหสผาน ของ gmail ใหกรอก e-mail ของเรา
จะพบหนาจอ ดงน จากนนเรากสามารถท าการเพม Video ไดตามทเราตองการ
หนา 60
2 การฝาก youtube มเงอนไขส าคญๆ ดงน - ความยาวของวดโอไมเกน 10 นาท - ควรเปนวดโอทไมกระทบตอสถาบน ชาต ศาสนา พระมหากษตรย และ ศลธรรมอนดงามของสงคม
3 การ upload วดโอขนไปทเมน upload (ทมมขวาบน) แลวท าการเลอกไฟลวดโอจากเครองของเรา และรอจนการ upload เสรจสน
31 คลกทปม Uploads
32 คลกทปม Upload Video
33 เลอกไฟล Video ทตองการ
34
34 เมอ Upload ได 100 แลวใหคลก Save change
หนา 61
4 เมอ upload เสรจสนแลวคลกทขอความ Embed and Sharing Options เรากเหน HTML code ใหคดลอก code เหลานนมาแปะในสวนทเราตองการ
เชนในทนผมคดลอก code มาแปะในบทความกจะไดผลลพธเปนวดโอตามดานลางทเหนครบ
หนา 62
เรอง หนา บทน าhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 1 บทท 1 การสรางเวบบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 4 บทท 2 วธเปลยน Template ของ Bloggerhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 12 บทท 3 วธเขยนและจดการบทความในบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 22 บทท 4 การตงคาพนฐานตางๆ ใหกบบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 26 บทท 5 รจกและใชงาน Gadget ชนดตางๆ บน Bloggerhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 32 บทท 6 การจดการกบ Gadget ในหนาบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 40 บทท 7 การแสดงขาวสารลาสดดวย Gadget ฟดhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 43 บทท 9 นบจ านวนคนเยยมชมดวย Flagcounterhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 53 บทท 10 รปภาพในบทความบน Bloggerhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 55 บทท 11 การสรางวดโอใน YouTube และน ามาใสในบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 58
หนา 63
255
เอกสารประกอบการฝกอบรมเชงปฏบตการ
การพฒนาสอการเรยนการสอน โดยใชโปรแกรมคอมพวเตอรรวมกบ Weblog
หนา 6
3 จะพบหนาจอการยนยนบญชของเรา ซงตองใสเบอรโทรศพท (Google จะสง massage มาให) จากนน
4 คลกปม สงรหสยนยนไปยงโทรศพทมอถอของฉน
5 เมอเปดดขอความในโทรศพทมอถอแลว กใหปอนรหสทได จากนนคลกปม ยนยน
6 คณจะพบกบหนาจอแสดงความยนดเกยวกบบญชของ Gmail
หนา 7
7 คลกทปม เพอด Gmail ของเราครงแรก
ขนท 2 หลงจากไดบญชผใชแลว ใหไปท wwwbloggercom เพอสรางบลอกกนเลยครบ
โดยในการสรางบลอกนน กใหใช บญชผใช (user name + password) ทไดสรางไวในขนท 1
1 ไปทเวบไซต httpwwwbloggercom ดงรป
2 คลกทปม เพอเรมตนการสรางบลอก ดงรป
หนา 8
3 ใหกรอก email ทไดจากขนท 1 ชอผเขยนบลอก วนเกด
4 เมอกรอกขอมลครบแลว ใหคลกทปม จะพบหนาจอ ตงชอเวบบลอกของคณ ใหท าการ ตงชอเวบบลอกทเราตองการ ทอยบลอก และ กรอกรหสยนยน (แตการก าหนด URL
หนา 9
จะตองไมใหซ ากบคนอน ๆ ถาซ ากใชวธเปลยนเปนค าหรอวลทใกลเคยงไปเรอย ๆ การตงชอและ URL ของบลอกควรม keyword ทสมพนธกบเรองทจะเขยนดวย)
5 คลกทปม จะพบหนาจอ เลอกแมแบบเรมตน ดงรป
หนา 10
6 ใหเลอกแมแบบเรมตนทเราตองการใหเปนรปแบบของบลอก จากนนคลกปม จะปรากฏหนาจอแจงวา บลอกของคณถกสรางขนแลว ดงรป
7 คลกทปม เพอกรอกขอมลครงแรกในการสรางเวบบลอก ซงจะตองกรอกขอมลในหนาเวบ ดงรป
หนา 11
8 เมอกรอกขอมลเสรจแลว ใหคลกปม จะปรากฏหนาจอ ดงรป
9 ใหคลกทปม เพอดเวบบลอกของเรา เปนครงแรก จะพบหนาจอ ดงรป
หนา 12
บทท 2 วธเปลยน Template ของ Blogger
หลงจากบทแรกไดเสนอขนตอนในการสรางบลอกไปแลว ถงตรงนคณตองคดแลววาจดประสงคของการท าบลอกของคณคออะไร เพราะจดประสงคนแหละครบจะเปนตวก าหนดวาเราจะเลอก แมแบบ (หนาตา และองคประกอบ) ของบลอกอยางไร
ตอไปเราจะมาดวธการเลอก และการเปลยน Template กนครบ
ขนท 1 ใหคณไปเลอก template ไดท
httpbtemplatescom httpwwwbloggertemplateplacecom httpthemecraftnet httpwwwdeluxetemplatesnet httpwwwbloggerthemesnet httpwwwbloggerstylescom httpwwwanshuldudejacom httpwwwbloggertemplatesfreecom httpwwwbloggertemplatesblogcom httpwwwtemplatesblockcom httpblogger-templatesblogspotcom httpfreetemplatesblogspotcom
หนา 13
httpmashablecom20070913blogger-templates httpwwwwebtemplatesblogcom httpwwwezwpthemescom httpwwwfreebloggertemplateinfo httpwwwblogcrowdscomresourcesblogger-templates httpwwwzoomtemplatecom httpwwwtemplates-bloggercom httpwwwbloggerblogtemplatescom httpbloggertemplateplacecom httpwwwtemplatesbloggernet httpwwwbietemplatescom
หรอจะใชค าคน ldquoTemplate+blogrdquo ใน Google กไดครบ ผมเชอวาขนตอนนคณคงจะใชเวลานาน
พอสมควรเลยละครบ (ผมเองกใชเวลาเปนวนๆ ในการเลอก templates ทเดยวครบ ) ขนท 2 เมอคณได Template ทตองการแลว ใหเรมเปลยนดงน ในทน ผมเลอกเวบไซต httpwwwbloggerblogtemplatescom เพอเปนตนแบบในการใช
Template
หนา 14
ผมเลอก Template น
1 โดยการคลกท Read More or Download this Blogger Template จากนนจะพบ
หนาตางใหม ใหเลอนหาเมน Download the Green Day Blogger Theme และท าการคลกเพอดาวนโหลด จะได ใหท าการ แตกไฟลจากนนใหน า green-day-blogger-themexml ไปวางไวท Desktop
2 Log in ท blogger ไปทแผงควบคม gtgt รปแบบ gtgt แกไข HTML gtgt คลกปม Browse เพอทจะอปโหลดแมแบบขนมา
หนา 15
3 เรยกไฟล XML ทเตรยมไวตามขนตอนในรปครบ
4 อปโหลดแมแบบขนไปแทนทแมแบบเดม โดยระหวางการแทนท อาจมการถามถงการลบเกบ Widget ของแมแบบเดม ซงถาตองการเกบของเกาเอาไวกเลอก เกบ Widget กจะท าให Widget ของแมแบบเดม ไมถกลบขณะเปลยน Templates
หนา 16
5 จากนนลองแสดงตวอยางด ซงถาพอใจกบแมแบบแลวกใหท าการบนทก กจบขนตอนการเปลยนแมแบบแลวครบ และถาหากคณตองการเปลยนแมแบบอกกสามารถเปลยนไดแบบไมจ ากดครง
นคอผลงาน หลงจากเปลยนแมแบบ นครบ กอนเปลยน Template
หลงเปลยน Template
หนา 17
เครองมอส าหรบ ldquoออกแบบแมแบบrdquo ดวยตนเอง ใหม จาก Blogger
หลงจากทมงาน Blogger ไดสราง Gadget หนาเวบ ออกมาไดไมนาน ตอนนกไดพฒนาการเครองมอส าหรบการออกแบบแมแบบของ blogger ใหยดหยนมากขน โดยใหผใชสามารถปรบแตงแมแบบไดดวยตนเอง ไมวาจะเปนการเลอก Theme การออกแบบโครงรางของหนาวาจะม 2 หรอ 3 คอลมน หรอหลายคอลมน ซงท าไดโดยการคลกเพยงไมกครง การปรบความกวางของ Template และ sidebar เพยงแคคลกเดยวเปนตน ความสามารถทงหลายนผใชสามารถท าไดโดยไมตองมความรเรอง HTML และ CSS เลยส าหรบการใชงานเครองมอนกคลายคลงกบการใชงานเครองมอเดม ๆ ทมอย ซงผมจะอธบายทละสวนดงน
การใช เครองมอออกแบบแมแบบ ท าไดโดย Log in เขาไปท draftblogger และไปท แผงควบคม gtgt
การออกแบบ gtgt องคประกอบของหนา gtgt คลกท ldquoเครองมอออกแบบแมแบบ ใหมrdquo
เมอคลกท ldquoเครองมอออกแบบแมแบบrdquo แลวเราจะพบเครองมอส าหรบออกแบบแมแบบอย 4 อยางดวยกน ไดแก 1 แมแบบ 2 พนหลง 3 รปแบบ และ 4 ขนสง
สวนแสดงตวอยาง
หนา 18
1 การใชงานเครองมอแมแบบ ท าไดโดย คลกทขอความ แมแบบ gtgt จากนนเลอกรปแบบทตองการ gtgt และเลอก theme ทตองการ เมอแสดงตวอยางเปนทนาพอใจแลว ใหคลกทปม ldquoใชกบบลอกrdquo เพอยนยน
2 การใชงานเมนพนหลง การใชงานเครองมอ ldquoพนหลงrdquo สามารถใชเพอเปลยนภาพพนหลงของบลอก และเลอกส Theme ของบลอกไดตามความตองการไดดวย
21 วธเปลยนภาพพนหลงท าไดโดย คลกท ldquoภาพพนหลงrdquo และเลอกถาพตามตองการ และกดปม ldquoใชกบบลอกrdquo เพอยนยน
สวนแสดงตวอยาง
หนา 19
22 การเลอกส Theme ของบลอก คลกทส Theme ทตองการโดย อาจจะคลกเลอกจาก
Theme ส าเรจรปหรอเลอกจาก Theme ทแนะน า
หนา 20
3 การใชงานเครองมอ ldquoรปแบบrdquo คณสามารถใชเครองมอนเพอก าหนดจ านวน คอลมน รปแบบคอลมน ความกวางของคอลมน รวมถงการก าหนดคอลมนใหกบสวนทายของหนาไดดวย
31 การใชงานเครองมอ ldquoการออกแบบเนอความrdquo เครองมอนใชก าหนดรปแบบคอลมนของ template ของคณ ซงท าไดงายดายโดยการคลกเลอกรปแบบทตองการ ดตวอยาง เมอเปนทพอใจแลวกกดปม ldquoใชกบบลอกrdquo เพอยนยน
32 การใชงานเครองมอ ldquoการออกแบบสวนทายrdquo เครองมอนเปนเครองมอส าหรบการ
ก าหนดคอลมนใหกบสวนทายของหนาบลอก ซงท าไดเชนเดยวกบ 31
หนา 21
33 การใชงานเครองมอ ldquoการปรบความกวางrdquo คณสามารถปรบความกวางของแมแบบ และ sidebar จากเครองมอนเพยงแคเลอน slider ใหตรงกบคาตวเลขทตองการเทานน
4 ส าหรบเมนขนสงเปนการก าหนดรายละเอยดตางๆ ใหกบบลอก เชน รปแบบของลงค gadget ตางๆ หวเรอง ชอของบลอก เปนตน ซงคณสามารถปรบแตงตามความตองการแลว แสดงตวอยาง หากเปนทพอใจกบนทกเชนเดยวกบ ขอ 1-3 ทไดกลาวมาแลว
ปล อยาลมนะครบวาเครองมอเหลานจะไมมใน bloggercom แต จะมใน draftbloggercom เทานน
หนา 22
บทท 3 วธเขยนและจดการบทความในบลอก
บทนผมจงจะเลาถงวธเขยนบทความใน Blogger เพอเปนแนวทางใหคณสามารถเขยนบทความลงในบลอกของคณไดสวยงามและเปนมออาชพมากขน
ส าหรบทานทเขยนบทความเปนอยแลวอาจจะขามไปอานบทความอน ๆ ตอไปไดเลยครบ สวนทานทเปนมอใหมจรง ๆ กควรจะอานบทความนใหจบเพอเปนแนวทางในการ
เขยนบทความของคณเองตอไป
1 การเขาไปเขยนบทความ การเขาไปเขยนบทความบน Blogger โดยตรงสามารถเขาไปได 2 ชองทางดวยกนคอ 11 ถาคณใชแมแบบทไมไดซอนแถบน าทางสามารถเขาไปเขยนบทความไดโดยคลกทเมน
บทความใหม
12 เขาไปเขยนบทความผาน draftbloggercom
หนา 23
โปรดสงเกตวาเครองมอในการเขยนบทความของ Draftblogger จะมมากกวาเครองมอของ blogger ปกต ดงนนโดยสวนตวผมแนะน าใหเขยนบทความผาน draftbloggercom เพราะมเครองมอมากกวาวธแรก และควรตงคาให draftblogger เปนเครองมอเรมตน
2 องคประกอบของเครองมอเขยนบทความ
กอนอนผมขอแนะน าใหรจกเครองมอทจ าเปนในการเขยนบทความดงน สวนท 1 คอสวนตงชอเรองหรอชอบทความ สวนท 2 เปนสวนทใชส าหรบกรณทเราตองการวางขอความทคดลอกมาจาก Ms word
หรอโคดวดโอจาก Youtube หรอโคด HTMLจาวาสครปตทตองการใหปรากฏและแสดงผลในบทความ
หนา 24
สวนท 3 เปนแถบทเลอกเมอตองการเขยนขอความปกตซงจะมเครองมอในการเขยนบทความตามทเหนในภาพขางบน
สวนท 4 ส าหรบจดรปแบบอกษร สวนท 5 เปนเครองมอในการใสลงคใหขอความ แทรกภาพลงในบทความ และแทรกวดโอ
ลงในบทความตามล าดบ สวนท 6 รปกระดาษขาดทเหนนนใชในกรณทคณตองการแสดงบทความใหผอานเหนในหนา
หลกเพยงบางสวนเทานน และถาใชเครองมอนผอานจะตองคลกอานเพมเตมจงจะเหนขอความแบบเตม เครองมอนมขอดคอท าใหบทความทมความยาวมาก ๆ สนลงได และท าใหเปดหนาแรกไดเรวขนดวย
สวนท 7 เปนสวนทใชในการจดเรยงขอความ และจดแนวรปภาพไดดวย เชน จดชดซาย ชดขวา กงกลาง เปนตน
สวนท 8 ไดแกการใส การเนนขอความ การลบรปแบบ การตรวจสอบการสะกดค า และการแปลภาษา
สวนท 9 เปนสวนทใชในการวางก าหนดเวลาลางหนา วาจะใหบทความทเขยนเผยแพรใน วนใด
สวนท 10 เปนการใสปายก ากบ ซงเปนสวนทใชระบวาบทความทเขยนนอยในหมวดหมใด ซงสามารถใสไดมากกวา 1 ปายก ากบโดยคนดวยเครองหมายจลภาค และสามารถเลอกปายก ากบทคณเคยใสใหบทความอนไปแลวมาใสอกได เพอท าใหบทความนน ๆ อยในหมวดหมเดยวกน
สวนท 11 เปนการเลอกวาจะบนทกไวกอน หรอจะเผยแพร มประโยชนในกรณทบทความทเขยนใชเวลาเขยนนานมากกอาจจะบนทกเอาไวกอนแลวมาเขยนตอในภายหลงได
หนา 25
เทคนคการเขยนบทความทควรร ในกรณทเรามไฟลเอกสารจาก MS word แลวคดลอกมาวางเพอท าใหเขยนบทความไดเรวขน
บางครงพบปญหาขอผดพลาดของฟอรม (ฟอรมใน MS word ไมสามารถแปลงเปน HTML Code ได)
ปญหานแกไดโดยกอนวางขอความใหคลกทแถบ แกไข HTML แลวจงวางขอความทคดลอกมา
จากนนจงคลกทแถบ เขยน เพอจดรปแบบของบทความตอไป
เทคนคนยงสามารถใชกบการวางโคดวดโอ หรอขอความทคดลอกมาจากเวบไซตไดดวยครบ
หนา 26
บทท 4 การตงคาพนฐานตางๆ ใหกบบลอก
บทนผมจะขอแนะน าการตงคาพนฐานตางๆ ของบลอกเพอใหเขาใจการตงคาในสวนตาง ๆ ของ Blogger และจะท าใหคณสามารถตงคาตาง ๆ ตามความตองการของตนเองได อกทงจะเปนประโยชนในการพฒนาการท า Blogger ในระยะยาวดวย
การตงคาพนฐานตางๆ ของบลอกท าไดโดย Log in เขาไปท blogger เมอมาทหนา แผงควบคม ให Click ท การตงคา
และทานจะเขามาทเมนการตงคาของบลอก
ผมจะแบงการตงคาออกเปน 9 สวนดงน 1 ขนตน
คณสามารถดาวนโหลด Blog เพอเกบเปน Backup ขอมลบทความและ comment ของบลอกไดโดยเลอก สงออกบลอก แตถาคณมขอมลบลอกเดมอยแลวอยากจะน ามาใชกบบลอกใหมทสรางขน กใหเลอก น าเขาบลอก แตถาคดวาไมตองการใชบลอกนแลวกสามารถลบทงไดโดยเลอก ลบบลอก
หนา 27
Title และค าอธบายของบลอก ควรใสใหเขาใจภาพรวมของบลอกและม keyword ในการท าบลอกแทรกอยใน Description ดวย
ในสวนการตงคาอน ๆ ควรตงคาดงน
องคประกอบ ตงคาเปน
เพมบลอกของคณในรายการของเราหรอไม ใช
อนญาตใหเครองมอคนหาพบบลอกของคณหรอไม ใช
แสดงการแกไขอยางรวดเรวบนบลอกของคณหรอไม ใช
มเนอหาส าหรบผใหญหรอไม ไม
เลอกโปรแกรมแกไขบทความ โปรแกรมแกไขทอปเดต
2 การเผยแพร ในการตงคาสวนนสามารถเปลยน URL ของบลอกได
หนา 28
ถาคณตองการเปลยนโดเมนของบลอกจาก blogspotcom เปนโดเมนอนกสามารถตงคาไดตรงสวนน แตจะตองเสยคาใชจายการจดโดเมนผาน google ปละ 10 US (ประมาณ 300 กวาบาทตอป)
3 การจดรปแบบ ในสวนนเปนการตงคาการเผยแพรบทความ เชน จ านวนบทความในหนาแรก รปแบบเวลา
และวนทเปนตน
คณควรจะตงคาตาง ๆ ดงน
องคประกอบ ตงคาเปน
แสดงสงสด เทาไรกได
รปแบบสวนหวของวนท ตงไดตามใจชอบ
รปแบบวนทของดชนคลงบทความ ตงไดตามใจชอบ
รปแบบเวลา ตงไดตามใจชอบ
โซนเวลา (GMT+0700)กรงเทพ
ภาษา ไทย
แปลงการขนบรรทดใหม ไม
แสดงฟลดชอเรอง ใช
แสดงฟลดของลงก ไม
เปดใชการจดเรยงแบบลอย ใช
แมแบบบทความ ยงไมตองตงคา
หนา 29
4 เมนขอคดเหน เปนเมนส าหรบตงคาตาง ๆ เกยวกบการแสดงความคดเหนของบลอก
คณควรจะตงคาตาง ๆ ดงน
องคประกอบ ตงคาเปน
ขอคดเหน แสดง
ใครสามารถแสดงความคดเหน ผใชทมบญช Google
การจดวางฟอรมความคดเหน วางไวใตบทความ
ความคดเหนเรมตนส าหรบบทความ บทความใหมมความคดเหน
ลงกยอนกลบ ซอน
คาเรมตนของลงกยอนกลบส าหรบบทความ บทความใหมมลงกยอนกลบ รปแบบเวลาในสวนความคดเหน ตงคาตามใจ
ขอความของฟอรมความคดเหน ไมตองใสคาใด ๆ กได
การจดการความคดเหน ไม
แสดงการตรวจสอบค าส าหรบความคดเหนหรอไม ไม
แสดงรปภาพโปรไฟลบนความคดเหนหรอไม ใช
อเมลส าหรบแจงเตอนเมอมความคดเหนใหม กรอก email ของคณลงไป
5 เกบเขาคลงบทความ ตงใหเปนรายเดอนจะดทสด
หนา 30
6 ฟดของไซต ถาบทความในบลอกไมมากนก ตงคาเปน แบบเตม แตถาบทความมประมาณ 100 ขนไปควร
จะตงเปน แบบสน
7 อเมลและมอถอ
ในสวนนเปนการตงคา อเมลเพอใหระบบสงบลอกของคณทกครงทมการเผยแพร และเปนการตงคา การใชอปกรณเคลอนทในการเขยนบลอก ตรงนผมยงไมเคยลองเหมอนกน
8 OpenID
คณสามารถใช OpenID URL เพอเขาสไซตอนๆ ทใชงาน OpenID นอกจากนคณยงสามารถก าหนดใหผใช OpenID สามารถแสดงความคดเหนในบลอกของคณ โดยปรบการตงคา ความคดเหน ของคณ
9 สทธ
ในสวนนคณสามารถใชในการเปลยนผเขยนบลอก และเพมผดแลระบบไดถง 100 ราย
หนา 31
นอกจากนคณยงจ ากดคนเขาชมบลอกไดดวย โดยการระบ Email ของผทตองการลงไป
หนา 32
บทท 5 รจกและใชงาน Gadget ชนดตางๆ บน Blogger
เมอเรยนรเกยวกบ การตงคาตาง ๆ ของบลอก การเปลยน Templates ใหกบบลอกไปแลว สวนทเหลอคอ การจดรปแบบองคประกอบหนาใหกบบลอก รวมถงการใชงาน Gadget หลกชนดตางๆ ของ Blogger
Gadget คออะไร
Gadget ใน Blogger นนหมายถงสวนเสรมทเราสามารถตดตงเพมลงไปในแมแบบของ Blogger ซงบางครงกถกเรยกวา widget ซงกหมายถงสงเดยวกนกบ Gadget
วธเพม Gadget กอนอนให Login เขาไปท blogger หรอ draftblogger gtgt จากแผงควบคมใหเลอก การออกแบบ
หนา 33
จากนนใน Layout ของแมแบบคณจะเหนพนท ดงรปดานลางเพอใหเพม Gadget
และเมอคลก เพม Gadget กจะปรากฏ Gadget พนฐาน 21 อยางทจะกลาวถงในหวขอน
นอกจากนยงม Gadget อกมากมายซงคณสามารถเลอกไดจากเมนแกดเจดเพมเตมทางซายมอ
เมอเลอก Gadget ทตองการแลว คลกทปม + เพอท าการเพม Gadget นน ใสชอ Gadget และตงคาทตองการแลวบนทก
รปทเหนขางบนเปน Gadget ผตดตาม ส าหรบ Gadget อน ๆ กท าไดในท านองเดยวกน
หนา 34
รจกกบ Gadget พนฐาน 21 อยางของ Blogger
1 Gadget หนาเวบ
หลกการของ Gadget ชนดนคอคณจะตองสรางหนาเวบขนมากอน แลวใช Gadget นเปนเมนในการเชอมโยงไปยงหนาเวบ
2 Gadget ผตดตาม
Gadget ชนดนใชเพอใหผอานทชนชอบบลอกของคณไดตดตาม และเมอตดตามแลวความเคลอนไหว และการ update บทความของจะไปปรากฏแผงควบคมของผตดตามโดยอตโนมต และมสทธในการแสดงความคดเหนบนบลอกของคณได (กรณทคณอนญาตเฉพาะสมาชก)
3 Gadget ชองคนหา
เปน Gadget ทตดตงเพอใหผอานสามารถคนหาสงทตองการในบลอกของคณไดงายขน
หนา 35
4 Gadget HTMLจาวาสครปต
Gadget ชนดนเปน Gadget ทยดหยนทสดในบรรดา Gadget ทงหมด สามารถประยกตใชไดหลากหลาย เหมาะส าหรบใชตดตงโคดตาง ๆ ลงบน Blogger เชน โคดปฏทน นาฬกา โคดจาวาสครปต โคดรปภาพ โคดวดโอ โคดของลงค เปนตน
5 Gadget ขอความ
เปน Gadget ทเหมาะส าหรบเขยนขอความ เชน ขอความตอนรบ เปนตน
6 Gadget Adsense
คณจะใช Gadget ชนดนไดเมอสมครเขารวมโปรแกรมหรอเปนตวแทนในการเผยแพรโฆษณาบน Google
7 Gadget รปภาพ
ถาคณตองการแสดงรปภาพบนบลอกอยางเดยวกใหเลอกใช Gadget นครบ
หนา 36
8 Gadget สไลดโชว
Gadget นเปนการดง Albums จาก Picasaweb มาแสดงในรปแบบสไลดโชวบนบลอกของ
9 Gadget แถบวดโอ
Gadget นจะท าใหผใชคนหาวดโอบน Youtube จากบลอกของคณได
10 Gadget แบบส ารวจ
Gadget นถอเปน Gadget หนงทนาสนใจมาก แตยงมผใชจ านวนนอย โดยคณอาจจะใชส ารวจความตองการ หรอความคดเหนของผอานตอบลอกของคณ หรอส ารวจเกยวกบเรองทเกยวของกบเนอหาบนบลอกของคณกได
11 Gadget รายการบลอก
Gadget ชนดนเปน Gadget ทสามารถรวบรวมขาวสารลาสดจากบลอกทคณเลอกหรอบลอกทคณตดตาม พรอมทงสามารถแสดงเนอหาแบบยอไดดวย
หนา 37
12 Gadget รายชอลงค
เปน Gadget ทใชสรางลงคไปยงทตาง ๆ โดยคณสามารถปอน URL บน Gadget ชนดนเพอสราง Link โดยไมตองมความรเรอง HTML มากอนเลย
13 Gadget รายการ
เปน Gadget ทคลายคลงกบ Gadget รายชอลงค แตมความยดหยนกวา สามารถสรางขอความรายการและใส link ใหขอความไดดวย
14 Gadget ฟด
คณสามารถใช Gadget นดงขาวสารจากในบลอกของคณ หรอบลอกอนทคณสนใจเอามาแสดงเพยงแคใสชอบลอกทตองการลงไปลงไปใน gadget
15 Gadget Newsreel
เปน gadget ทท าใหพาดหวขาวจาก Google มาปรากฏบนบลอกของคณเทานน
หนา 38
16 Gadget ปายก ากบ
Gadget นมความส าคญ คณควรจะตดตง เพอใหบทความทเขยนเปนหมวดหม ใหผอานเหนชดเจนเลอกอานไดตรงความตองการมากขน
17 Gadget ลงคการสมคร
Gadget นมความส าคญในเรองการสงขาวสารขอมลจากบลอกของคณไปยงผอาน ผอานจะสามารถสมครรบบทความทาง email หรอผานชองทางอน ๆ ไดจาก Gadget น
18 Gadget โลโก
Gadget นไมส าคญนกเปนเพยงตดตง logo ของ blogger ในหนาบลอกเทานน
19 Gadget โปรไฟล
Gadget นจะแสดงขอมลอยางของคณทไดกรอกเอาไวบนบญชของ Blogger ถาคณตองการแสดงขอมลของคณบน Blog กควรจะตดตง Gadget นครบ
หนา 39
20 Gadget คลงบทความของบลอก
Gadget นจะท าใหผอานเหนบทความทงหมดภายในบลอกของคณได
21 Gadget สวนหวของหนา
Gadget นเปนสวนทใส Title และ Description ของ Blog โดยปกตแลว Template ทวไปกจะตดตงสวนนอยแลว
คณสามารถทดลองใช Gadget เหลานไดโดยไมตองกลวความผดพลาดเพราะ Gadget บน
Blogger นนสามารถลบออกไดอยางงายดายโดยวธการจดการกบ Gadget
หนา 40
บทท 6 การจดการกบ Gadget ในหนาบลอก
ในบททผานมาเราได รจกและใชงาน Gadget ชนดตาง ๆ บน Blogger ผมไดกลาวถงวธการเพม Gadget ใหกบบลอก แตยงไมไดกลาวถงการลบ Gadget ออกจากองคประกอบของหนา และนอกจากน ต าแหนงของ Gadget ยงสามารถเคลอนยายต าแหนงไดอกดวย
การลบ Gadget วธท 1 ถาในขณะทเรา log in และเปดหนาบลอกของเราขนมา กจะสงเกตเหนวามเครองมอ
ปรากฏอยตามทตางๆ ในองคประกอบของหนา
และถาเราคลกเขาไปกจะสามารถแกไข หรอ ลบองคประกอบเหลานนออกไปไดเลยครบ
หนา 41
วธท 2 เราสามารถเขาไปลบ Gadget ไดท แผงควบคม gtgt การออกแบบ gtgt องคประกอบของหนา gtgt เลอกแกไข Gadget ทตองการลบ
จากนนเลอกลบไดเชนเดยวกบกรณแรก
การยายต าแหนง Gadget ส าหรบการยายต าแหนงของ Gadget ท าไดโดยการ เขาไปทแผงควบคม gtgt การออกแบบ gtgt
องคประกอบหนาจากนนใหลากเมาสบน Gadget ทตองการยายไปวางในต าแหนงทตองการไดเลยครบ
หนา 42
เมอเขาใจการท างานของ Gadget ชนดตาง ๆ แลวสงทอยากจะฝากเอาไวตอนทายนกคอการจดองคประกอบหนาของบลอกดงน
แนวทางในการจดองคประกอบหนาบลอก
แนวทางในการจดองคประกอบหนานนไมมกฎเกณฑตายตว บางคนชอบใหม 2 column บางคน ชอบใหม 3 column ซงกขนอยกบความชอบและความตองการใชงาน แตทอยากใหค านงไวเสมอคอ ผอน คอ พระเจา ท าอะไรใหเขาใจงายๆ หาอะไรกเจออยางรวดเรว เขาไวเปนพอครบ และอกประการทส าคญคอ การตดตง Gadget ตาง ๆ ควรตดตงเทาทจ าเปนและตองการใชงาน ปฏทน หรอนาฬกานนกไมควรตดตง ลงไปเลย เพราะไมคมคากบการเพมภาระการโหลดใหกบผเขาชม และถาบลอกของคณโหลดไดชา ก เปนไปไดยากทผอานจะกลบมาอก
องคประกอบในหนาของบลอกทผมคดวาคณควรจะมคอ สวนทบอกตวตนของบลอก
ซงอาจจะแสดงในสวนหวของหนา หรอเปนวดโอ สไลดขอความรปถาย อยในต าแหนงทเหนไดชด สวนทเชอมโยงไปยงบทความในบลอก
สวนนจ าเปนมากเพราะจะชวยใหผอานคนหาบทความไดเรวขน คณอาจจะรวมบทความทงหมดเลยหรอ อาจจะใชวธจดหมวดหมใหผอานเลอกสงทตองการจากบลอกของเราไดเรวขน
สวนพนทของสมาชก
สวนนจะแสดงใหเหนวามผสนใจบลอกของเรามากแคไหน และสามารถสมครตดตามบลอกของเราไดทนท เชนอาจจะใช Gadget ผตดตาม หรอใช Like box Plugins ของ Facebook หรออาจจะท า Poll กได
สวนทเปนชองทางใหผอานตดตอเราได
คณอาจจะท า link เชอมโยงใหผอานตดตอคณได หรออาจจะใช Gadget profile ของ Blogger เพอแนะน าตวกได
หนา 43
บทท 7 การแสดงขาวสารลาสดดวย Gadget ฟด
ความหมายของค าวา ฟดโดยสรปกคอเปนสงทแพรกระจายจากบลอกของเราบนโลก Internet เทยบไดกบคลนสญญาณวทยหรอโทรทศน ถามตวรบทกคนกสามารถมองเหนขาวสารทตองการเลอกรบได นอกจากนถามตวชวยสงใหฟดแพรไดแรงขน ขาวสารกยอมจะแพรกระจายไดเรวดวย
ดงนนถาคณสนใจขาวสารจากบลอกใดบลอกหนงคณกสามารถทจะเปดรบขาวสารจากบลอกนนๆ โดยใช Gadget ฟด ซงเปน Gadget ทสามารถเพมไดอยางไมจ ากด ดงนนถาคณตองการรบขาวจาก 10 บลอกกสามารถท าไดโดยการเพม gadget ฟดเขาไปในบลอก 10 ครง ในขณะเดยวกนถาคณใสชอบลอกของตวเองใน Gadget ฟด Gadget ชนดนจะกลายเปน Gadget ทใชแสดง บทความลาสดนนเองครบ
การแสดงขาวสารลาสดโดยการใช Gadget ฟด
1 ไปทองคประกอบของหนา gtgt เพมฟด Gadget
หนา 44
2 ใสโคดตอไปนลงไปใน Gadget ฟด httpชอบลอกblogspotcomfeedspostsdefault
โดยจะตองเปลยนชอบลอกเปนชอบลอกของของคณเองหรอชอบลอกทคณตองการรบขาวสารท update
ตงคาทตองการเพมเตมและบนทกกจะได feeds ขาวสารมาปรากฏทบลอกของคณ
3 ถาตองการเพมบลอกอนอกกท าซ าขอ 1 และ 2 แตตองเปลยนชอบลอกใหม 4 กรณทคณตองการเรยก feed จากเวบทตองการใหคนหา feed จากเวบ wwwgooglecom
แลวแทนโคดในขอ 2 เชน feed ขาวการศกษาจากเวบ httpwwwrssthaicom ใหใสโคด httpwwwrssthaicomnewsphpt=education แทนในขอ 2
หนา 45
บทท 8 แนะน า Gadget ใหมของ blogger ldquoหนาเวบrdquo
ตามเวบไซตตาง ๆ เราคงจะเคยเหนกนวาแตละเวบไซตจะม เมนส าหรบเลอกเปดไปดหนาอน ๆภายในเวบนนๆ เชน ตวอยางในรปดานลาง
Blogger ไดพฒนา Gadget ตวใหมขนมา มชอวา หนาเวบ เพอใหผใชไดสรางหนาของบลอกทตองการไดโดยไมตองมความรในการดดแปลงหรอแกไขแมแบบดวยตนเอง
การเรยกใช Gadget ชนดนสามารถเลอกใชไดเชนเดยวกบการ Add Gadget ชนดอน ๆ นนคอ ไปท องคประกอบของหนา gtgt แลวเลอก เพม Gadget
ตอไปเรามาดวา Gadget น ใชอยางไร และใชเพอจดประสงคใด หลกการของ Gadget นเหมอนการสรางบทความขนมา 1 บทความ และ สราง Link เชอมโยงไป ยงบทความนน ๆ แตมความพเศษตรงทผใชทวไปสรางเมนขนเองไดอยางงายดาย โดยไมตองมความรพนฐานเกยวกบ HTML เลย
หนา 46
ตวอยางวธการใชงาน(จรง) ในตวอยางนผมจะสราง 2 หนาใหเหนเปนตวอยาง ไดแก HOME และ CONTACT ME
ขนเตรยมการ เนองจากผมจะยกตวอยางการสรางหนา Contact me ดงนนใหทกคนไปสราง Form ส าหรบ
ตดตอเจาของบลอกซงกคอเราเอง ไดท httpwwwfoxyformcom
ซงขนตอนในการสราง ฟอรมนนงายมาก มเพยง 4 ขนเทานน (ดรป)
หนา 47
เมอไดโคด แลวคดลอกเกบเอาไวกอนครบ
ขนสรางหนาเวบจรง ขนท 1 สรางหนาแรก หรอ HOME
Log in เขาไปท draftblogger ไปทแผงควบคม gtgt องคประกอบของหนา gtgt แลวเลอก เพม Gadget เลอกอนแรกเลยครบ คอ gadget หนาเวบ
จากนนกสราง หนาแรกขนมาโดยตงชอตามทตองการไดเลย แลวท าการบนทกครบ
หนา 48
ขนท 2 เมอผานขนท 1 มาแลวกเทากบวาเราไดสราง หนาบลอกขนมาแลว 1 หนา
ถาจะท าการเพมหนาอก ใหไปทแผงควบคม gtgt การสงบทความ gtgt แกไขหนาเวบ gtgt หนาเวบใหม
เมอคลกสรางหนาเวบใหม เรากจะพบเครองมอตาง ๆ เหมอนการเขยนบทความนนเองครบ
หนา 49
ใหน าโคดของ Form ทเตรยมไว จากขนเตรยมการมาวางในหนาหนาน จดรปแบบตามตองการแลวบนทกหนาไดเลยครบ
เพยงขนตอนสน ๆ นเรากจะมเมนเชอมโยงไปยง หนาของบลอกถง 2 หนาดวยกน ไดแก HOME และ CONTACT ME
หนา 50
ขนท 3 - ถาหากตองการเพมหนาบลอกเพมขนอกกท าซ าขนตอนทไดกลาวมาขางตนครบ - แตถาตองการลบหนาบลอกทง กมาทเดม แลวจะเหนค าวาลบ ถาตองการลบทงกกดค าวาลบ
ไดเลย
ขนท 4 วธจดการกบเมนหนาเวบ - ถาตองการเรยงล าดบหนาเวบใหม กไปท องคประกอบของหนา แลว คลก Gadget หนาเวบขนมาแกไข gtgt ดรป
หนา 51
นอกจากน Gadget หนาเวบจะมลกษณะพเศษ คอ ถาอยท Sidebar เมนจะจดเรยงเปนแนวตง
หนา 52
แตถาลากไปในต าแหนงใตสวนหว จะจดเรยงเรยงเปนแนวนอนโดยอตโนมต
หนา 53
บทท 9 นบจ านวนคนเยยมชมดวย Flagcounter
อกบรการนบสถตคนเยยมชมทชวยใหเราทราบวาบลอกของเรามผเยยมชมทงในและตางประเทศมากหรอนอย จาก Flagcounter
วธตดตง
1 ไปท httpwwwflagcountercomindexhtml 2 ตงคาตางๆ ตามความตองการแลวกด GET YOUR FLAG COUNTER ดงรป
3 คดลอก HTML โคด ท FLAG COUNTER ไดสรางใหในขนท 2
หนา 54
4 กลบมาทบลอกของเรา ไปทแผงควบคม gtgt รปแบบ gtgt องคประกอบหนา gtgt เพม Gadget ชนด HTMLจาวาสครปต
5 วางโคดทคดลอกมาจากขนท 3 แลวบนทกครบกเปนอนจบขนตอนครบ ลกษณะทไดกดงรป
หนา 55
บทท 10 รปภาพในบทความบน Blogger
คณเคยสงสยไหมครบวา รปภาพทคณ upload ขนไปขณะทเขยนบทความ หรออาจจะเขยนบทความไปแลว รปเหลานนไปอยทไหน เพราะวา Blogger เองไมม sever ยงตองอาศยฐานขอมลของตวแมคอ blogspotcom อย แลวจะเอาพนท ๆ ไหนมาเกบรปตงมากมาย
ค าตอบคอ Blogger จะใชวธเชอมโยงกบ Application อน ๆ ของ Google เพอแกปญหาการเกบขอมล เชนรปภาพใน Blogger ทเราพดถงกนอยตอนนกจะถกเกบ
อยท Picasa Web Albums ดงนนไมวาจะเปนภาพทคณ Upload ขณะเขยนบทความ กจะถกเกบอยใน Picasa Web Albums ทงหมด
คณใชบรการ Picasa Web Albums ไดอยางไร
การใชบรการ Picasa Web Albums สามารถเขาใชไดทนทหากคณมบญชผใชกบ google อยแลว เชนมบญชผใช Gmail หรอ Blogger อยแลวกสามารถ Log in เขาใชไดเลย
Picasa Web Albums ใหพนทเทาไร
Picasa จะใหพนท เพยง 1 GB ตอ 1 บญชผใช นเปนเหตผลทบางคนอาจจะสงสยวาท าไมคณภาพรปหรอขนาดของรปบน Blogger จงลดลง กลาวคอระบบของ Picasa จะท าการลดขนาดของรปทเรา Upload ผาน Blogger ใหมขนาดเลกลงเพอเปนการประหยดพนทนนเอง
หนา 56
คณจะเขาไปจดการรปภาพจาก Blogger ใน Picasa Web ไดอยางไร การจดการภาพใน Picasa Web Albums ท าได 2 วธคอ
1 ใช Software ทพฒนาขนมาจดการ Picasa Web Albums โดยเฉพาะ
คณสามารถเขาไปดาวนโหลด Picasa ไดท httppicasagooglecom 2 เขาไปจดการทเวบไซต Picasa Web Albums โดยตรง โดยไปท httppicasawebgooglecom และ Log in โดยใชชอบญชเดยวกบ Blogger
คณสามารถเขาไป Unload ภาพไดโดยตรงกบ Picasa แลวเรยกมาใชบน blogger ไดโดยใชตวเลอก อปโหลด
หนา 57
แตถาตองการรปภาพบน Blogger ทไดอปโหลดขนไปแลวกคลกทอลบมทตองการแลวเขาไปจดการภาพไดเชนกน ลบรปภาพบน Blogger แลวรปบน Picasa จะถกลบดวยหรอไม
การลบรปภาพบน Blogger ไมสงผลใด ๆ ตอ Picasa Web Albums เลยเวนแตคณจะเขามาลบใน Picasa Web Albums โดยตรง ดงนนถาในขณะเขยนบทความคณเผลอท าพลาดรปภาพหายไป กสามารถเขามาเอารปภาพจาก Picasa Web Albums ใชงานไดอกโดยไมตอง upload ซ า หรอไมตองไปหาภาพมาใหม บทสรป
บทนแนะน าใหพอรจกการเชอมโยงระหวาง Blogger และ Picasa Web Albums ซงเปนบรการในเครอขาย Google เหมอนกน และจะท าใหคณเขาใจการจดการเกยวกบภาพบน Blogger ไดดขน
หนา 58
บทท 11 การสรางวดโอใน YouTube และน ามาใสในบลอก
ถามวดโอในหนาบลอกของเราดวย การสอสารเรองราวตางๆ กจะมชวตชวาและเขาใจงายขน ซงในทนเราสามารถสรางไดไมยากดวยบรการของ wwwyoutubecom ครบ
ขนตอนการฝากวดโอไวกบ youtube
1 ไปท wwwyoutubecom แลวเลอก Create Account ทมมขวาบนซงในกรณทเรา Login อยในเวบบลอกของเรานน กสามารถใชบรการของ youtube ดวย Account เดมโดยไมตองสมครใหมครบ วธการท าไดโดย
11 คลกท 12 กรอกขอมลส าหรบการสรางบญช โดยใช username ของ gmail ของเราเอง 13 จากนน คลก
หนา 59
14 จะพบหนาตางใหกรอก Username และ รหสผาน ของ gmail ใหกรอก e-mail ของเรา
จะพบหนาจอ ดงน จากนนเรากสามารถท าการเพม Video ไดตามทเราตองการ
หนา 60
2 การฝาก youtube มเงอนไขส าคญๆ ดงน - ความยาวของวดโอไมเกน 10 นาท - ควรเปนวดโอทไมกระทบตอสถาบน ชาต ศาสนา พระมหากษตรย และ ศลธรรมอนดงามของสงคม
3 การ upload วดโอขนไปทเมน upload (ทมมขวาบน) แลวท าการเลอกไฟลวดโอจากเครองของเรา และรอจนการ upload เสรจสน
31 คลกทปม Uploads
32 คลกทปม Upload Video
33 เลอกไฟล Video ทตองการ
34
34 เมอ Upload ได 100 แลวใหคลก Save change
หนา 61
4 เมอ upload เสรจสนแลวคลกทขอความ Embed and Sharing Options เรากเหน HTML code ใหคดลอก code เหลานนมาแปะในสวนทเราตองการ
เชนในทนผมคดลอก code มาแปะในบทความกจะไดผลลพธเปนวดโอตามดานลางทเหนครบ
หนา 62
เรอง หนา บทน าhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 1 บทท 1 การสรางเวบบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 4 บทท 2 วธเปลยน Template ของ Bloggerhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 12 บทท 3 วธเขยนและจดการบทความในบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 22 บทท 4 การตงคาพนฐานตางๆ ใหกบบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 26 บทท 5 รจกและใชงาน Gadget ชนดตางๆ บน Bloggerhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 32 บทท 6 การจดการกบ Gadget ในหนาบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 40 บทท 7 การแสดงขาวสารลาสดดวย Gadget ฟดhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 43 บทท 9 นบจ านวนคนเยยมชมดวย Flagcounterhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 53 บทท 10 รปภาพในบทความบน Bloggerhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 55 บทท 11 การสรางวดโอใน YouTube และน ามาใสในบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 58
หนา 63
255
เอกสารประกอบการฝกอบรมเชงปฏบตการ
การพฒนาสอการเรยนการสอน โดยใชโปรแกรมคอมพวเตอรรวมกบ Weblog
หนา 7
7 คลกทปม เพอด Gmail ของเราครงแรก
ขนท 2 หลงจากไดบญชผใชแลว ใหไปท wwwbloggercom เพอสรางบลอกกนเลยครบ
โดยในการสรางบลอกนน กใหใช บญชผใช (user name + password) ทไดสรางไวในขนท 1
1 ไปทเวบไซต httpwwwbloggercom ดงรป
2 คลกทปม เพอเรมตนการสรางบลอก ดงรป
หนา 8
3 ใหกรอก email ทไดจากขนท 1 ชอผเขยนบลอก วนเกด
4 เมอกรอกขอมลครบแลว ใหคลกทปม จะพบหนาจอ ตงชอเวบบลอกของคณ ใหท าการ ตงชอเวบบลอกทเราตองการ ทอยบลอก และ กรอกรหสยนยน (แตการก าหนด URL
หนา 9
จะตองไมใหซ ากบคนอน ๆ ถาซ ากใชวธเปลยนเปนค าหรอวลทใกลเคยงไปเรอย ๆ การตงชอและ URL ของบลอกควรม keyword ทสมพนธกบเรองทจะเขยนดวย)
5 คลกทปม จะพบหนาจอ เลอกแมแบบเรมตน ดงรป
หนา 10
6 ใหเลอกแมแบบเรมตนทเราตองการใหเปนรปแบบของบลอก จากนนคลกปม จะปรากฏหนาจอแจงวา บลอกของคณถกสรางขนแลว ดงรป
7 คลกทปม เพอกรอกขอมลครงแรกในการสรางเวบบลอก ซงจะตองกรอกขอมลในหนาเวบ ดงรป
หนา 11
8 เมอกรอกขอมลเสรจแลว ใหคลกปม จะปรากฏหนาจอ ดงรป
9 ใหคลกทปม เพอดเวบบลอกของเรา เปนครงแรก จะพบหนาจอ ดงรป
หนา 12
บทท 2 วธเปลยน Template ของ Blogger
หลงจากบทแรกไดเสนอขนตอนในการสรางบลอกไปแลว ถงตรงนคณตองคดแลววาจดประสงคของการท าบลอกของคณคออะไร เพราะจดประสงคนแหละครบจะเปนตวก าหนดวาเราจะเลอก แมแบบ (หนาตา และองคประกอบ) ของบลอกอยางไร
ตอไปเราจะมาดวธการเลอก และการเปลยน Template กนครบ
ขนท 1 ใหคณไปเลอก template ไดท
httpbtemplatescom httpwwwbloggertemplateplacecom httpthemecraftnet httpwwwdeluxetemplatesnet httpwwwbloggerthemesnet httpwwwbloggerstylescom httpwwwanshuldudejacom httpwwwbloggertemplatesfreecom httpwwwbloggertemplatesblogcom httpwwwtemplatesblockcom httpblogger-templatesblogspotcom httpfreetemplatesblogspotcom
หนา 13
httpmashablecom20070913blogger-templates httpwwwwebtemplatesblogcom httpwwwezwpthemescom httpwwwfreebloggertemplateinfo httpwwwblogcrowdscomresourcesblogger-templates httpwwwzoomtemplatecom httpwwwtemplates-bloggercom httpwwwbloggerblogtemplatescom httpbloggertemplateplacecom httpwwwtemplatesbloggernet httpwwwbietemplatescom
หรอจะใชค าคน ldquoTemplate+blogrdquo ใน Google กไดครบ ผมเชอวาขนตอนนคณคงจะใชเวลานาน
พอสมควรเลยละครบ (ผมเองกใชเวลาเปนวนๆ ในการเลอก templates ทเดยวครบ ) ขนท 2 เมอคณได Template ทตองการแลว ใหเรมเปลยนดงน ในทน ผมเลอกเวบไซต httpwwwbloggerblogtemplatescom เพอเปนตนแบบในการใช
Template
หนา 14
ผมเลอก Template น
1 โดยการคลกท Read More or Download this Blogger Template จากนนจะพบ
หนาตางใหม ใหเลอนหาเมน Download the Green Day Blogger Theme และท าการคลกเพอดาวนโหลด จะได ใหท าการ แตกไฟลจากนนใหน า green-day-blogger-themexml ไปวางไวท Desktop
2 Log in ท blogger ไปทแผงควบคม gtgt รปแบบ gtgt แกไข HTML gtgt คลกปม Browse เพอทจะอปโหลดแมแบบขนมา
หนา 15
3 เรยกไฟล XML ทเตรยมไวตามขนตอนในรปครบ
4 อปโหลดแมแบบขนไปแทนทแมแบบเดม โดยระหวางการแทนท อาจมการถามถงการลบเกบ Widget ของแมแบบเดม ซงถาตองการเกบของเกาเอาไวกเลอก เกบ Widget กจะท าให Widget ของแมแบบเดม ไมถกลบขณะเปลยน Templates
หนา 16
5 จากนนลองแสดงตวอยางด ซงถาพอใจกบแมแบบแลวกใหท าการบนทก กจบขนตอนการเปลยนแมแบบแลวครบ และถาหากคณตองการเปลยนแมแบบอกกสามารถเปลยนไดแบบไมจ ากดครง
นคอผลงาน หลงจากเปลยนแมแบบ นครบ กอนเปลยน Template
หลงเปลยน Template
หนา 17
เครองมอส าหรบ ldquoออกแบบแมแบบrdquo ดวยตนเอง ใหม จาก Blogger
หลงจากทมงาน Blogger ไดสราง Gadget หนาเวบ ออกมาไดไมนาน ตอนนกไดพฒนาการเครองมอส าหรบการออกแบบแมแบบของ blogger ใหยดหยนมากขน โดยใหผใชสามารถปรบแตงแมแบบไดดวยตนเอง ไมวาจะเปนการเลอก Theme การออกแบบโครงรางของหนาวาจะม 2 หรอ 3 คอลมน หรอหลายคอลมน ซงท าไดโดยการคลกเพยงไมกครง การปรบความกวางของ Template และ sidebar เพยงแคคลกเดยวเปนตน ความสามารถทงหลายนผใชสามารถท าไดโดยไมตองมความรเรอง HTML และ CSS เลยส าหรบการใชงานเครองมอนกคลายคลงกบการใชงานเครองมอเดม ๆ ทมอย ซงผมจะอธบายทละสวนดงน
การใช เครองมอออกแบบแมแบบ ท าไดโดย Log in เขาไปท draftblogger และไปท แผงควบคม gtgt
การออกแบบ gtgt องคประกอบของหนา gtgt คลกท ldquoเครองมอออกแบบแมแบบ ใหมrdquo
เมอคลกท ldquoเครองมอออกแบบแมแบบrdquo แลวเราจะพบเครองมอส าหรบออกแบบแมแบบอย 4 อยางดวยกน ไดแก 1 แมแบบ 2 พนหลง 3 รปแบบ และ 4 ขนสง
สวนแสดงตวอยาง
หนา 18
1 การใชงานเครองมอแมแบบ ท าไดโดย คลกทขอความ แมแบบ gtgt จากนนเลอกรปแบบทตองการ gtgt และเลอก theme ทตองการ เมอแสดงตวอยางเปนทนาพอใจแลว ใหคลกทปม ldquoใชกบบลอกrdquo เพอยนยน
2 การใชงานเมนพนหลง การใชงานเครองมอ ldquoพนหลงrdquo สามารถใชเพอเปลยนภาพพนหลงของบลอก และเลอกส Theme ของบลอกไดตามความตองการไดดวย
21 วธเปลยนภาพพนหลงท าไดโดย คลกท ldquoภาพพนหลงrdquo และเลอกถาพตามตองการ และกดปม ldquoใชกบบลอกrdquo เพอยนยน
สวนแสดงตวอยาง
หนา 19
22 การเลอกส Theme ของบลอก คลกทส Theme ทตองการโดย อาจจะคลกเลอกจาก
Theme ส าเรจรปหรอเลอกจาก Theme ทแนะน า
หนา 20
3 การใชงานเครองมอ ldquoรปแบบrdquo คณสามารถใชเครองมอนเพอก าหนดจ านวน คอลมน รปแบบคอลมน ความกวางของคอลมน รวมถงการก าหนดคอลมนใหกบสวนทายของหนาไดดวย
31 การใชงานเครองมอ ldquoการออกแบบเนอความrdquo เครองมอนใชก าหนดรปแบบคอลมนของ template ของคณ ซงท าไดงายดายโดยการคลกเลอกรปแบบทตองการ ดตวอยาง เมอเปนทพอใจแลวกกดปม ldquoใชกบบลอกrdquo เพอยนยน
32 การใชงานเครองมอ ldquoการออกแบบสวนทายrdquo เครองมอนเปนเครองมอส าหรบการ
ก าหนดคอลมนใหกบสวนทายของหนาบลอก ซงท าไดเชนเดยวกบ 31
หนา 21
33 การใชงานเครองมอ ldquoการปรบความกวางrdquo คณสามารถปรบความกวางของแมแบบ และ sidebar จากเครองมอนเพยงแคเลอน slider ใหตรงกบคาตวเลขทตองการเทานน
4 ส าหรบเมนขนสงเปนการก าหนดรายละเอยดตางๆ ใหกบบลอก เชน รปแบบของลงค gadget ตางๆ หวเรอง ชอของบลอก เปนตน ซงคณสามารถปรบแตงตามความตองการแลว แสดงตวอยาง หากเปนทพอใจกบนทกเชนเดยวกบ ขอ 1-3 ทไดกลาวมาแลว
ปล อยาลมนะครบวาเครองมอเหลานจะไมมใน bloggercom แต จะมใน draftbloggercom เทานน
หนา 22
บทท 3 วธเขยนและจดการบทความในบลอก
บทนผมจงจะเลาถงวธเขยนบทความใน Blogger เพอเปนแนวทางใหคณสามารถเขยนบทความลงในบลอกของคณไดสวยงามและเปนมออาชพมากขน
ส าหรบทานทเขยนบทความเปนอยแลวอาจจะขามไปอานบทความอน ๆ ตอไปไดเลยครบ สวนทานทเปนมอใหมจรง ๆ กควรจะอานบทความนใหจบเพอเปนแนวทางในการ
เขยนบทความของคณเองตอไป
1 การเขาไปเขยนบทความ การเขาไปเขยนบทความบน Blogger โดยตรงสามารถเขาไปได 2 ชองทางดวยกนคอ 11 ถาคณใชแมแบบทไมไดซอนแถบน าทางสามารถเขาไปเขยนบทความไดโดยคลกทเมน
บทความใหม
12 เขาไปเขยนบทความผาน draftbloggercom
หนา 23
โปรดสงเกตวาเครองมอในการเขยนบทความของ Draftblogger จะมมากกวาเครองมอของ blogger ปกต ดงนนโดยสวนตวผมแนะน าใหเขยนบทความผาน draftbloggercom เพราะมเครองมอมากกวาวธแรก และควรตงคาให draftblogger เปนเครองมอเรมตน
2 องคประกอบของเครองมอเขยนบทความ
กอนอนผมขอแนะน าใหรจกเครองมอทจ าเปนในการเขยนบทความดงน สวนท 1 คอสวนตงชอเรองหรอชอบทความ สวนท 2 เปนสวนทใชส าหรบกรณทเราตองการวางขอความทคดลอกมาจาก Ms word
หรอโคดวดโอจาก Youtube หรอโคด HTMLจาวาสครปตทตองการใหปรากฏและแสดงผลในบทความ
หนา 24
สวนท 3 เปนแถบทเลอกเมอตองการเขยนขอความปกตซงจะมเครองมอในการเขยนบทความตามทเหนในภาพขางบน
สวนท 4 ส าหรบจดรปแบบอกษร สวนท 5 เปนเครองมอในการใสลงคใหขอความ แทรกภาพลงในบทความ และแทรกวดโอ
ลงในบทความตามล าดบ สวนท 6 รปกระดาษขาดทเหนนนใชในกรณทคณตองการแสดงบทความใหผอานเหนในหนา
หลกเพยงบางสวนเทานน และถาใชเครองมอนผอานจะตองคลกอานเพมเตมจงจะเหนขอความแบบเตม เครองมอนมขอดคอท าใหบทความทมความยาวมาก ๆ สนลงได และท าใหเปดหนาแรกไดเรวขนดวย
สวนท 7 เปนสวนทใชในการจดเรยงขอความ และจดแนวรปภาพไดดวย เชน จดชดซาย ชดขวา กงกลาง เปนตน
สวนท 8 ไดแกการใส การเนนขอความ การลบรปแบบ การตรวจสอบการสะกดค า และการแปลภาษา
สวนท 9 เปนสวนทใชในการวางก าหนดเวลาลางหนา วาจะใหบทความทเขยนเผยแพรใน วนใด
สวนท 10 เปนการใสปายก ากบ ซงเปนสวนทใชระบวาบทความทเขยนนอยในหมวดหมใด ซงสามารถใสไดมากกวา 1 ปายก ากบโดยคนดวยเครองหมายจลภาค และสามารถเลอกปายก ากบทคณเคยใสใหบทความอนไปแลวมาใสอกได เพอท าใหบทความนน ๆ อยในหมวดหมเดยวกน
สวนท 11 เปนการเลอกวาจะบนทกไวกอน หรอจะเผยแพร มประโยชนในกรณทบทความทเขยนใชเวลาเขยนนานมากกอาจจะบนทกเอาไวกอนแลวมาเขยนตอในภายหลงได
หนา 25
เทคนคการเขยนบทความทควรร ในกรณทเรามไฟลเอกสารจาก MS word แลวคดลอกมาวางเพอท าใหเขยนบทความไดเรวขน
บางครงพบปญหาขอผดพลาดของฟอรม (ฟอรมใน MS word ไมสามารถแปลงเปน HTML Code ได)
ปญหานแกไดโดยกอนวางขอความใหคลกทแถบ แกไข HTML แลวจงวางขอความทคดลอกมา
จากนนจงคลกทแถบ เขยน เพอจดรปแบบของบทความตอไป
เทคนคนยงสามารถใชกบการวางโคดวดโอ หรอขอความทคดลอกมาจากเวบไซตไดดวยครบ
หนา 26
บทท 4 การตงคาพนฐานตางๆ ใหกบบลอก
บทนผมจะขอแนะน าการตงคาพนฐานตางๆ ของบลอกเพอใหเขาใจการตงคาในสวนตาง ๆ ของ Blogger และจะท าใหคณสามารถตงคาตาง ๆ ตามความตองการของตนเองได อกทงจะเปนประโยชนในการพฒนาการท า Blogger ในระยะยาวดวย
การตงคาพนฐานตางๆ ของบลอกท าไดโดย Log in เขาไปท blogger เมอมาทหนา แผงควบคม ให Click ท การตงคา
และทานจะเขามาทเมนการตงคาของบลอก
ผมจะแบงการตงคาออกเปน 9 สวนดงน 1 ขนตน
คณสามารถดาวนโหลด Blog เพอเกบเปน Backup ขอมลบทความและ comment ของบลอกไดโดยเลอก สงออกบลอก แตถาคณมขอมลบลอกเดมอยแลวอยากจะน ามาใชกบบลอกใหมทสรางขน กใหเลอก น าเขาบลอก แตถาคดวาไมตองการใชบลอกนแลวกสามารถลบทงไดโดยเลอก ลบบลอก
หนา 27
Title และค าอธบายของบลอก ควรใสใหเขาใจภาพรวมของบลอกและม keyword ในการท าบลอกแทรกอยใน Description ดวย
ในสวนการตงคาอน ๆ ควรตงคาดงน
องคประกอบ ตงคาเปน
เพมบลอกของคณในรายการของเราหรอไม ใช
อนญาตใหเครองมอคนหาพบบลอกของคณหรอไม ใช
แสดงการแกไขอยางรวดเรวบนบลอกของคณหรอไม ใช
มเนอหาส าหรบผใหญหรอไม ไม
เลอกโปรแกรมแกไขบทความ โปรแกรมแกไขทอปเดต
2 การเผยแพร ในการตงคาสวนนสามารถเปลยน URL ของบลอกได
หนา 28
ถาคณตองการเปลยนโดเมนของบลอกจาก blogspotcom เปนโดเมนอนกสามารถตงคาไดตรงสวนน แตจะตองเสยคาใชจายการจดโดเมนผาน google ปละ 10 US (ประมาณ 300 กวาบาทตอป)
3 การจดรปแบบ ในสวนนเปนการตงคาการเผยแพรบทความ เชน จ านวนบทความในหนาแรก รปแบบเวลา
และวนทเปนตน
คณควรจะตงคาตาง ๆ ดงน
องคประกอบ ตงคาเปน
แสดงสงสด เทาไรกได
รปแบบสวนหวของวนท ตงไดตามใจชอบ
รปแบบวนทของดชนคลงบทความ ตงไดตามใจชอบ
รปแบบเวลา ตงไดตามใจชอบ
โซนเวลา (GMT+0700)กรงเทพ
ภาษา ไทย
แปลงการขนบรรทดใหม ไม
แสดงฟลดชอเรอง ใช
แสดงฟลดของลงก ไม
เปดใชการจดเรยงแบบลอย ใช
แมแบบบทความ ยงไมตองตงคา
หนา 29
4 เมนขอคดเหน เปนเมนส าหรบตงคาตาง ๆ เกยวกบการแสดงความคดเหนของบลอก
คณควรจะตงคาตาง ๆ ดงน
องคประกอบ ตงคาเปน
ขอคดเหน แสดง
ใครสามารถแสดงความคดเหน ผใชทมบญช Google
การจดวางฟอรมความคดเหน วางไวใตบทความ
ความคดเหนเรมตนส าหรบบทความ บทความใหมมความคดเหน
ลงกยอนกลบ ซอน
คาเรมตนของลงกยอนกลบส าหรบบทความ บทความใหมมลงกยอนกลบ รปแบบเวลาในสวนความคดเหน ตงคาตามใจ
ขอความของฟอรมความคดเหน ไมตองใสคาใด ๆ กได
การจดการความคดเหน ไม
แสดงการตรวจสอบค าส าหรบความคดเหนหรอไม ไม
แสดงรปภาพโปรไฟลบนความคดเหนหรอไม ใช
อเมลส าหรบแจงเตอนเมอมความคดเหนใหม กรอก email ของคณลงไป
5 เกบเขาคลงบทความ ตงใหเปนรายเดอนจะดทสด
หนา 30
6 ฟดของไซต ถาบทความในบลอกไมมากนก ตงคาเปน แบบเตม แตถาบทความมประมาณ 100 ขนไปควร
จะตงเปน แบบสน
7 อเมลและมอถอ
ในสวนนเปนการตงคา อเมลเพอใหระบบสงบลอกของคณทกครงทมการเผยแพร และเปนการตงคา การใชอปกรณเคลอนทในการเขยนบลอก ตรงนผมยงไมเคยลองเหมอนกน
8 OpenID
คณสามารถใช OpenID URL เพอเขาสไซตอนๆ ทใชงาน OpenID นอกจากนคณยงสามารถก าหนดใหผใช OpenID สามารถแสดงความคดเหนในบลอกของคณ โดยปรบการตงคา ความคดเหน ของคณ
9 สทธ
ในสวนนคณสามารถใชในการเปลยนผเขยนบลอก และเพมผดแลระบบไดถง 100 ราย
หนา 31
นอกจากนคณยงจ ากดคนเขาชมบลอกไดดวย โดยการระบ Email ของผทตองการลงไป
หนา 32
บทท 5 รจกและใชงาน Gadget ชนดตางๆ บน Blogger
เมอเรยนรเกยวกบ การตงคาตาง ๆ ของบลอก การเปลยน Templates ใหกบบลอกไปแลว สวนทเหลอคอ การจดรปแบบองคประกอบหนาใหกบบลอก รวมถงการใชงาน Gadget หลกชนดตางๆ ของ Blogger
Gadget คออะไร
Gadget ใน Blogger นนหมายถงสวนเสรมทเราสามารถตดตงเพมลงไปในแมแบบของ Blogger ซงบางครงกถกเรยกวา widget ซงกหมายถงสงเดยวกนกบ Gadget
วธเพม Gadget กอนอนให Login เขาไปท blogger หรอ draftblogger gtgt จากแผงควบคมใหเลอก การออกแบบ
หนา 33
จากนนใน Layout ของแมแบบคณจะเหนพนท ดงรปดานลางเพอใหเพม Gadget
และเมอคลก เพม Gadget กจะปรากฏ Gadget พนฐาน 21 อยางทจะกลาวถงในหวขอน
นอกจากนยงม Gadget อกมากมายซงคณสามารถเลอกไดจากเมนแกดเจดเพมเตมทางซายมอ
เมอเลอก Gadget ทตองการแลว คลกทปม + เพอท าการเพม Gadget นน ใสชอ Gadget และตงคาทตองการแลวบนทก
รปทเหนขางบนเปน Gadget ผตดตาม ส าหรบ Gadget อน ๆ กท าไดในท านองเดยวกน
หนา 34
รจกกบ Gadget พนฐาน 21 อยางของ Blogger
1 Gadget หนาเวบ
หลกการของ Gadget ชนดนคอคณจะตองสรางหนาเวบขนมากอน แลวใช Gadget นเปนเมนในการเชอมโยงไปยงหนาเวบ
2 Gadget ผตดตาม
Gadget ชนดนใชเพอใหผอานทชนชอบบลอกของคณไดตดตาม และเมอตดตามแลวความเคลอนไหว และการ update บทความของจะไปปรากฏแผงควบคมของผตดตามโดยอตโนมต และมสทธในการแสดงความคดเหนบนบลอกของคณได (กรณทคณอนญาตเฉพาะสมาชก)
3 Gadget ชองคนหา
เปน Gadget ทตดตงเพอใหผอานสามารถคนหาสงทตองการในบลอกของคณไดงายขน
หนา 35
4 Gadget HTMLจาวาสครปต
Gadget ชนดนเปน Gadget ทยดหยนทสดในบรรดา Gadget ทงหมด สามารถประยกตใชไดหลากหลาย เหมาะส าหรบใชตดตงโคดตาง ๆ ลงบน Blogger เชน โคดปฏทน นาฬกา โคดจาวาสครปต โคดรปภาพ โคดวดโอ โคดของลงค เปนตน
5 Gadget ขอความ
เปน Gadget ทเหมาะส าหรบเขยนขอความ เชน ขอความตอนรบ เปนตน
6 Gadget Adsense
คณจะใช Gadget ชนดนไดเมอสมครเขารวมโปรแกรมหรอเปนตวแทนในการเผยแพรโฆษณาบน Google
7 Gadget รปภาพ
ถาคณตองการแสดงรปภาพบนบลอกอยางเดยวกใหเลอกใช Gadget นครบ
หนา 36
8 Gadget สไลดโชว
Gadget นเปนการดง Albums จาก Picasaweb มาแสดงในรปแบบสไลดโชวบนบลอกของ
9 Gadget แถบวดโอ
Gadget นจะท าใหผใชคนหาวดโอบน Youtube จากบลอกของคณได
10 Gadget แบบส ารวจ
Gadget นถอเปน Gadget หนงทนาสนใจมาก แตยงมผใชจ านวนนอย โดยคณอาจจะใชส ารวจความตองการ หรอความคดเหนของผอานตอบลอกของคณ หรอส ารวจเกยวกบเรองทเกยวของกบเนอหาบนบลอกของคณกได
11 Gadget รายการบลอก
Gadget ชนดนเปน Gadget ทสามารถรวบรวมขาวสารลาสดจากบลอกทคณเลอกหรอบลอกทคณตดตาม พรอมทงสามารถแสดงเนอหาแบบยอไดดวย
หนา 37
12 Gadget รายชอลงค
เปน Gadget ทใชสรางลงคไปยงทตาง ๆ โดยคณสามารถปอน URL บน Gadget ชนดนเพอสราง Link โดยไมตองมความรเรอง HTML มากอนเลย
13 Gadget รายการ
เปน Gadget ทคลายคลงกบ Gadget รายชอลงค แตมความยดหยนกวา สามารถสรางขอความรายการและใส link ใหขอความไดดวย
14 Gadget ฟด
คณสามารถใช Gadget นดงขาวสารจากในบลอกของคณ หรอบลอกอนทคณสนใจเอามาแสดงเพยงแคใสชอบลอกทตองการลงไปลงไปใน gadget
15 Gadget Newsreel
เปน gadget ทท าใหพาดหวขาวจาก Google มาปรากฏบนบลอกของคณเทานน
หนา 38
16 Gadget ปายก ากบ
Gadget นมความส าคญ คณควรจะตดตง เพอใหบทความทเขยนเปนหมวดหม ใหผอานเหนชดเจนเลอกอานไดตรงความตองการมากขน
17 Gadget ลงคการสมคร
Gadget นมความส าคญในเรองการสงขาวสารขอมลจากบลอกของคณไปยงผอาน ผอานจะสามารถสมครรบบทความทาง email หรอผานชองทางอน ๆ ไดจาก Gadget น
18 Gadget โลโก
Gadget นไมส าคญนกเปนเพยงตดตง logo ของ blogger ในหนาบลอกเทานน
19 Gadget โปรไฟล
Gadget นจะแสดงขอมลอยางของคณทไดกรอกเอาไวบนบญชของ Blogger ถาคณตองการแสดงขอมลของคณบน Blog กควรจะตดตง Gadget นครบ
หนา 39
20 Gadget คลงบทความของบลอก
Gadget นจะท าใหผอานเหนบทความทงหมดภายในบลอกของคณได
21 Gadget สวนหวของหนา
Gadget นเปนสวนทใส Title และ Description ของ Blog โดยปกตแลว Template ทวไปกจะตดตงสวนนอยแลว
คณสามารถทดลองใช Gadget เหลานไดโดยไมตองกลวความผดพลาดเพราะ Gadget บน
Blogger นนสามารถลบออกไดอยางงายดายโดยวธการจดการกบ Gadget
หนา 40
บทท 6 การจดการกบ Gadget ในหนาบลอก
ในบททผานมาเราได รจกและใชงาน Gadget ชนดตาง ๆ บน Blogger ผมไดกลาวถงวธการเพม Gadget ใหกบบลอก แตยงไมไดกลาวถงการลบ Gadget ออกจากองคประกอบของหนา และนอกจากน ต าแหนงของ Gadget ยงสามารถเคลอนยายต าแหนงไดอกดวย
การลบ Gadget วธท 1 ถาในขณะทเรา log in และเปดหนาบลอกของเราขนมา กจะสงเกตเหนวามเครองมอ
ปรากฏอยตามทตางๆ ในองคประกอบของหนา
และถาเราคลกเขาไปกจะสามารถแกไข หรอ ลบองคประกอบเหลานนออกไปไดเลยครบ
หนา 41
วธท 2 เราสามารถเขาไปลบ Gadget ไดท แผงควบคม gtgt การออกแบบ gtgt องคประกอบของหนา gtgt เลอกแกไข Gadget ทตองการลบ
จากนนเลอกลบไดเชนเดยวกบกรณแรก
การยายต าแหนง Gadget ส าหรบการยายต าแหนงของ Gadget ท าไดโดยการ เขาไปทแผงควบคม gtgt การออกแบบ gtgt
องคประกอบหนาจากนนใหลากเมาสบน Gadget ทตองการยายไปวางในต าแหนงทตองการไดเลยครบ
หนา 42
เมอเขาใจการท างานของ Gadget ชนดตาง ๆ แลวสงทอยากจะฝากเอาไวตอนทายนกคอการจดองคประกอบหนาของบลอกดงน
แนวทางในการจดองคประกอบหนาบลอก
แนวทางในการจดองคประกอบหนานนไมมกฎเกณฑตายตว บางคนชอบใหม 2 column บางคน ชอบใหม 3 column ซงกขนอยกบความชอบและความตองการใชงาน แตทอยากใหค านงไวเสมอคอ ผอน คอ พระเจา ท าอะไรใหเขาใจงายๆ หาอะไรกเจออยางรวดเรว เขาไวเปนพอครบ และอกประการทส าคญคอ การตดตง Gadget ตาง ๆ ควรตดตงเทาทจ าเปนและตองการใชงาน ปฏทน หรอนาฬกานนกไมควรตดตง ลงไปเลย เพราะไมคมคากบการเพมภาระการโหลดใหกบผเขาชม และถาบลอกของคณโหลดไดชา ก เปนไปไดยากทผอานจะกลบมาอก
องคประกอบในหนาของบลอกทผมคดวาคณควรจะมคอ สวนทบอกตวตนของบลอก
ซงอาจจะแสดงในสวนหวของหนา หรอเปนวดโอ สไลดขอความรปถาย อยในต าแหนงทเหนไดชด สวนทเชอมโยงไปยงบทความในบลอก
สวนนจ าเปนมากเพราะจะชวยใหผอานคนหาบทความไดเรวขน คณอาจจะรวมบทความทงหมดเลยหรอ อาจจะใชวธจดหมวดหมใหผอานเลอกสงทตองการจากบลอกของเราไดเรวขน
สวนพนทของสมาชก
สวนนจะแสดงใหเหนวามผสนใจบลอกของเรามากแคไหน และสามารถสมครตดตามบลอกของเราไดทนท เชนอาจจะใช Gadget ผตดตาม หรอใช Like box Plugins ของ Facebook หรออาจจะท า Poll กได
สวนทเปนชองทางใหผอานตดตอเราได
คณอาจจะท า link เชอมโยงใหผอานตดตอคณได หรออาจจะใช Gadget profile ของ Blogger เพอแนะน าตวกได
หนา 43
บทท 7 การแสดงขาวสารลาสดดวย Gadget ฟด
ความหมายของค าวา ฟดโดยสรปกคอเปนสงทแพรกระจายจากบลอกของเราบนโลก Internet เทยบไดกบคลนสญญาณวทยหรอโทรทศน ถามตวรบทกคนกสามารถมองเหนขาวสารทตองการเลอกรบได นอกจากนถามตวชวยสงใหฟดแพรไดแรงขน ขาวสารกยอมจะแพรกระจายไดเรวดวย
ดงนนถาคณสนใจขาวสารจากบลอกใดบลอกหนงคณกสามารถทจะเปดรบขาวสารจากบลอกนนๆ โดยใช Gadget ฟด ซงเปน Gadget ทสามารถเพมไดอยางไมจ ากด ดงนนถาคณตองการรบขาวจาก 10 บลอกกสามารถท าไดโดยการเพม gadget ฟดเขาไปในบลอก 10 ครง ในขณะเดยวกนถาคณใสชอบลอกของตวเองใน Gadget ฟด Gadget ชนดนจะกลายเปน Gadget ทใชแสดง บทความลาสดนนเองครบ
การแสดงขาวสารลาสดโดยการใช Gadget ฟด
1 ไปทองคประกอบของหนา gtgt เพมฟด Gadget
หนา 44
2 ใสโคดตอไปนลงไปใน Gadget ฟด httpชอบลอกblogspotcomfeedspostsdefault
โดยจะตองเปลยนชอบลอกเปนชอบลอกของของคณเองหรอชอบลอกทคณตองการรบขาวสารท update
ตงคาทตองการเพมเตมและบนทกกจะได feeds ขาวสารมาปรากฏทบลอกของคณ
3 ถาตองการเพมบลอกอนอกกท าซ าขอ 1 และ 2 แตตองเปลยนชอบลอกใหม 4 กรณทคณตองการเรยก feed จากเวบทตองการใหคนหา feed จากเวบ wwwgooglecom
แลวแทนโคดในขอ 2 เชน feed ขาวการศกษาจากเวบ httpwwwrssthaicom ใหใสโคด httpwwwrssthaicomnewsphpt=education แทนในขอ 2
หนา 45
บทท 8 แนะน า Gadget ใหมของ blogger ldquoหนาเวบrdquo
ตามเวบไซตตาง ๆ เราคงจะเคยเหนกนวาแตละเวบไซตจะม เมนส าหรบเลอกเปดไปดหนาอน ๆภายในเวบนนๆ เชน ตวอยางในรปดานลาง
Blogger ไดพฒนา Gadget ตวใหมขนมา มชอวา หนาเวบ เพอใหผใชไดสรางหนาของบลอกทตองการไดโดยไมตองมความรในการดดแปลงหรอแกไขแมแบบดวยตนเอง
การเรยกใช Gadget ชนดนสามารถเลอกใชไดเชนเดยวกบการ Add Gadget ชนดอน ๆ นนคอ ไปท องคประกอบของหนา gtgt แลวเลอก เพม Gadget
ตอไปเรามาดวา Gadget น ใชอยางไร และใชเพอจดประสงคใด หลกการของ Gadget นเหมอนการสรางบทความขนมา 1 บทความ และ สราง Link เชอมโยงไป ยงบทความนน ๆ แตมความพเศษตรงทผใชทวไปสรางเมนขนเองไดอยางงายดาย โดยไมตองมความรพนฐานเกยวกบ HTML เลย
หนา 46
ตวอยางวธการใชงาน(จรง) ในตวอยางนผมจะสราง 2 หนาใหเหนเปนตวอยาง ไดแก HOME และ CONTACT ME
ขนเตรยมการ เนองจากผมจะยกตวอยางการสรางหนา Contact me ดงนนใหทกคนไปสราง Form ส าหรบ
ตดตอเจาของบลอกซงกคอเราเอง ไดท httpwwwfoxyformcom
ซงขนตอนในการสราง ฟอรมนนงายมาก มเพยง 4 ขนเทานน (ดรป)
หนา 47
เมอไดโคด แลวคดลอกเกบเอาไวกอนครบ
ขนสรางหนาเวบจรง ขนท 1 สรางหนาแรก หรอ HOME
Log in เขาไปท draftblogger ไปทแผงควบคม gtgt องคประกอบของหนา gtgt แลวเลอก เพม Gadget เลอกอนแรกเลยครบ คอ gadget หนาเวบ
จากนนกสราง หนาแรกขนมาโดยตงชอตามทตองการไดเลย แลวท าการบนทกครบ
หนา 48
ขนท 2 เมอผานขนท 1 มาแลวกเทากบวาเราไดสราง หนาบลอกขนมาแลว 1 หนา
ถาจะท าการเพมหนาอก ใหไปทแผงควบคม gtgt การสงบทความ gtgt แกไขหนาเวบ gtgt หนาเวบใหม
เมอคลกสรางหนาเวบใหม เรากจะพบเครองมอตาง ๆ เหมอนการเขยนบทความนนเองครบ
หนา 49
ใหน าโคดของ Form ทเตรยมไว จากขนเตรยมการมาวางในหนาหนาน จดรปแบบตามตองการแลวบนทกหนาไดเลยครบ
เพยงขนตอนสน ๆ นเรากจะมเมนเชอมโยงไปยง หนาของบลอกถง 2 หนาดวยกน ไดแก HOME และ CONTACT ME
หนา 50
ขนท 3 - ถาหากตองการเพมหนาบลอกเพมขนอกกท าซ าขนตอนทไดกลาวมาขางตนครบ - แตถาตองการลบหนาบลอกทง กมาทเดม แลวจะเหนค าวาลบ ถาตองการลบทงกกดค าวาลบ
ไดเลย
ขนท 4 วธจดการกบเมนหนาเวบ - ถาตองการเรยงล าดบหนาเวบใหม กไปท องคประกอบของหนา แลว คลก Gadget หนาเวบขนมาแกไข gtgt ดรป
หนา 51
นอกจากน Gadget หนาเวบจะมลกษณะพเศษ คอ ถาอยท Sidebar เมนจะจดเรยงเปนแนวตง
หนา 52
แตถาลากไปในต าแหนงใตสวนหว จะจดเรยงเรยงเปนแนวนอนโดยอตโนมต
หนา 53
บทท 9 นบจ านวนคนเยยมชมดวย Flagcounter
อกบรการนบสถตคนเยยมชมทชวยใหเราทราบวาบลอกของเรามผเยยมชมทงในและตางประเทศมากหรอนอย จาก Flagcounter
วธตดตง
1 ไปท httpwwwflagcountercomindexhtml 2 ตงคาตางๆ ตามความตองการแลวกด GET YOUR FLAG COUNTER ดงรป
3 คดลอก HTML โคด ท FLAG COUNTER ไดสรางใหในขนท 2
หนา 54
4 กลบมาทบลอกของเรา ไปทแผงควบคม gtgt รปแบบ gtgt องคประกอบหนา gtgt เพม Gadget ชนด HTMLจาวาสครปต
5 วางโคดทคดลอกมาจากขนท 3 แลวบนทกครบกเปนอนจบขนตอนครบ ลกษณะทไดกดงรป
หนา 55
บทท 10 รปภาพในบทความบน Blogger
คณเคยสงสยไหมครบวา รปภาพทคณ upload ขนไปขณะทเขยนบทความ หรออาจจะเขยนบทความไปแลว รปเหลานนไปอยทไหน เพราะวา Blogger เองไมม sever ยงตองอาศยฐานขอมลของตวแมคอ blogspotcom อย แลวจะเอาพนท ๆ ไหนมาเกบรปตงมากมาย
ค าตอบคอ Blogger จะใชวธเชอมโยงกบ Application อน ๆ ของ Google เพอแกปญหาการเกบขอมล เชนรปภาพใน Blogger ทเราพดถงกนอยตอนนกจะถกเกบ
อยท Picasa Web Albums ดงนนไมวาจะเปนภาพทคณ Upload ขณะเขยนบทความ กจะถกเกบอยใน Picasa Web Albums ทงหมด
คณใชบรการ Picasa Web Albums ไดอยางไร
การใชบรการ Picasa Web Albums สามารถเขาใชไดทนทหากคณมบญชผใชกบ google อยแลว เชนมบญชผใช Gmail หรอ Blogger อยแลวกสามารถ Log in เขาใชไดเลย
Picasa Web Albums ใหพนทเทาไร
Picasa จะใหพนท เพยง 1 GB ตอ 1 บญชผใช นเปนเหตผลทบางคนอาจจะสงสยวาท าไมคณภาพรปหรอขนาดของรปบน Blogger จงลดลง กลาวคอระบบของ Picasa จะท าการลดขนาดของรปทเรา Upload ผาน Blogger ใหมขนาดเลกลงเพอเปนการประหยดพนทนนเอง
หนา 56
คณจะเขาไปจดการรปภาพจาก Blogger ใน Picasa Web ไดอยางไร การจดการภาพใน Picasa Web Albums ท าได 2 วธคอ
1 ใช Software ทพฒนาขนมาจดการ Picasa Web Albums โดยเฉพาะ
คณสามารถเขาไปดาวนโหลด Picasa ไดท httppicasagooglecom 2 เขาไปจดการทเวบไซต Picasa Web Albums โดยตรง โดยไปท httppicasawebgooglecom และ Log in โดยใชชอบญชเดยวกบ Blogger
คณสามารถเขาไป Unload ภาพไดโดยตรงกบ Picasa แลวเรยกมาใชบน blogger ไดโดยใชตวเลอก อปโหลด
หนา 57
แตถาตองการรปภาพบน Blogger ทไดอปโหลดขนไปแลวกคลกทอลบมทตองการแลวเขาไปจดการภาพไดเชนกน ลบรปภาพบน Blogger แลวรปบน Picasa จะถกลบดวยหรอไม
การลบรปภาพบน Blogger ไมสงผลใด ๆ ตอ Picasa Web Albums เลยเวนแตคณจะเขามาลบใน Picasa Web Albums โดยตรง ดงนนถาในขณะเขยนบทความคณเผลอท าพลาดรปภาพหายไป กสามารถเขามาเอารปภาพจาก Picasa Web Albums ใชงานไดอกโดยไมตอง upload ซ า หรอไมตองไปหาภาพมาใหม บทสรป
บทนแนะน าใหพอรจกการเชอมโยงระหวาง Blogger และ Picasa Web Albums ซงเปนบรการในเครอขาย Google เหมอนกน และจะท าใหคณเขาใจการจดการเกยวกบภาพบน Blogger ไดดขน
หนา 58
บทท 11 การสรางวดโอใน YouTube และน ามาใสในบลอก
ถามวดโอในหนาบลอกของเราดวย การสอสารเรองราวตางๆ กจะมชวตชวาและเขาใจงายขน ซงในทนเราสามารถสรางไดไมยากดวยบรการของ wwwyoutubecom ครบ
ขนตอนการฝากวดโอไวกบ youtube
1 ไปท wwwyoutubecom แลวเลอก Create Account ทมมขวาบนซงในกรณทเรา Login อยในเวบบลอกของเรานน กสามารถใชบรการของ youtube ดวย Account เดมโดยไมตองสมครใหมครบ วธการท าไดโดย
11 คลกท 12 กรอกขอมลส าหรบการสรางบญช โดยใช username ของ gmail ของเราเอง 13 จากนน คลก
หนา 59
14 จะพบหนาตางใหกรอก Username และ รหสผาน ของ gmail ใหกรอก e-mail ของเรา
จะพบหนาจอ ดงน จากนนเรากสามารถท าการเพม Video ไดตามทเราตองการ
หนา 60
2 การฝาก youtube มเงอนไขส าคญๆ ดงน - ความยาวของวดโอไมเกน 10 นาท - ควรเปนวดโอทไมกระทบตอสถาบน ชาต ศาสนา พระมหากษตรย และ ศลธรรมอนดงามของสงคม
3 การ upload วดโอขนไปทเมน upload (ทมมขวาบน) แลวท าการเลอกไฟลวดโอจากเครองของเรา และรอจนการ upload เสรจสน
31 คลกทปม Uploads
32 คลกทปม Upload Video
33 เลอกไฟล Video ทตองการ
34
34 เมอ Upload ได 100 แลวใหคลก Save change
หนา 61
4 เมอ upload เสรจสนแลวคลกทขอความ Embed and Sharing Options เรากเหน HTML code ใหคดลอก code เหลานนมาแปะในสวนทเราตองการ
เชนในทนผมคดลอก code มาแปะในบทความกจะไดผลลพธเปนวดโอตามดานลางทเหนครบ
หนา 62
เรอง หนา บทน าhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 1 บทท 1 การสรางเวบบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 4 บทท 2 วธเปลยน Template ของ Bloggerhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 12 บทท 3 วธเขยนและจดการบทความในบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 22 บทท 4 การตงคาพนฐานตางๆ ใหกบบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 26 บทท 5 รจกและใชงาน Gadget ชนดตางๆ บน Bloggerhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 32 บทท 6 การจดการกบ Gadget ในหนาบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 40 บทท 7 การแสดงขาวสารลาสดดวย Gadget ฟดhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 43 บทท 9 นบจ านวนคนเยยมชมดวย Flagcounterhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 53 บทท 10 รปภาพในบทความบน Bloggerhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 55 บทท 11 การสรางวดโอใน YouTube และน ามาใสในบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 58
หนา 63
255
เอกสารประกอบการฝกอบรมเชงปฏบตการ
การพฒนาสอการเรยนการสอน โดยใชโปรแกรมคอมพวเตอรรวมกบ Weblog
หนา 8
3 ใหกรอก email ทไดจากขนท 1 ชอผเขยนบลอก วนเกด
4 เมอกรอกขอมลครบแลว ใหคลกทปม จะพบหนาจอ ตงชอเวบบลอกของคณ ใหท าการ ตงชอเวบบลอกทเราตองการ ทอยบลอก และ กรอกรหสยนยน (แตการก าหนด URL
หนา 9
จะตองไมใหซ ากบคนอน ๆ ถาซ ากใชวธเปลยนเปนค าหรอวลทใกลเคยงไปเรอย ๆ การตงชอและ URL ของบลอกควรม keyword ทสมพนธกบเรองทจะเขยนดวย)
5 คลกทปม จะพบหนาจอ เลอกแมแบบเรมตน ดงรป
หนา 10
6 ใหเลอกแมแบบเรมตนทเราตองการใหเปนรปแบบของบลอก จากนนคลกปม จะปรากฏหนาจอแจงวา บลอกของคณถกสรางขนแลว ดงรป
7 คลกทปม เพอกรอกขอมลครงแรกในการสรางเวบบลอก ซงจะตองกรอกขอมลในหนาเวบ ดงรป
หนา 11
8 เมอกรอกขอมลเสรจแลว ใหคลกปม จะปรากฏหนาจอ ดงรป
9 ใหคลกทปม เพอดเวบบลอกของเรา เปนครงแรก จะพบหนาจอ ดงรป
หนา 12
บทท 2 วธเปลยน Template ของ Blogger
หลงจากบทแรกไดเสนอขนตอนในการสรางบลอกไปแลว ถงตรงนคณตองคดแลววาจดประสงคของการท าบลอกของคณคออะไร เพราะจดประสงคนแหละครบจะเปนตวก าหนดวาเราจะเลอก แมแบบ (หนาตา และองคประกอบ) ของบลอกอยางไร
ตอไปเราจะมาดวธการเลอก และการเปลยน Template กนครบ
ขนท 1 ใหคณไปเลอก template ไดท
httpbtemplatescom httpwwwbloggertemplateplacecom httpthemecraftnet httpwwwdeluxetemplatesnet httpwwwbloggerthemesnet httpwwwbloggerstylescom httpwwwanshuldudejacom httpwwwbloggertemplatesfreecom httpwwwbloggertemplatesblogcom httpwwwtemplatesblockcom httpblogger-templatesblogspotcom httpfreetemplatesblogspotcom
หนา 13
httpmashablecom20070913blogger-templates httpwwwwebtemplatesblogcom httpwwwezwpthemescom httpwwwfreebloggertemplateinfo httpwwwblogcrowdscomresourcesblogger-templates httpwwwzoomtemplatecom httpwwwtemplates-bloggercom httpwwwbloggerblogtemplatescom httpbloggertemplateplacecom httpwwwtemplatesbloggernet httpwwwbietemplatescom
หรอจะใชค าคน ldquoTemplate+blogrdquo ใน Google กไดครบ ผมเชอวาขนตอนนคณคงจะใชเวลานาน
พอสมควรเลยละครบ (ผมเองกใชเวลาเปนวนๆ ในการเลอก templates ทเดยวครบ ) ขนท 2 เมอคณได Template ทตองการแลว ใหเรมเปลยนดงน ในทน ผมเลอกเวบไซต httpwwwbloggerblogtemplatescom เพอเปนตนแบบในการใช
Template
หนา 14
ผมเลอก Template น
1 โดยการคลกท Read More or Download this Blogger Template จากนนจะพบ
หนาตางใหม ใหเลอนหาเมน Download the Green Day Blogger Theme และท าการคลกเพอดาวนโหลด จะได ใหท าการ แตกไฟลจากนนใหน า green-day-blogger-themexml ไปวางไวท Desktop
2 Log in ท blogger ไปทแผงควบคม gtgt รปแบบ gtgt แกไข HTML gtgt คลกปม Browse เพอทจะอปโหลดแมแบบขนมา
หนา 15
3 เรยกไฟล XML ทเตรยมไวตามขนตอนในรปครบ
4 อปโหลดแมแบบขนไปแทนทแมแบบเดม โดยระหวางการแทนท อาจมการถามถงการลบเกบ Widget ของแมแบบเดม ซงถาตองการเกบของเกาเอาไวกเลอก เกบ Widget กจะท าให Widget ของแมแบบเดม ไมถกลบขณะเปลยน Templates
หนา 16
5 จากนนลองแสดงตวอยางด ซงถาพอใจกบแมแบบแลวกใหท าการบนทก กจบขนตอนการเปลยนแมแบบแลวครบ และถาหากคณตองการเปลยนแมแบบอกกสามารถเปลยนไดแบบไมจ ากดครง
นคอผลงาน หลงจากเปลยนแมแบบ นครบ กอนเปลยน Template
หลงเปลยน Template
หนา 17
เครองมอส าหรบ ldquoออกแบบแมแบบrdquo ดวยตนเอง ใหม จาก Blogger
หลงจากทมงาน Blogger ไดสราง Gadget หนาเวบ ออกมาไดไมนาน ตอนนกไดพฒนาการเครองมอส าหรบการออกแบบแมแบบของ blogger ใหยดหยนมากขน โดยใหผใชสามารถปรบแตงแมแบบไดดวยตนเอง ไมวาจะเปนการเลอก Theme การออกแบบโครงรางของหนาวาจะม 2 หรอ 3 คอลมน หรอหลายคอลมน ซงท าไดโดยการคลกเพยงไมกครง การปรบความกวางของ Template และ sidebar เพยงแคคลกเดยวเปนตน ความสามารถทงหลายนผใชสามารถท าไดโดยไมตองมความรเรอง HTML และ CSS เลยส าหรบการใชงานเครองมอนกคลายคลงกบการใชงานเครองมอเดม ๆ ทมอย ซงผมจะอธบายทละสวนดงน
การใช เครองมอออกแบบแมแบบ ท าไดโดย Log in เขาไปท draftblogger และไปท แผงควบคม gtgt
การออกแบบ gtgt องคประกอบของหนา gtgt คลกท ldquoเครองมอออกแบบแมแบบ ใหมrdquo
เมอคลกท ldquoเครองมอออกแบบแมแบบrdquo แลวเราจะพบเครองมอส าหรบออกแบบแมแบบอย 4 อยางดวยกน ไดแก 1 แมแบบ 2 พนหลง 3 รปแบบ และ 4 ขนสง
สวนแสดงตวอยาง
หนา 18
1 การใชงานเครองมอแมแบบ ท าไดโดย คลกทขอความ แมแบบ gtgt จากนนเลอกรปแบบทตองการ gtgt และเลอก theme ทตองการ เมอแสดงตวอยางเปนทนาพอใจแลว ใหคลกทปม ldquoใชกบบลอกrdquo เพอยนยน
2 การใชงานเมนพนหลง การใชงานเครองมอ ldquoพนหลงrdquo สามารถใชเพอเปลยนภาพพนหลงของบลอก และเลอกส Theme ของบลอกไดตามความตองการไดดวย
21 วธเปลยนภาพพนหลงท าไดโดย คลกท ldquoภาพพนหลงrdquo และเลอกถาพตามตองการ และกดปม ldquoใชกบบลอกrdquo เพอยนยน
สวนแสดงตวอยาง
หนา 19
22 การเลอกส Theme ของบลอก คลกทส Theme ทตองการโดย อาจจะคลกเลอกจาก
Theme ส าเรจรปหรอเลอกจาก Theme ทแนะน า
หนา 20
3 การใชงานเครองมอ ldquoรปแบบrdquo คณสามารถใชเครองมอนเพอก าหนดจ านวน คอลมน รปแบบคอลมน ความกวางของคอลมน รวมถงการก าหนดคอลมนใหกบสวนทายของหนาไดดวย
31 การใชงานเครองมอ ldquoการออกแบบเนอความrdquo เครองมอนใชก าหนดรปแบบคอลมนของ template ของคณ ซงท าไดงายดายโดยการคลกเลอกรปแบบทตองการ ดตวอยาง เมอเปนทพอใจแลวกกดปม ldquoใชกบบลอกrdquo เพอยนยน
32 การใชงานเครองมอ ldquoการออกแบบสวนทายrdquo เครองมอนเปนเครองมอส าหรบการ
ก าหนดคอลมนใหกบสวนทายของหนาบลอก ซงท าไดเชนเดยวกบ 31
หนา 21
33 การใชงานเครองมอ ldquoการปรบความกวางrdquo คณสามารถปรบความกวางของแมแบบ และ sidebar จากเครองมอนเพยงแคเลอน slider ใหตรงกบคาตวเลขทตองการเทานน
4 ส าหรบเมนขนสงเปนการก าหนดรายละเอยดตางๆ ใหกบบลอก เชน รปแบบของลงค gadget ตางๆ หวเรอง ชอของบลอก เปนตน ซงคณสามารถปรบแตงตามความตองการแลว แสดงตวอยาง หากเปนทพอใจกบนทกเชนเดยวกบ ขอ 1-3 ทไดกลาวมาแลว
ปล อยาลมนะครบวาเครองมอเหลานจะไมมใน bloggercom แต จะมใน draftbloggercom เทานน
หนา 22
บทท 3 วธเขยนและจดการบทความในบลอก
บทนผมจงจะเลาถงวธเขยนบทความใน Blogger เพอเปนแนวทางใหคณสามารถเขยนบทความลงในบลอกของคณไดสวยงามและเปนมออาชพมากขน
ส าหรบทานทเขยนบทความเปนอยแลวอาจจะขามไปอานบทความอน ๆ ตอไปไดเลยครบ สวนทานทเปนมอใหมจรง ๆ กควรจะอานบทความนใหจบเพอเปนแนวทางในการ
เขยนบทความของคณเองตอไป
1 การเขาไปเขยนบทความ การเขาไปเขยนบทความบน Blogger โดยตรงสามารถเขาไปได 2 ชองทางดวยกนคอ 11 ถาคณใชแมแบบทไมไดซอนแถบน าทางสามารถเขาไปเขยนบทความไดโดยคลกทเมน
บทความใหม
12 เขาไปเขยนบทความผาน draftbloggercom
หนา 23
โปรดสงเกตวาเครองมอในการเขยนบทความของ Draftblogger จะมมากกวาเครองมอของ blogger ปกต ดงนนโดยสวนตวผมแนะน าใหเขยนบทความผาน draftbloggercom เพราะมเครองมอมากกวาวธแรก และควรตงคาให draftblogger เปนเครองมอเรมตน
2 องคประกอบของเครองมอเขยนบทความ
กอนอนผมขอแนะน าใหรจกเครองมอทจ าเปนในการเขยนบทความดงน สวนท 1 คอสวนตงชอเรองหรอชอบทความ สวนท 2 เปนสวนทใชส าหรบกรณทเราตองการวางขอความทคดลอกมาจาก Ms word
หรอโคดวดโอจาก Youtube หรอโคด HTMLจาวาสครปตทตองการใหปรากฏและแสดงผลในบทความ
หนา 24
สวนท 3 เปนแถบทเลอกเมอตองการเขยนขอความปกตซงจะมเครองมอในการเขยนบทความตามทเหนในภาพขางบน
สวนท 4 ส าหรบจดรปแบบอกษร สวนท 5 เปนเครองมอในการใสลงคใหขอความ แทรกภาพลงในบทความ และแทรกวดโอ
ลงในบทความตามล าดบ สวนท 6 รปกระดาษขาดทเหนนนใชในกรณทคณตองการแสดงบทความใหผอานเหนในหนา
หลกเพยงบางสวนเทานน และถาใชเครองมอนผอานจะตองคลกอานเพมเตมจงจะเหนขอความแบบเตม เครองมอนมขอดคอท าใหบทความทมความยาวมาก ๆ สนลงได และท าใหเปดหนาแรกไดเรวขนดวย
สวนท 7 เปนสวนทใชในการจดเรยงขอความ และจดแนวรปภาพไดดวย เชน จดชดซาย ชดขวา กงกลาง เปนตน
สวนท 8 ไดแกการใส การเนนขอความ การลบรปแบบ การตรวจสอบการสะกดค า และการแปลภาษา
สวนท 9 เปนสวนทใชในการวางก าหนดเวลาลางหนา วาจะใหบทความทเขยนเผยแพรใน วนใด
สวนท 10 เปนการใสปายก ากบ ซงเปนสวนทใชระบวาบทความทเขยนนอยในหมวดหมใด ซงสามารถใสไดมากกวา 1 ปายก ากบโดยคนดวยเครองหมายจลภาค และสามารถเลอกปายก ากบทคณเคยใสใหบทความอนไปแลวมาใสอกได เพอท าใหบทความนน ๆ อยในหมวดหมเดยวกน
สวนท 11 เปนการเลอกวาจะบนทกไวกอน หรอจะเผยแพร มประโยชนในกรณทบทความทเขยนใชเวลาเขยนนานมากกอาจจะบนทกเอาไวกอนแลวมาเขยนตอในภายหลงได
หนา 25
เทคนคการเขยนบทความทควรร ในกรณทเรามไฟลเอกสารจาก MS word แลวคดลอกมาวางเพอท าใหเขยนบทความไดเรวขน
บางครงพบปญหาขอผดพลาดของฟอรม (ฟอรมใน MS word ไมสามารถแปลงเปน HTML Code ได)
ปญหานแกไดโดยกอนวางขอความใหคลกทแถบ แกไข HTML แลวจงวางขอความทคดลอกมา
จากนนจงคลกทแถบ เขยน เพอจดรปแบบของบทความตอไป
เทคนคนยงสามารถใชกบการวางโคดวดโอ หรอขอความทคดลอกมาจากเวบไซตไดดวยครบ
หนา 26
บทท 4 การตงคาพนฐานตางๆ ใหกบบลอก
บทนผมจะขอแนะน าการตงคาพนฐานตางๆ ของบลอกเพอใหเขาใจการตงคาในสวนตาง ๆ ของ Blogger และจะท าใหคณสามารถตงคาตาง ๆ ตามความตองการของตนเองได อกทงจะเปนประโยชนในการพฒนาการท า Blogger ในระยะยาวดวย
การตงคาพนฐานตางๆ ของบลอกท าไดโดย Log in เขาไปท blogger เมอมาทหนา แผงควบคม ให Click ท การตงคา
และทานจะเขามาทเมนการตงคาของบลอก
ผมจะแบงการตงคาออกเปน 9 สวนดงน 1 ขนตน
คณสามารถดาวนโหลด Blog เพอเกบเปน Backup ขอมลบทความและ comment ของบลอกไดโดยเลอก สงออกบลอก แตถาคณมขอมลบลอกเดมอยแลวอยากจะน ามาใชกบบลอกใหมทสรางขน กใหเลอก น าเขาบลอก แตถาคดวาไมตองการใชบลอกนแลวกสามารถลบทงไดโดยเลอก ลบบลอก
หนา 27
Title และค าอธบายของบลอก ควรใสใหเขาใจภาพรวมของบลอกและม keyword ในการท าบลอกแทรกอยใน Description ดวย
ในสวนการตงคาอน ๆ ควรตงคาดงน
องคประกอบ ตงคาเปน
เพมบลอกของคณในรายการของเราหรอไม ใช
อนญาตใหเครองมอคนหาพบบลอกของคณหรอไม ใช
แสดงการแกไขอยางรวดเรวบนบลอกของคณหรอไม ใช
มเนอหาส าหรบผใหญหรอไม ไม
เลอกโปรแกรมแกไขบทความ โปรแกรมแกไขทอปเดต
2 การเผยแพร ในการตงคาสวนนสามารถเปลยน URL ของบลอกได
หนา 28
ถาคณตองการเปลยนโดเมนของบลอกจาก blogspotcom เปนโดเมนอนกสามารถตงคาไดตรงสวนน แตจะตองเสยคาใชจายการจดโดเมนผาน google ปละ 10 US (ประมาณ 300 กวาบาทตอป)
3 การจดรปแบบ ในสวนนเปนการตงคาการเผยแพรบทความ เชน จ านวนบทความในหนาแรก รปแบบเวลา
และวนทเปนตน
คณควรจะตงคาตาง ๆ ดงน
องคประกอบ ตงคาเปน
แสดงสงสด เทาไรกได
รปแบบสวนหวของวนท ตงไดตามใจชอบ
รปแบบวนทของดชนคลงบทความ ตงไดตามใจชอบ
รปแบบเวลา ตงไดตามใจชอบ
โซนเวลา (GMT+0700)กรงเทพ
ภาษา ไทย
แปลงการขนบรรทดใหม ไม
แสดงฟลดชอเรอง ใช
แสดงฟลดของลงก ไม
เปดใชการจดเรยงแบบลอย ใช
แมแบบบทความ ยงไมตองตงคา
หนา 29
4 เมนขอคดเหน เปนเมนส าหรบตงคาตาง ๆ เกยวกบการแสดงความคดเหนของบลอก
คณควรจะตงคาตาง ๆ ดงน
องคประกอบ ตงคาเปน
ขอคดเหน แสดง
ใครสามารถแสดงความคดเหน ผใชทมบญช Google
การจดวางฟอรมความคดเหน วางไวใตบทความ
ความคดเหนเรมตนส าหรบบทความ บทความใหมมความคดเหน
ลงกยอนกลบ ซอน
คาเรมตนของลงกยอนกลบส าหรบบทความ บทความใหมมลงกยอนกลบ รปแบบเวลาในสวนความคดเหน ตงคาตามใจ
ขอความของฟอรมความคดเหน ไมตองใสคาใด ๆ กได
การจดการความคดเหน ไม
แสดงการตรวจสอบค าส าหรบความคดเหนหรอไม ไม
แสดงรปภาพโปรไฟลบนความคดเหนหรอไม ใช
อเมลส าหรบแจงเตอนเมอมความคดเหนใหม กรอก email ของคณลงไป
5 เกบเขาคลงบทความ ตงใหเปนรายเดอนจะดทสด
หนา 30
6 ฟดของไซต ถาบทความในบลอกไมมากนก ตงคาเปน แบบเตม แตถาบทความมประมาณ 100 ขนไปควร
จะตงเปน แบบสน
7 อเมลและมอถอ
ในสวนนเปนการตงคา อเมลเพอใหระบบสงบลอกของคณทกครงทมการเผยแพร และเปนการตงคา การใชอปกรณเคลอนทในการเขยนบลอก ตรงนผมยงไมเคยลองเหมอนกน
8 OpenID
คณสามารถใช OpenID URL เพอเขาสไซตอนๆ ทใชงาน OpenID นอกจากนคณยงสามารถก าหนดใหผใช OpenID สามารถแสดงความคดเหนในบลอกของคณ โดยปรบการตงคา ความคดเหน ของคณ
9 สทธ
ในสวนนคณสามารถใชในการเปลยนผเขยนบลอก และเพมผดแลระบบไดถง 100 ราย
หนา 31
นอกจากนคณยงจ ากดคนเขาชมบลอกไดดวย โดยการระบ Email ของผทตองการลงไป
หนา 32
บทท 5 รจกและใชงาน Gadget ชนดตางๆ บน Blogger
เมอเรยนรเกยวกบ การตงคาตาง ๆ ของบลอก การเปลยน Templates ใหกบบลอกไปแลว สวนทเหลอคอ การจดรปแบบองคประกอบหนาใหกบบลอก รวมถงการใชงาน Gadget หลกชนดตางๆ ของ Blogger
Gadget คออะไร
Gadget ใน Blogger นนหมายถงสวนเสรมทเราสามารถตดตงเพมลงไปในแมแบบของ Blogger ซงบางครงกถกเรยกวา widget ซงกหมายถงสงเดยวกนกบ Gadget
วธเพม Gadget กอนอนให Login เขาไปท blogger หรอ draftblogger gtgt จากแผงควบคมใหเลอก การออกแบบ
หนา 33
จากนนใน Layout ของแมแบบคณจะเหนพนท ดงรปดานลางเพอใหเพม Gadget
และเมอคลก เพม Gadget กจะปรากฏ Gadget พนฐาน 21 อยางทจะกลาวถงในหวขอน
นอกจากนยงม Gadget อกมากมายซงคณสามารถเลอกไดจากเมนแกดเจดเพมเตมทางซายมอ
เมอเลอก Gadget ทตองการแลว คลกทปม + เพอท าการเพม Gadget นน ใสชอ Gadget และตงคาทตองการแลวบนทก
รปทเหนขางบนเปน Gadget ผตดตาม ส าหรบ Gadget อน ๆ กท าไดในท านองเดยวกน
หนา 34
รจกกบ Gadget พนฐาน 21 อยางของ Blogger
1 Gadget หนาเวบ
หลกการของ Gadget ชนดนคอคณจะตองสรางหนาเวบขนมากอน แลวใช Gadget นเปนเมนในการเชอมโยงไปยงหนาเวบ
2 Gadget ผตดตาม
Gadget ชนดนใชเพอใหผอานทชนชอบบลอกของคณไดตดตาม และเมอตดตามแลวความเคลอนไหว และการ update บทความของจะไปปรากฏแผงควบคมของผตดตามโดยอตโนมต และมสทธในการแสดงความคดเหนบนบลอกของคณได (กรณทคณอนญาตเฉพาะสมาชก)
3 Gadget ชองคนหา
เปน Gadget ทตดตงเพอใหผอานสามารถคนหาสงทตองการในบลอกของคณไดงายขน
หนา 35
4 Gadget HTMLจาวาสครปต
Gadget ชนดนเปน Gadget ทยดหยนทสดในบรรดา Gadget ทงหมด สามารถประยกตใชไดหลากหลาย เหมาะส าหรบใชตดตงโคดตาง ๆ ลงบน Blogger เชน โคดปฏทน นาฬกา โคดจาวาสครปต โคดรปภาพ โคดวดโอ โคดของลงค เปนตน
5 Gadget ขอความ
เปน Gadget ทเหมาะส าหรบเขยนขอความ เชน ขอความตอนรบ เปนตน
6 Gadget Adsense
คณจะใช Gadget ชนดนไดเมอสมครเขารวมโปรแกรมหรอเปนตวแทนในการเผยแพรโฆษณาบน Google
7 Gadget รปภาพ
ถาคณตองการแสดงรปภาพบนบลอกอยางเดยวกใหเลอกใช Gadget นครบ
หนา 36
8 Gadget สไลดโชว
Gadget นเปนการดง Albums จาก Picasaweb มาแสดงในรปแบบสไลดโชวบนบลอกของ
9 Gadget แถบวดโอ
Gadget นจะท าใหผใชคนหาวดโอบน Youtube จากบลอกของคณได
10 Gadget แบบส ารวจ
Gadget นถอเปน Gadget หนงทนาสนใจมาก แตยงมผใชจ านวนนอย โดยคณอาจจะใชส ารวจความตองการ หรอความคดเหนของผอานตอบลอกของคณ หรอส ารวจเกยวกบเรองทเกยวของกบเนอหาบนบลอกของคณกได
11 Gadget รายการบลอก
Gadget ชนดนเปน Gadget ทสามารถรวบรวมขาวสารลาสดจากบลอกทคณเลอกหรอบลอกทคณตดตาม พรอมทงสามารถแสดงเนอหาแบบยอไดดวย
หนา 37
12 Gadget รายชอลงค
เปน Gadget ทใชสรางลงคไปยงทตาง ๆ โดยคณสามารถปอน URL บน Gadget ชนดนเพอสราง Link โดยไมตองมความรเรอง HTML มากอนเลย
13 Gadget รายการ
เปน Gadget ทคลายคลงกบ Gadget รายชอลงค แตมความยดหยนกวา สามารถสรางขอความรายการและใส link ใหขอความไดดวย
14 Gadget ฟด
คณสามารถใช Gadget นดงขาวสารจากในบลอกของคณ หรอบลอกอนทคณสนใจเอามาแสดงเพยงแคใสชอบลอกทตองการลงไปลงไปใน gadget
15 Gadget Newsreel
เปน gadget ทท าใหพาดหวขาวจาก Google มาปรากฏบนบลอกของคณเทานน
หนา 38
16 Gadget ปายก ากบ
Gadget นมความส าคญ คณควรจะตดตง เพอใหบทความทเขยนเปนหมวดหม ใหผอานเหนชดเจนเลอกอานไดตรงความตองการมากขน
17 Gadget ลงคการสมคร
Gadget นมความส าคญในเรองการสงขาวสารขอมลจากบลอกของคณไปยงผอาน ผอานจะสามารถสมครรบบทความทาง email หรอผานชองทางอน ๆ ไดจาก Gadget น
18 Gadget โลโก
Gadget นไมส าคญนกเปนเพยงตดตง logo ของ blogger ในหนาบลอกเทานน
19 Gadget โปรไฟล
Gadget นจะแสดงขอมลอยางของคณทไดกรอกเอาไวบนบญชของ Blogger ถาคณตองการแสดงขอมลของคณบน Blog กควรจะตดตง Gadget นครบ
หนา 39
20 Gadget คลงบทความของบลอก
Gadget นจะท าใหผอานเหนบทความทงหมดภายในบลอกของคณได
21 Gadget สวนหวของหนา
Gadget นเปนสวนทใส Title และ Description ของ Blog โดยปกตแลว Template ทวไปกจะตดตงสวนนอยแลว
คณสามารถทดลองใช Gadget เหลานไดโดยไมตองกลวความผดพลาดเพราะ Gadget บน
Blogger นนสามารถลบออกไดอยางงายดายโดยวธการจดการกบ Gadget
หนา 40
บทท 6 การจดการกบ Gadget ในหนาบลอก
ในบททผานมาเราได รจกและใชงาน Gadget ชนดตาง ๆ บน Blogger ผมไดกลาวถงวธการเพม Gadget ใหกบบลอก แตยงไมไดกลาวถงการลบ Gadget ออกจากองคประกอบของหนา และนอกจากน ต าแหนงของ Gadget ยงสามารถเคลอนยายต าแหนงไดอกดวย
การลบ Gadget วธท 1 ถาในขณะทเรา log in และเปดหนาบลอกของเราขนมา กจะสงเกตเหนวามเครองมอ
ปรากฏอยตามทตางๆ ในองคประกอบของหนา
และถาเราคลกเขาไปกจะสามารถแกไข หรอ ลบองคประกอบเหลานนออกไปไดเลยครบ
หนา 41
วธท 2 เราสามารถเขาไปลบ Gadget ไดท แผงควบคม gtgt การออกแบบ gtgt องคประกอบของหนา gtgt เลอกแกไข Gadget ทตองการลบ
จากนนเลอกลบไดเชนเดยวกบกรณแรก
การยายต าแหนง Gadget ส าหรบการยายต าแหนงของ Gadget ท าไดโดยการ เขาไปทแผงควบคม gtgt การออกแบบ gtgt
องคประกอบหนาจากนนใหลากเมาสบน Gadget ทตองการยายไปวางในต าแหนงทตองการไดเลยครบ
หนา 42
เมอเขาใจการท างานของ Gadget ชนดตาง ๆ แลวสงทอยากจะฝากเอาไวตอนทายนกคอการจดองคประกอบหนาของบลอกดงน
แนวทางในการจดองคประกอบหนาบลอก
แนวทางในการจดองคประกอบหนานนไมมกฎเกณฑตายตว บางคนชอบใหม 2 column บางคน ชอบใหม 3 column ซงกขนอยกบความชอบและความตองการใชงาน แตทอยากใหค านงไวเสมอคอ ผอน คอ พระเจา ท าอะไรใหเขาใจงายๆ หาอะไรกเจออยางรวดเรว เขาไวเปนพอครบ และอกประการทส าคญคอ การตดตง Gadget ตาง ๆ ควรตดตงเทาทจ าเปนและตองการใชงาน ปฏทน หรอนาฬกานนกไมควรตดตง ลงไปเลย เพราะไมคมคากบการเพมภาระการโหลดใหกบผเขาชม และถาบลอกของคณโหลดไดชา ก เปนไปไดยากทผอานจะกลบมาอก
องคประกอบในหนาของบลอกทผมคดวาคณควรจะมคอ สวนทบอกตวตนของบลอก
ซงอาจจะแสดงในสวนหวของหนา หรอเปนวดโอ สไลดขอความรปถาย อยในต าแหนงทเหนไดชด สวนทเชอมโยงไปยงบทความในบลอก
สวนนจ าเปนมากเพราะจะชวยใหผอานคนหาบทความไดเรวขน คณอาจจะรวมบทความทงหมดเลยหรอ อาจจะใชวธจดหมวดหมใหผอานเลอกสงทตองการจากบลอกของเราไดเรวขน
สวนพนทของสมาชก
สวนนจะแสดงใหเหนวามผสนใจบลอกของเรามากแคไหน และสามารถสมครตดตามบลอกของเราไดทนท เชนอาจจะใช Gadget ผตดตาม หรอใช Like box Plugins ของ Facebook หรออาจจะท า Poll กได
สวนทเปนชองทางใหผอานตดตอเราได
คณอาจจะท า link เชอมโยงใหผอานตดตอคณได หรออาจจะใช Gadget profile ของ Blogger เพอแนะน าตวกได
หนา 43
บทท 7 การแสดงขาวสารลาสดดวย Gadget ฟด
ความหมายของค าวา ฟดโดยสรปกคอเปนสงทแพรกระจายจากบลอกของเราบนโลก Internet เทยบไดกบคลนสญญาณวทยหรอโทรทศน ถามตวรบทกคนกสามารถมองเหนขาวสารทตองการเลอกรบได นอกจากนถามตวชวยสงใหฟดแพรไดแรงขน ขาวสารกยอมจะแพรกระจายไดเรวดวย
ดงนนถาคณสนใจขาวสารจากบลอกใดบลอกหนงคณกสามารถทจะเปดรบขาวสารจากบลอกนนๆ โดยใช Gadget ฟด ซงเปน Gadget ทสามารถเพมไดอยางไมจ ากด ดงนนถาคณตองการรบขาวจาก 10 บลอกกสามารถท าไดโดยการเพม gadget ฟดเขาไปในบลอก 10 ครง ในขณะเดยวกนถาคณใสชอบลอกของตวเองใน Gadget ฟด Gadget ชนดนจะกลายเปน Gadget ทใชแสดง บทความลาสดนนเองครบ
การแสดงขาวสารลาสดโดยการใช Gadget ฟด
1 ไปทองคประกอบของหนา gtgt เพมฟด Gadget
หนา 44
2 ใสโคดตอไปนลงไปใน Gadget ฟด httpชอบลอกblogspotcomfeedspostsdefault
โดยจะตองเปลยนชอบลอกเปนชอบลอกของของคณเองหรอชอบลอกทคณตองการรบขาวสารท update
ตงคาทตองการเพมเตมและบนทกกจะได feeds ขาวสารมาปรากฏทบลอกของคณ
3 ถาตองการเพมบลอกอนอกกท าซ าขอ 1 และ 2 แตตองเปลยนชอบลอกใหม 4 กรณทคณตองการเรยก feed จากเวบทตองการใหคนหา feed จากเวบ wwwgooglecom
แลวแทนโคดในขอ 2 เชน feed ขาวการศกษาจากเวบ httpwwwrssthaicom ใหใสโคด httpwwwrssthaicomnewsphpt=education แทนในขอ 2
หนา 45
บทท 8 แนะน า Gadget ใหมของ blogger ldquoหนาเวบrdquo
ตามเวบไซตตาง ๆ เราคงจะเคยเหนกนวาแตละเวบไซตจะม เมนส าหรบเลอกเปดไปดหนาอน ๆภายในเวบนนๆ เชน ตวอยางในรปดานลาง
Blogger ไดพฒนา Gadget ตวใหมขนมา มชอวา หนาเวบ เพอใหผใชไดสรางหนาของบลอกทตองการไดโดยไมตองมความรในการดดแปลงหรอแกไขแมแบบดวยตนเอง
การเรยกใช Gadget ชนดนสามารถเลอกใชไดเชนเดยวกบการ Add Gadget ชนดอน ๆ นนคอ ไปท องคประกอบของหนา gtgt แลวเลอก เพม Gadget
ตอไปเรามาดวา Gadget น ใชอยางไร และใชเพอจดประสงคใด หลกการของ Gadget นเหมอนการสรางบทความขนมา 1 บทความ และ สราง Link เชอมโยงไป ยงบทความนน ๆ แตมความพเศษตรงทผใชทวไปสรางเมนขนเองไดอยางงายดาย โดยไมตองมความรพนฐานเกยวกบ HTML เลย
หนา 46
ตวอยางวธการใชงาน(จรง) ในตวอยางนผมจะสราง 2 หนาใหเหนเปนตวอยาง ไดแก HOME และ CONTACT ME
ขนเตรยมการ เนองจากผมจะยกตวอยางการสรางหนา Contact me ดงนนใหทกคนไปสราง Form ส าหรบ
ตดตอเจาของบลอกซงกคอเราเอง ไดท httpwwwfoxyformcom
ซงขนตอนในการสราง ฟอรมนนงายมาก มเพยง 4 ขนเทานน (ดรป)
หนา 47
เมอไดโคด แลวคดลอกเกบเอาไวกอนครบ
ขนสรางหนาเวบจรง ขนท 1 สรางหนาแรก หรอ HOME
Log in เขาไปท draftblogger ไปทแผงควบคม gtgt องคประกอบของหนา gtgt แลวเลอก เพม Gadget เลอกอนแรกเลยครบ คอ gadget หนาเวบ
จากนนกสราง หนาแรกขนมาโดยตงชอตามทตองการไดเลย แลวท าการบนทกครบ
หนา 48
ขนท 2 เมอผานขนท 1 มาแลวกเทากบวาเราไดสราง หนาบลอกขนมาแลว 1 หนา
ถาจะท าการเพมหนาอก ใหไปทแผงควบคม gtgt การสงบทความ gtgt แกไขหนาเวบ gtgt หนาเวบใหม
เมอคลกสรางหนาเวบใหม เรากจะพบเครองมอตาง ๆ เหมอนการเขยนบทความนนเองครบ
หนา 49
ใหน าโคดของ Form ทเตรยมไว จากขนเตรยมการมาวางในหนาหนาน จดรปแบบตามตองการแลวบนทกหนาไดเลยครบ
เพยงขนตอนสน ๆ นเรากจะมเมนเชอมโยงไปยง หนาของบลอกถง 2 หนาดวยกน ไดแก HOME และ CONTACT ME
หนา 50
ขนท 3 - ถาหากตองการเพมหนาบลอกเพมขนอกกท าซ าขนตอนทไดกลาวมาขางตนครบ - แตถาตองการลบหนาบลอกทง กมาทเดม แลวจะเหนค าวาลบ ถาตองการลบทงกกดค าวาลบ
ไดเลย
ขนท 4 วธจดการกบเมนหนาเวบ - ถาตองการเรยงล าดบหนาเวบใหม กไปท องคประกอบของหนา แลว คลก Gadget หนาเวบขนมาแกไข gtgt ดรป
หนา 51
นอกจากน Gadget หนาเวบจะมลกษณะพเศษ คอ ถาอยท Sidebar เมนจะจดเรยงเปนแนวตง
หนา 52
แตถาลากไปในต าแหนงใตสวนหว จะจดเรยงเรยงเปนแนวนอนโดยอตโนมต
หนา 53
บทท 9 นบจ านวนคนเยยมชมดวย Flagcounter
อกบรการนบสถตคนเยยมชมทชวยใหเราทราบวาบลอกของเรามผเยยมชมทงในและตางประเทศมากหรอนอย จาก Flagcounter
วธตดตง
1 ไปท httpwwwflagcountercomindexhtml 2 ตงคาตางๆ ตามความตองการแลวกด GET YOUR FLAG COUNTER ดงรป
3 คดลอก HTML โคด ท FLAG COUNTER ไดสรางใหในขนท 2
หนา 54
4 กลบมาทบลอกของเรา ไปทแผงควบคม gtgt รปแบบ gtgt องคประกอบหนา gtgt เพม Gadget ชนด HTMLจาวาสครปต
5 วางโคดทคดลอกมาจากขนท 3 แลวบนทกครบกเปนอนจบขนตอนครบ ลกษณะทไดกดงรป
หนา 55
บทท 10 รปภาพในบทความบน Blogger
คณเคยสงสยไหมครบวา รปภาพทคณ upload ขนไปขณะทเขยนบทความ หรออาจจะเขยนบทความไปแลว รปเหลานนไปอยทไหน เพราะวา Blogger เองไมม sever ยงตองอาศยฐานขอมลของตวแมคอ blogspotcom อย แลวจะเอาพนท ๆ ไหนมาเกบรปตงมากมาย
ค าตอบคอ Blogger จะใชวธเชอมโยงกบ Application อน ๆ ของ Google เพอแกปญหาการเกบขอมล เชนรปภาพใน Blogger ทเราพดถงกนอยตอนนกจะถกเกบ
อยท Picasa Web Albums ดงนนไมวาจะเปนภาพทคณ Upload ขณะเขยนบทความ กจะถกเกบอยใน Picasa Web Albums ทงหมด
คณใชบรการ Picasa Web Albums ไดอยางไร
การใชบรการ Picasa Web Albums สามารถเขาใชไดทนทหากคณมบญชผใชกบ google อยแลว เชนมบญชผใช Gmail หรอ Blogger อยแลวกสามารถ Log in เขาใชไดเลย
Picasa Web Albums ใหพนทเทาไร
Picasa จะใหพนท เพยง 1 GB ตอ 1 บญชผใช นเปนเหตผลทบางคนอาจจะสงสยวาท าไมคณภาพรปหรอขนาดของรปบน Blogger จงลดลง กลาวคอระบบของ Picasa จะท าการลดขนาดของรปทเรา Upload ผาน Blogger ใหมขนาดเลกลงเพอเปนการประหยดพนทนนเอง
หนา 56
คณจะเขาไปจดการรปภาพจาก Blogger ใน Picasa Web ไดอยางไร การจดการภาพใน Picasa Web Albums ท าได 2 วธคอ
1 ใช Software ทพฒนาขนมาจดการ Picasa Web Albums โดยเฉพาะ
คณสามารถเขาไปดาวนโหลด Picasa ไดท httppicasagooglecom 2 เขาไปจดการทเวบไซต Picasa Web Albums โดยตรง โดยไปท httppicasawebgooglecom และ Log in โดยใชชอบญชเดยวกบ Blogger
คณสามารถเขาไป Unload ภาพไดโดยตรงกบ Picasa แลวเรยกมาใชบน blogger ไดโดยใชตวเลอก อปโหลด
หนา 57
แตถาตองการรปภาพบน Blogger ทไดอปโหลดขนไปแลวกคลกทอลบมทตองการแลวเขาไปจดการภาพไดเชนกน ลบรปภาพบน Blogger แลวรปบน Picasa จะถกลบดวยหรอไม
การลบรปภาพบน Blogger ไมสงผลใด ๆ ตอ Picasa Web Albums เลยเวนแตคณจะเขามาลบใน Picasa Web Albums โดยตรง ดงนนถาในขณะเขยนบทความคณเผลอท าพลาดรปภาพหายไป กสามารถเขามาเอารปภาพจาก Picasa Web Albums ใชงานไดอกโดยไมตอง upload ซ า หรอไมตองไปหาภาพมาใหม บทสรป
บทนแนะน าใหพอรจกการเชอมโยงระหวาง Blogger และ Picasa Web Albums ซงเปนบรการในเครอขาย Google เหมอนกน และจะท าใหคณเขาใจการจดการเกยวกบภาพบน Blogger ไดดขน
หนา 58
บทท 11 การสรางวดโอใน YouTube และน ามาใสในบลอก
ถามวดโอในหนาบลอกของเราดวย การสอสารเรองราวตางๆ กจะมชวตชวาและเขาใจงายขน ซงในทนเราสามารถสรางไดไมยากดวยบรการของ wwwyoutubecom ครบ
ขนตอนการฝากวดโอไวกบ youtube
1 ไปท wwwyoutubecom แลวเลอก Create Account ทมมขวาบนซงในกรณทเรา Login อยในเวบบลอกของเรานน กสามารถใชบรการของ youtube ดวย Account เดมโดยไมตองสมครใหมครบ วธการท าไดโดย
11 คลกท 12 กรอกขอมลส าหรบการสรางบญช โดยใช username ของ gmail ของเราเอง 13 จากนน คลก
หนา 59
14 จะพบหนาตางใหกรอก Username และ รหสผาน ของ gmail ใหกรอก e-mail ของเรา
จะพบหนาจอ ดงน จากนนเรากสามารถท าการเพม Video ไดตามทเราตองการ
หนา 60
2 การฝาก youtube มเงอนไขส าคญๆ ดงน - ความยาวของวดโอไมเกน 10 นาท - ควรเปนวดโอทไมกระทบตอสถาบน ชาต ศาสนา พระมหากษตรย และ ศลธรรมอนดงามของสงคม
3 การ upload วดโอขนไปทเมน upload (ทมมขวาบน) แลวท าการเลอกไฟลวดโอจากเครองของเรา และรอจนการ upload เสรจสน
31 คลกทปม Uploads
32 คลกทปม Upload Video
33 เลอกไฟล Video ทตองการ
34
34 เมอ Upload ได 100 แลวใหคลก Save change
หนา 61
4 เมอ upload เสรจสนแลวคลกทขอความ Embed and Sharing Options เรากเหน HTML code ใหคดลอก code เหลานนมาแปะในสวนทเราตองการ
เชนในทนผมคดลอก code มาแปะในบทความกจะไดผลลพธเปนวดโอตามดานลางทเหนครบ
หนา 62
เรอง หนา บทน าhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 1 บทท 1 การสรางเวบบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 4 บทท 2 วธเปลยน Template ของ Bloggerhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 12 บทท 3 วธเขยนและจดการบทความในบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 22 บทท 4 การตงคาพนฐานตางๆ ใหกบบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 26 บทท 5 รจกและใชงาน Gadget ชนดตางๆ บน Bloggerhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 32 บทท 6 การจดการกบ Gadget ในหนาบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 40 บทท 7 การแสดงขาวสารลาสดดวย Gadget ฟดhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 43 บทท 9 นบจ านวนคนเยยมชมดวย Flagcounterhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 53 บทท 10 รปภาพในบทความบน Bloggerhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 55 บทท 11 การสรางวดโอใน YouTube และน ามาใสในบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 58
หนา 63
255
เอกสารประกอบการฝกอบรมเชงปฏบตการ
การพฒนาสอการเรยนการสอน โดยใชโปรแกรมคอมพวเตอรรวมกบ Weblog
หนา 9
จะตองไมใหซ ากบคนอน ๆ ถาซ ากใชวธเปลยนเปนค าหรอวลทใกลเคยงไปเรอย ๆ การตงชอและ URL ของบลอกควรม keyword ทสมพนธกบเรองทจะเขยนดวย)
5 คลกทปม จะพบหนาจอ เลอกแมแบบเรมตน ดงรป
หนา 10
6 ใหเลอกแมแบบเรมตนทเราตองการใหเปนรปแบบของบลอก จากนนคลกปม จะปรากฏหนาจอแจงวา บลอกของคณถกสรางขนแลว ดงรป
7 คลกทปม เพอกรอกขอมลครงแรกในการสรางเวบบลอก ซงจะตองกรอกขอมลในหนาเวบ ดงรป
หนา 11
8 เมอกรอกขอมลเสรจแลว ใหคลกปม จะปรากฏหนาจอ ดงรป
9 ใหคลกทปม เพอดเวบบลอกของเรา เปนครงแรก จะพบหนาจอ ดงรป
หนา 12
บทท 2 วธเปลยน Template ของ Blogger
หลงจากบทแรกไดเสนอขนตอนในการสรางบลอกไปแลว ถงตรงนคณตองคดแลววาจดประสงคของการท าบลอกของคณคออะไร เพราะจดประสงคนแหละครบจะเปนตวก าหนดวาเราจะเลอก แมแบบ (หนาตา และองคประกอบ) ของบลอกอยางไร
ตอไปเราจะมาดวธการเลอก และการเปลยน Template กนครบ
ขนท 1 ใหคณไปเลอก template ไดท
httpbtemplatescom httpwwwbloggertemplateplacecom httpthemecraftnet httpwwwdeluxetemplatesnet httpwwwbloggerthemesnet httpwwwbloggerstylescom httpwwwanshuldudejacom httpwwwbloggertemplatesfreecom httpwwwbloggertemplatesblogcom httpwwwtemplatesblockcom httpblogger-templatesblogspotcom httpfreetemplatesblogspotcom
หนา 13
httpmashablecom20070913blogger-templates httpwwwwebtemplatesblogcom httpwwwezwpthemescom httpwwwfreebloggertemplateinfo httpwwwblogcrowdscomresourcesblogger-templates httpwwwzoomtemplatecom httpwwwtemplates-bloggercom httpwwwbloggerblogtemplatescom httpbloggertemplateplacecom httpwwwtemplatesbloggernet httpwwwbietemplatescom
หรอจะใชค าคน ldquoTemplate+blogrdquo ใน Google กไดครบ ผมเชอวาขนตอนนคณคงจะใชเวลานาน
พอสมควรเลยละครบ (ผมเองกใชเวลาเปนวนๆ ในการเลอก templates ทเดยวครบ ) ขนท 2 เมอคณได Template ทตองการแลว ใหเรมเปลยนดงน ในทน ผมเลอกเวบไซต httpwwwbloggerblogtemplatescom เพอเปนตนแบบในการใช
Template
หนา 14
ผมเลอก Template น
1 โดยการคลกท Read More or Download this Blogger Template จากนนจะพบ
หนาตางใหม ใหเลอนหาเมน Download the Green Day Blogger Theme และท าการคลกเพอดาวนโหลด จะได ใหท าการ แตกไฟลจากนนใหน า green-day-blogger-themexml ไปวางไวท Desktop
2 Log in ท blogger ไปทแผงควบคม gtgt รปแบบ gtgt แกไข HTML gtgt คลกปม Browse เพอทจะอปโหลดแมแบบขนมา
หนา 15
3 เรยกไฟล XML ทเตรยมไวตามขนตอนในรปครบ
4 อปโหลดแมแบบขนไปแทนทแมแบบเดม โดยระหวางการแทนท อาจมการถามถงการลบเกบ Widget ของแมแบบเดม ซงถาตองการเกบของเกาเอาไวกเลอก เกบ Widget กจะท าให Widget ของแมแบบเดม ไมถกลบขณะเปลยน Templates
หนา 16
5 จากนนลองแสดงตวอยางด ซงถาพอใจกบแมแบบแลวกใหท าการบนทก กจบขนตอนการเปลยนแมแบบแลวครบ และถาหากคณตองการเปลยนแมแบบอกกสามารถเปลยนไดแบบไมจ ากดครง
นคอผลงาน หลงจากเปลยนแมแบบ นครบ กอนเปลยน Template
หลงเปลยน Template
หนา 17
เครองมอส าหรบ ldquoออกแบบแมแบบrdquo ดวยตนเอง ใหม จาก Blogger
หลงจากทมงาน Blogger ไดสราง Gadget หนาเวบ ออกมาไดไมนาน ตอนนกไดพฒนาการเครองมอส าหรบการออกแบบแมแบบของ blogger ใหยดหยนมากขน โดยใหผใชสามารถปรบแตงแมแบบไดดวยตนเอง ไมวาจะเปนการเลอก Theme การออกแบบโครงรางของหนาวาจะม 2 หรอ 3 คอลมน หรอหลายคอลมน ซงท าไดโดยการคลกเพยงไมกครง การปรบความกวางของ Template และ sidebar เพยงแคคลกเดยวเปนตน ความสามารถทงหลายนผใชสามารถท าไดโดยไมตองมความรเรอง HTML และ CSS เลยส าหรบการใชงานเครองมอนกคลายคลงกบการใชงานเครองมอเดม ๆ ทมอย ซงผมจะอธบายทละสวนดงน
การใช เครองมอออกแบบแมแบบ ท าไดโดย Log in เขาไปท draftblogger และไปท แผงควบคม gtgt
การออกแบบ gtgt องคประกอบของหนา gtgt คลกท ldquoเครองมอออกแบบแมแบบ ใหมrdquo
เมอคลกท ldquoเครองมอออกแบบแมแบบrdquo แลวเราจะพบเครองมอส าหรบออกแบบแมแบบอย 4 อยางดวยกน ไดแก 1 แมแบบ 2 พนหลง 3 รปแบบ และ 4 ขนสง
สวนแสดงตวอยาง
หนา 18
1 การใชงานเครองมอแมแบบ ท าไดโดย คลกทขอความ แมแบบ gtgt จากนนเลอกรปแบบทตองการ gtgt และเลอก theme ทตองการ เมอแสดงตวอยางเปนทนาพอใจแลว ใหคลกทปม ldquoใชกบบลอกrdquo เพอยนยน
2 การใชงานเมนพนหลง การใชงานเครองมอ ldquoพนหลงrdquo สามารถใชเพอเปลยนภาพพนหลงของบลอก และเลอกส Theme ของบลอกไดตามความตองการไดดวย
21 วธเปลยนภาพพนหลงท าไดโดย คลกท ldquoภาพพนหลงrdquo และเลอกถาพตามตองการ และกดปม ldquoใชกบบลอกrdquo เพอยนยน
สวนแสดงตวอยาง
หนา 19
22 การเลอกส Theme ของบลอก คลกทส Theme ทตองการโดย อาจจะคลกเลอกจาก
Theme ส าเรจรปหรอเลอกจาก Theme ทแนะน า
หนา 20
3 การใชงานเครองมอ ldquoรปแบบrdquo คณสามารถใชเครองมอนเพอก าหนดจ านวน คอลมน รปแบบคอลมน ความกวางของคอลมน รวมถงการก าหนดคอลมนใหกบสวนทายของหนาไดดวย
31 การใชงานเครองมอ ldquoการออกแบบเนอความrdquo เครองมอนใชก าหนดรปแบบคอลมนของ template ของคณ ซงท าไดงายดายโดยการคลกเลอกรปแบบทตองการ ดตวอยาง เมอเปนทพอใจแลวกกดปม ldquoใชกบบลอกrdquo เพอยนยน
32 การใชงานเครองมอ ldquoการออกแบบสวนทายrdquo เครองมอนเปนเครองมอส าหรบการ
ก าหนดคอลมนใหกบสวนทายของหนาบลอก ซงท าไดเชนเดยวกบ 31
หนา 21
33 การใชงานเครองมอ ldquoการปรบความกวางrdquo คณสามารถปรบความกวางของแมแบบ และ sidebar จากเครองมอนเพยงแคเลอน slider ใหตรงกบคาตวเลขทตองการเทานน
4 ส าหรบเมนขนสงเปนการก าหนดรายละเอยดตางๆ ใหกบบลอก เชน รปแบบของลงค gadget ตางๆ หวเรอง ชอของบลอก เปนตน ซงคณสามารถปรบแตงตามความตองการแลว แสดงตวอยาง หากเปนทพอใจกบนทกเชนเดยวกบ ขอ 1-3 ทไดกลาวมาแลว
ปล อยาลมนะครบวาเครองมอเหลานจะไมมใน bloggercom แต จะมใน draftbloggercom เทานน
หนา 22
บทท 3 วธเขยนและจดการบทความในบลอก
บทนผมจงจะเลาถงวธเขยนบทความใน Blogger เพอเปนแนวทางใหคณสามารถเขยนบทความลงในบลอกของคณไดสวยงามและเปนมออาชพมากขน
ส าหรบทานทเขยนบทความเปนอยแลวอาจจะขามไปอานบทความอน ๆ ตอไปไดเลยครบ สวนทานทเปนมอใหมจรง ๆ กควรจะอานบทความนใหจบเพอเปนแนวทางในการ
เขยนบทความของคณเองตอไป
1 การเขาไปเขยนบทความ การเขาไปเขยนบทความบน Blogger โดยตรงสามารถเขาไปได 2 ชองทางดวยกนคอ 11 ถาคณใชแมแบบทไมไดซอนแถบน าทางสามารถเขาไปเขยนบทความไดโดยคลกทเมน
บทความใหม
12 เขาไปเขยนบทความผาน draftbloggercom
หนา 23
โปรดสงเกตวาเครองมอในการเขยนบทความของ Draftblogger จะมมากกวาเครองมอของ blogger ปกต ดงนนโดยสวนตวผมแนะน าใหเขยนบทความผาน draftbloggercom เพราะมเครองมอมากกวาวธแรก และควรตงคาให draftblogger เปนเครองมอเรมตน
2 องคประกอบของเครองมอเขยนบทความ
กอนอนผมขอแนะน าใหรจกเครองมอทจ าเปนในการเขยนบทความดงน สวนท 1 คอสวนตงชอเรองหรอชอบทความ สวนท 2 เปนสวนทใชส าหรบกรณทเราตองการวางขอความทคดลอกมาจาก Ms word
หรอโคดวดโอจาก Youtube หรอโคด HTMLจาวาสครปตทตองการใหปรากฏและแสดงผลในบทความ
หนา 24
สวนท 3 เปนแถบทเลอกเมอตองการเขยนขอความปกตซงจะมเครองมอในการเขยนบทความตามทเหนในภาพขางบน
สวนท 4 ส าหรบจดรปแบบอกษร สวนท 5 เปนเครองมอในการใสลงคใหขอความ แทรกภาพลงในบทความ และแทรกวดโอ
ลงในบทความตามล าดบ สวนท 6 รปกระดาษขาดทเหนนนใชในกรณทคณตองการแสดงบทความใหผอานเหนในหนา
หลกเพยงบางสวนเทานน และถาใชเครองมอนผอานจะตองคลกอานเพมเตมจงจะเหนขอความแบบเตม เครองมอนมขอดคอท าใหบทความทมความยาวมาก ๆ สนลงได และท าใหเปดหนาแรกไดเรวขนดวย
สวนท 7 เปนสวนทใชในการจดเรยงขอความ และจดแนวรปภาพไดดวย เชน จดชดซาย ชดขวา กงกลาง เปนตน
สวนท 8 ไดแกการใส การเนนขอความ การลบรปแบบ การตรวจสอบการสะกดค า และการแปลภาษา
สวนท 9 เปนสวนทใชในการวางก าหนดเวลาลางหนา วาจะใหบทความทเขยนเผยแพรใน วนใด
สวนท 10 เปนการใสปายก ากบ ซงเปนสวนทใชระบวาบทความทเขยนนอยในหมวดหมใด ซงสามารถใสไดมากกวา 1 ปายก ากบโดยคนดวยเครองหมายจลภาค และสามารถเลอกปายก ากบทคณเคยใสใหบทความอนไปแลวมาใสอกได เพอท าใหบทความนน ๆ อยในหมวดหมเดยวกน
สวนท 11 เปนการเลอกวาจะบนทกไวกอน หรอจะเผยแพร มประโยชนในกรณทบทความทเขยนใชเวลาเขยนนานมากกอาจจะบนทกเอาไวกอนแลวมาเขยนตอในภายหลงได
หนา 25
เทคนคการเขยนบทความทควรร ในกรณทเรามไฟลเอกสารจาก MS word แลวคดลอกมาวางเพอท าใหเขยนบทความไดเรวขน
บางครงพบปญหาขอผดพลาดของฟอรม (ฟอรมใน MS word ไมสามารถแปลงเปน HTML Code ได)
ปญหานแกไดโดยกอนวางขอความใหคลกทแถบ แกไข HTML แลวจงวางขอความทคดลอกมา
จากนนจงคลกทแถบ เขยน เพอจดรปแบบของบทความตอไป
เทคนคนยงสามารถใชกบการวางโคดวดโอ หรอขอความทคดลอกมาจากเวบไซตไดดวยครบ
หนา 26
บทท 4 การตงคาพนฐานตางๆ ใหกบบลอก
บทนผมจะขอแนะน าการตงคาพนฐานตางๆ ของบลอกเพอใหเขาใจการตงคาในสวนตาง ๆ ของ Blogger และจะท าใหคณสามารถตงคาตาง ๆ ตามความตองการของตนเองได อกทงจะเปนประโยชนในการพฒนาการท า Blogger ในระยะยาวดวย
การตงคาพนฐานตางๆ ของบลอกท าไดโดย Log in เขาไปท blogger เมอมาทหนา แผงควบคม ให Click ท การตงคา
และทานจะเขามาทเมนการตงคาของบลอก
ผมจะแบงการตงคาออกเปน 9 สวนดงน 1 ขนตน
คณสามารถดาวนโหลด Blog เพอเกบเปน Backup ขอมลบทความและ comment ของบลอกไดโดยเลอก สงออกบลอก แตถาคณมขอมลบลอกเดมอยแลวอยากจะน ามาใชกบบลอกใหมทสรางขน กใหเลอก น าเขาบลอก แตถาคดวาไมตองการใชบลอกนแลวกสามารถลบทงไดโดยเลอก ลบบลอก
หนา 27
Title และค าอธบายของบลอก ควรใสใหเขาใจภาพรวมของบลอกและม keyword ในการท าบลอกแทรกอยใน Description ดวย
ในสวนการตงคาอน ๆ ควรตงคาดงน
องคประกอบ ตงคาเปน
เพมบลอกของคณในรายการของเราหรอไม ใช
อนญาตใหเครองมอคนหาพบบลอกของคณหรอไม ใช
แสดงการแกไขอยางรวดเรวบนบลอกของคณหรอไม ใช
มเนอหาส าหรบผใหญหรอไม ไม
เลอกโปรแกรมแกไขบทความ โปรแกรมแกไขทอปเดต
2 การเผยแพร ในการตงคาสวนนสามารถเปลยน URL ของบลอกได
หนา 28
ถาคณตองการเปลยนโดเมนของบลอกจาก blogspotcom เปนโดเมนอนกสามารถตงคาไดตรงสวนน แตจะตองเสยคาใชจายการจดโดเมนผาน google ปละ 10 US (ประมาณ 300 กวาบาทตอป)
3 การจดรปแบบ ในสวนนเปนการตงคาการเผยแพรบทความ เชน จ านวนบทความในหนาแรก รปแบบเวลา
และวนทเปนตน
คณควรจะตงคาตาง ๆ ดงน
องคประกอบ ตงคาเปน
แสดงสงสด เทาไรกได
รปแบบสวนหวของวนท ตงไดตามใจชอบ
รปแบบวนทของดชนคลงบทความ ตงไดตามใจชอบ
รปแบบเวลา ตงไดตามใจชอบ
โซนเวลา (GMT+0700)กรงเทพ
ภาษา ไทย
แปลงการขนบรรทดใหม ไม
แสดงฟลดชอเรอง ใช
แสดงฟลดของลงก ไม
เปดใชการจดเรยงแบบลอย ใช
แมแบบบทความ ยงไมตองตงคา
หนา 29
4 เมนขอคดเหน เปนเมนส าหรบตงคาตาง ๆ เกยวกบการแสดงความคดเหนของบลอก
คณควรจะตงคาตาง ๆ ดงน
องคประกอบ ตงคาเปน
ขอคดเหน แสดง
ใครสามารถแสดงความคดเหน ผใชทมบญช Google
การจดวางฟอรมความคดเหน วางไวใตบทความ
ความคดเหนเรมตนส าหรบบทความ บทความใหมมความคดเหน
ลงกยอนกลบ ซอน
คาเรมตนของลงกยอนกลบส าหรบบทความ บทความใหมมลงกยอนกลบ รปแบบเวลาในสวนความคดเหน ตงคาตามใจ
ขอความของฟอรมความคดเหน ไมตองใสคาใด ๆ กได
การจดการความคดเหน ไม
แสดงการตรวจสอบค าส าหรบความคดเหนหรอไม ไม
แสดงรปภาพโปรไฟลบนความคดเหนหรอไม ใช
อเมลส าหรบแจงเตอนเมอมความคดเหนใหม กรอก email ของคณลงไป
5 เกบเขาคลงบทความ ตงใหเปนรายเดอนจะดทสด
หนา 30
6 ฟดของไซต ถาบทความในบลอกไมมากนก ตงคาเปน แบบเตม แตถาบทความมประมาณ 100 ขนไปควร
จะตงเปน แบบสน
7 อเมลและมอถอ
ในสวนนเปนการตงคา อเมลเพอใหระบบสงบลอกของคณทกครงทมการเผยแพร และเปนการตงคา การใชอปกรณเคลอนทในการเขยนบลอก ตรงนผมยงไมเคยลองเหมอนกน
8 OpenID
คณสามารถใช OpenID URL เพอเขาสไซตอนๆ ทใชงาน OpenID นอกจากนคณยงสามารถก าหนดใหผใช OpenID สามารถแสดงความคดเหนในบลอกของคณ โดยปรบการตงคา ความคดเหน ของคณ
9 สทธ
ในสวนนคณสามารถใชในการเปลยนผเขยนบลอก และเพมผดแลระบบไดถง 100 ราย
หนา 31
นอกจากนคณยงจ ากดคนเขาชมบลอกไดดวย โดยการระบ Email ของผทตองการลงไป
หนา 32
บทท 5 รจกและใชงาน Gadget ชนดตางๆ บน Blogger
เมอเรยนรเกยวกบ การตงคาตาง ๆ ของบลอก การเปลยน Templates ใหกบบลอกไปแลว สวนทเหลอคอ การจดรปแบบองคประกอบหนาใหกบบลอก รวมถงการใชงาน Gadget หลกชนดตางๆ ของ Blogger
Gadget คออะไร
Gadget ใน Blogger นนหมายถงสวนเสรมทเราสามารถตดตงเพมลงไปในแมแบบของ Blogger ซงบางครงกถกเรยกวา widget ซงกหมายถงสงเดยวกนกบ Gadget
วธเพม Gadget กอนอนให Login เขาไปท blogger หรอ draftblogger gtgt จากแผงควบคมใหเลอก การออกแบบ
หนา 33
จากนนใน Layout ของแมแบบคณจะเหนพนท ดงรปดานลางเพอใหเพม Gadget
และเมอคลก เพม Gadget กจะปรากฏ Gadget พนฐาน 21 อยางทจะกลาวถงในหวขอน
นอกจากนยงม Gadget อกมากมายซงคณสามารถเลอกไดจากเมนแกดเจดเพมเตมทางซายมอ
เมอเลอก Gadget ทตองการแลว คลกทปม + เพอท าการเพม Gadget นน ใสชอ Gadget และตงคาทตองการแลวบนทก
รปทเหนขางบนเปน Gadget ผตดตาม ส าหรบ Gadget อน ๆ กท าไดในท านองเดยวกน
หนา 34
รจกกบ Gadget พนฐาน 21 อยางของ Blogger
1 Gadget หนาเวบ
หลกการของ Gadget ชนดนคอคณจะตองสรางหนาเวบขนมากอน แลวใช Gadget นเปนเมนในการเชอมโยงไปยงหนาเวบ
2 Gadget ผตดตาม
Gadget ชนดนใชเพอใหผอานทชนชอบบลอกของคณไดตดตาม และเมอตดตามแลวความเคลอนไหว และการ update บทความของจะไปปรากฏแผงควบคมของผตดตามโดยอตโนมต และมสทธในการแสดงความคดเหนบนบลอกของคณได (กรณทคณอนญาตเฉพาะสมาชก)
3 Gadget ชองคนหา
เปน Gadget ทตดตงเพอใหผอานสามารถคนหาสงทตองการในบลอกของคณไดงายขน
หนา 35
4 Gadget HTMLจาวาสครปต
Gadget ชนดนเปน Gadget ทยดหยนทสดในบรรดา Gadget ทงหมด สามารถประยกตใชไดหลากหลาย เหมาะส าหรบใชตดตงโคดตาง ๆ ลงบน Blogger เชน โคดปฏทน นาฬกา โคดจาวาสครปต โคดรปภาพ โคดวดโอ โคดของลงค เปนตน
5 Gadget ขอความ
เปน Gadget ทเหมาะส าหรบเขยนขอความ เชน ขอความตอนรบ เปนตน
6 Gadget Adsense
คณจะใช Gadget ชนดนไดเมอสมครเขารวมโปรแกรมหรอเปนตวแทนในการเผยแพรโฆษณาบน Google
7 Gadget รปภาพ
ถาคณตองการแสดงรปภาพบนบลอกอยางเดยวกใหเลอกใช Gadget นครบ
หนา 36
8 Gadget สไลดโชว
Gadget นเปนการดง Albums จาก Picasaweb มาแสดงในรปแบบสไลดโชวบนบลอกของ
9 Gadget แถบวดโอ
Gadget นจะท าใหผใชคนหาวดโอบน Youtube จากบลอกของคณได
10 Gadget แบบส ารวจ
Gadget นถอเปน Gadget หนงทนาสนใจมาก แตยงมผใชจ านวนนอย โดยคณอาจจะใชส ารวจความตองการ หรอความคดเหนของผอานตอบลอกของคณ หรอส ารวจเกยวกบเรองทเกยวของกบเนอหาบนบลอกของคณกได
11 Gadget รายการบลอก
Gadget ชนดนเปน Gadget ทสามารถรวบรวมขาวสารลาสดจากบลอกทคณเลอกหรอบลอกทคณตดตาม พรอมทงสามารถแสดงเนอหาแบบยอไดดวย
หนา 37
12 Gadget รายชอลงค
เปน Gadget ทใชสรางลงคไปยงทตาง ๆ โดยคณสามารถปอน URL บน Gadget ชนดนเพอสราง Link โดยไมตองมความรเรอง HTML มากอนเลย
13 Gadget รายการ
เปน Gadget ทคลายคลงกบ Gadget รายชอลงค แตมความยดหยนกวา สามารถสรางขอความรายการและใส link ใหขอความไดดวย
14 Gadget ฟด
คณสามารถใช Gadget นดงขาวสารจากในบลอกของคณ หรอบลอกอนทคณสนใจเอามาแสดงเพยงแคใสชอบลอกทตองการลงไปลงไปใน gadget
15 Gadget Newsreel
เปน gadget ทท าใหพาดหวขาวจาก Google มาปรากฏบนบลอกของคณเทานน
หนา 38
16 Gadget ปายก ากบ
Gadget นมความส าคญ คณควรจะตดตง เพอใหบทความทเขยนเปนหมวดหม ใหผอานเหนชดเจนเลอกอานไดตรงความตองการมากขน
17 Gadget ลงคการสมคร
Gadget นมความส าคญในเรองการสงขาวสารขอมลจากบลอกของคณไปยงผอาน ผอานจะสามารถสมครรบบทความทาง email หรอผานชองทางอน ๆ ไดจาก Gadget น
18 Gadget โลโก
Gadget นไมส าคญนกเปนเพยงตดตง logo ของ blogger ในหนาบลอกเทานน
19 Gadget โปรไฟล
Gadget นจะแสดงขอมลอยางของคณทไดกรอกเอาไวบนบญชของ Blogger ถาคณตองการแสดงขอมลของคณบน Blog กควรจะตดตง Gadget นครบ
หนา 39
20 Gadget คลงบทความของบลอก
Gadget นจะท าใหผอานเหนบทความทงหมดภายในบลอกของคณได
21 Gadget สวนหวของหนา
Gadget นเปนสวนทใส Title และ Description ของ Blog โดยปกตแลว Template ทวไปกจะตดตงสวนนอยแลว
คณสามารถทดลองใช Gadget เหลานไดโดยไมตองกลวความผดพลาดเพราะ Gadget บน
Blogger นนสามารถลบออกไดอยางงายดายโดยวธการจดการกบ Gadget
หนา 40
บทท 6 การจดการกบ Gadget ในหนาบลอก
ในบททผานมาเราได รจกและใชงาน Gadget ชนดตาง ๆ บน Blogger ผมไดกลาวถงวธการเพม Gadget ใหกบบลอก แตยงไมไดกลาวถงการลบ Gadget ออกจากองคประกอบของหนา และนอกจากน ต าแหนงของ Gadget ยงสามารถเคลอนยายต าแหนงไดอกดวย
การลบ Gadget วธท 1 ถาในขณะทเรา log in และเปดหนาบลอกของเราขนมา กจะสงเกตเหนวามเครองมอ
ปรากฏอยตามทตางๆ ในองคประกอบของหนา
และถาเราคลกเขาไปกจะสามารถแกไข หรอ ลบองคประกอบเหลานนออกไปไดเลยครบ
หนา 41
วธท 2 เราสามารถเขาไปลบ Gadget ไดท แผงควบคม gtgt การออกแบบ gtgt องคประกอบของหนา gtgt เลอกแกไข Gadget ทตองการลบ
จากนนเลอกลบไดเชนเดยวกบกรณแรก
การยายต าแหนง Gadget ส าหรบการยายต าแหนงของ Gadget ท าไดโดยการ เขาไปทแผงควบคม gtgt การออกแบบ gtgt
องคประกอบหนาจากนนใหลากเมาสบน Gadget ทตองการยายไปวางในต าแหนงทตองการไดเลยครบ
หนา 42
เมอเขาใจการท างานของ Gadget ชนดตาง ๆ แลวสงทอยากจะฝากเอาไวตอนทายนกคอการจดองคประกอบหนาของบลอกดงน
แนวทางในการจดองคประกอบหนาบลอก
แนวทางในการจดองคประกอบหนานนไมมกฎเกณฑตายตว บางคนชอบใหม 2 column บางคน ชอบใหม 3 column ซงกขนอยกบความชอบและความตองการใชงาน แตทอยากใหค านงไวเสมอคอ ผอน คอ พระเจา ท าอะไรใหเขาใจงายๆ หาอะไรกเจออยางรวดเรว เขาไวเปนพอครบ และอกประการทส าคญคอ การตดตง Gadget ตาง ๆ ควรตดตงเทาทจ าเปนและตองการใชงาน ปฏทน หรอนาฬกานนกไมควรตดตง ลงไปเลย เพราะไมคมคากบการเพมภาระการโหลดใหกบผเขาชม และถาบลอกของคณโหลดไดชา ก เปนไปไดยากทผอานจะกลบมาอก
องคประกอบในหนาของบลอกทผมคดวาคณควรจะมคอ สวนทบอกตวตนของบลอก
ซงอาจจะแสดงในสวนหวของหนา หรอเปนวดโอ สไลดขอความรปถาย อยในต าแหนงทเหนไดชด สวนทเชอมโยงไปยงบทความในบลอก
สวนนจ าเปนมากเพราะจะชวยใหผอานคนหาบทความไดเรวขน คณอาจจะรวมบทความทงหมดเลยหรอ อาจจะใชวธจดหมวดหมใหผอานเลอกสงทตองการจากบลอกของเราไดเรวขน
สวนพนทของสมาชก
สวนนจะแสดงใหเหนวามผสนใจบลอกของเรามากแคไหน และสามารถสมครตดตามบลอกของเราไดทนท เชนอาจจะใช Gadget ผตดตาม หรอใช Like box Plugins ของ Facebook หรออาจจะท า Poll กได
สวนทเปนชองทางใหผอานตดตอเราได
คณอาจจะท า link เชอมโยงใหผอานตดตอคณได หรออาจจะใช Gadget profile ของ Blogger เพอแนะน าตวกได
หนา 43
บทท 7 การแสดงขาวสารลาสดดวย Gadget ฟด
ความหมายของค าวา ฟดโดยสรปกคอเปนสงทแพรกระจายจากบลอกของเราบนโลก Internet เทยบไดกบคลนสญญาณวทยหรอโทรทศน ถามตวรบทกคนกสามารถมองเหนขาวสารทตองการเลอกรบได นอกจากนถามตวชวยสงใหฟดแพรไดแรงขน ขาวสารกยอมจะแพรกระจายไดเรวดวย
ดงนนถาคณสนใจขาวสารจากบลอกใดบลอกหนงคณกสามารถทจะเปดรบขาวสารจากบลอกนนๆ โดยใช Gadget ฟด ซงเปน Gadget ทสามารถเพมไดอยางไมจ ากด ดงนนถาคณตองการรบขาวจาก 10 บลอกกสามารถท าไดโดยการเพม gadget ฟดเขาไปในบลอก 10 ครง ในขณะเดยวกนถาคณใสชอบลอกของตวเองใน Gadget ฟด Gadget ชนดนจะกลายเปน Gadget ทใชแสดง บทความลาสดนนเองครบ
การแสดงขาวสารลาสดโดยการใช Gadget ฟด
1 ไปทองคประกอบของหนา gtgt เพมฟด Gadget
หนา 44
2 ใสโคดตอไปนลงไปใน Gadget ฟด httpชอบลอกblogspotcomfeedspostsdefault
โดยจะตองเปลยนชอบลอกเปนชอบลอกของของคณเองหรอชอบลอกทคณตองการรบขาวสารท update
ตงคาทตองการเพมเตมและบนทกกจะได feeds ขาวสารมาปรากฏทบลอกของคณ
3 ถาตองการเพมบลอกอนอกกท าซ าขอ 1 และ 2 แตตองเปลยนชอบลอกใหม 4 กรณทคณตองการเรยก feed จากเวบทตองการใหคนหา feed จากเวบ wwwgooglecom
แลวแทนโคดในขอ 2 เชน feed ขาวการศกษาจากเวบ httpwwwrssthaicom ใหใสโคด httpwwwrssthaicomnewsphpt=education แทนในขอ 2
หนา 45
บทท 8 แนะน า Gadget ใหมของ blogger ldquoหนาเวบrdquo
ตามเวบไซตตาง ๆ เราคงจะเคยเหนกนวาแตละเวบไซตจะม เมนส าหรบเลอกเปดไปดหนาอน ๆภายในเวบนนๆ เชน ตวอยางในรปดานลาง
Blogger ไดพฒนา Gadget ตวใหมขนมา มชอวา หนาเวบ เพอใหผใชไดสรางหนาของบลอกทตองการไดโดยไมตองมความรในการดดแปลงหรอแกไขแมแบบดวยตนเอง
การเรยกใช Gadget ชนดนสามารถเลอกใชไดเชนเดยวกบการ Add Gadget ชนดอน ๆ นนคอ ไปท องคประกอบของหนา gtgt แลวเลอก เพม Gadget
ตอไปเรามาดวา Gadget น ใชอยางไร และใชเพอจดประสงคใด หลกการของ Gadget นเหมอนการสรางบทความขนมา 1 บทความ และ สราง Link เชอมโยงไป ยงบทความนน ๆ แตมความพเศษตรงทผใชทวไปสรางเมนขนเองไดอยางงายดาย โดยไมตองมความรพนฐานเกยวกบ HTML เลย
หนา 46
ตวอยางวธการใชงาน(จรง) ในตวอยางนผมจะสราง 2 หนาใหเหนเปนตวอยาง ไดแก HOME และ CONTACT ME
ขนเตรยมการ เนองจากผมจะยกตวอยางการสรางหนา Contact me ดงนนใหทกคนไปสราง Form ส าหรบ
ตดตอเจาของบลอกซงกคอเราเอง ไดท httpwwwfoxyformcom
ซงขนตอนในการสราง ฟอรมนนงายมาก มเพยง 4 ขนเทานน (ดรป)
หนา 47
เมอไดโคด แลวคดลอกเกบเอาไวกอนครบ
ขนสรางหนาเวบจรง ขนท 1 สรางหนาแรก หรอ HOME
Log in เขาไปท draftblogger ไปทแผงควบคม gtgt องคประกอบของหนา gtgt แลวเลอก เพม Gadget เลอกอนแรกเลยครบ คอ gadget หนาเวบ
จากนนกสราง หนาแรกขนมาโดยตงชอตามทตองการไดเลย แลวท าการบนทกครบ
หนา 48
ขนท 2 เมอผานขนท 1 มาแลวกเทากบวาเราไดสราง หนาบลอกขนมาแลว 1 หนา
ถาจะท าการเพมหนาอก ใหไปทแผงควบคม gtgt การสงบทความ gtgt แกไขหนาเวบ gtgt หนาเวบใหม
เมอคลกสรางหนาเวบใหม เรากจะพบเครองมอตาง ๆ เหมอนการเขยนบทความนนเองครบ
หนา 49
ใหน าโคดของ Form ทเตรยมไว จากขนเตรยมการมาวางในหนาหนาน จดรปแบบตามตองการแลวบนทกหนาไดเลยครบ
เพยงขนตอนสน ๆ นเรากจะมเมนเชอมโยงไปยง หนาของบลอกถง 2 หนาดวยกน ไดแก HOME และ CONTACT ME
หนา 50
ขนท 3 - ถาหากตองการเพมหนาบลอกเพมขนอกกท าซ าขนตอนทไดกลาวมาขางตนครบ - แตถาตองการลบหนาบลอกทง กมาทเดม แลวจะเหนค าวาลบ ถาตองการลบทงกกดค าวาลบ
ไดเลย
ขนท 4 วธจดการกบเมนหนาเวบ - ถาตองการเรยงล าดบหนาเวบใหม กไปท องคประกอบของหนา แลว คลก Gadget หนาเวบขนมาแกไข gtgt ดรป
หนา 51
นอกจากน Gadget หนาเวบจะมลกษณะพเศษ คอ ถาอยท Sidebar เมนจะจดเรยงเปนแนวตง
หนา 52
แตถาลากไปในต าแหนงใตสวนหว จะจดเรยงเรยงเปนแนวนอนโดยอตโนมต
หนา 53
บทท 9 นบจ านวนคนเยยมชมดวย Flagcounter
อกบรการนบสถตคนเยยมชมทชวยใหเราทราบวาบลอกของเรามผเยยมชมทงในและตางประเทศมากหรอนอย จาก Flagcounter
วธตดตง
1 ไปท httpwwwflagcountercomindexhtml 2 ตงคาตางๆ ตามความตองการแลวกด GET YOUR FLAG COUNTER ดงรป
3 คดลอก HTML โคด ท FLAG COUNTER ไดสรางใหในขนท 2
หนา 54
4 กลบมาทบลอกของเรา ไปทแผงควบคม gtgt รปแบบ gtgt องคประกอบหนา gtgt เพม Gadget ชนด HTMLจาวาสครปต
5 วางโคดทคดลอกมาจากขนท 3 แลวบนทกครบกเปนอนจบขนตอนครบ ลกษณะทไดกดงรป
หนา 55
บทท 10 รปภาพในบทความบน Blogger
คณเคยสงสยไหมครบวา รปภาพทคณ upload ขนไปขณะทเขยนบทความ หรออาจจะเขยนบทความไปแลว รปเหลานนไปอยทไหน เพราะวา Blogger เองไมม sever ยงตองอาศยฐานขอมลของตวแมคอ blogspotcom อย แลวจะเอาพนท ๆ ไหนมาเกบรปตงมากมาย
ค าตอบคอ Blogger จะใชวธเชอมโยงกบ Application อน ๆ ของ Google เพอแกปญหาการเกบขอมล เชนรปภาพใน Blogger ทเราพดถงกนอยตอนนกจะถกเกบ
อยท Picasa Web Albums ดงนนไมวาจะเปนภาพทคณ Upload ขณะเขยนบทความ กจะถกเกบอยใน Picasa Web Albums ทงหมด
คณใชบรการ Picasa Web Albums ไดอยางไร
การใชบรการ Picasa Web Albums สามารถเขาใชไดทนทหากคณมบญชผใชกบ google อยแลว เชนมบญชผใช Gmail หรอ Blogger อยแลวกสามารถ Log in เขาใชไดเลย
Picasa Web Albums ใหพนทเทาไร
Picasa จะใหพนท เพยง 1 GB ตอ 1 บญชผใช นเปนเหตผลทบางคนอาจจะสงสยวาท าไมคณภาพรปหรอขนาดของรปบน Blogger จงลดลง กลาวคอระบบของ Picasa จะท าการลดขนาดของรปทเรา Upload ผาน Blogger ใหมขนาดเลกลงเพอเปนการประหยดพนทนนเอง
หนา 56
คณจะเขาไปจดการรปภาพจาก Blogger ใน Picasa Web ไดอยางไร การจดการภาพใน Picasa Web Albums ท าได 2 วธคอ
1 ใช Software ทพฒนาขนมาจดการ Picasa Web Albums โดยเฉพาะ
คณสามารถเขาไปดาวนโหลด Picasa ไดท httppicasagooglecom 2 เขาไปจดการทเวบไซต Picasa Web Albums โดยตรง โดยไปท httppicasawebgooglecom และ Log in โดยใชชอบญชเดยวกบ Blogger
คณสามารถเขาไป Unload ภาพไดโดยตรงกบ Picasa แลวเรยกมาใชบน blogger ไดโดยใชตวเลอก อปโหลด
หนา 57
แตถาตองการรปภาพบน Blogger ทไดอปโหลดขนไปแลวกคลกทอลบมทตองการแลวเขาไปจดการภาพไดเชนกน ลบรปภาพบน Blogger แลวรปบน Picasa จะถกลบดวยหรอไม
การลบรปภาพบน Blogger ไมสงผลใด ๆ ตอ Picasa Web Albums เลยเวนแตคณจะเขามาลบใน Picasa Web Albums โดยตรง ดงนนถาในขณะเขยนบทความคณเผลอท าพลาดรปภาพหายไป กสามารถเขามาเอารปภาพจาก Picasa Web Albums ใชงานไดอกโดยไมตอง upload ซ า หรอไมตองไปหาภาพมาใหม บทสรป
บทนแนะน าใหพอรจกการเชอมโยงระหวาง Blogger และ Picasa Web Albums ซงเปนบรการในเครอขาย Google เหมอนกน และจะท าใหคณเขาใจการจดการเกยวกบภาพบน Blogger ไดดขน
หนา 58
บทท 11 การสรางวดโอใน YouTube และน ามาใสในบลอก
ถามวดโอในหนาบลอกของเราดวย การสอสารเรองราวตางๆ กจะมชวตชวาและเขาใจงายขน ซงในทนเราสามารถสรางไดไมยากดวยบรการของ wwwyoutubecom ครบ
ขนตอนการฝากวดโอไวกบ youtube
1 ไปท wwwyoutubecom แลวเลอก Create Account ทมมขวาบนซงในกรณทเรา Login อยในเวบบลอกของเรานน กสามารถใชบรการของ youtube ดวย Account เดมโดยไมตองสมครใหมครบ วธการท าไดโดย
11 คลกท 12 กรอกขอมลส าหรบการสรางบญช โดยใช username ของ gmail ของเราเอง 13 จากนน คลก
หนา 59
14 จะพบหนาตางใหกรอก Username และ รหสผาน ของ gmail ใหกรอก e-mail ของเรา
จะพบหนาจอ ดงน จากนนเรากสามารถท าการเพม Video ไดตามทเราตองการ
หนา 60
2 การฝาก youtube มเงอนไขส าคญๆ ดงน - ความยาวของวดโอไมเกน 10 นาท - ควรเปนวดโอทไมกระทบตอสถาบน ชาต ศาสนา พระมหากษตรย และ ศลธรรมอนดงามของสงคม
3 การ upload วดโอขนไปทเมน upload (ทมมขวาบน) แลวท าการเลอกไฟลวดโอจากเครองของเรา และรอจนการ upload เสรจสน
31 คลกทปม Uploads
32 คลกทปม Upload Video
33 เลอกไฟล Video ทตองการ
34
34 เมอ Upload ได 100 แลวใหคลก Save change
หนา 61
4 เมอ upload เสรจสนแลวคลกทขอความ Embed and Sharing Options เรากเหน HTML code ใหคดลอก code เหลานนมาแปะในสวนทเราตองการ
เชนในทนผมคดลอก code มาแปะในบทความกจะไดผลลพธเปนวดโอตามดานลางทเหนครบ
หนา 62
เรอง หนา บทน าhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 1 บทท 1 การสรางเวบบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 4 บทท 2 วธเปลยน Template ของ Bloggerhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 12 บทท 3 วธเขยนและจดการบทความในบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 22 บทท 4 การตงคาพนฐานตางๆ ใหกบบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 26 บทท 5 รจกและใชงาน Gadget ชนดตางๆ บน Bloggerhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 32 บทท 6 การจดการกบ Gadget ในหนาบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 40 บทท 7 การแสดงขาวสารลาสดดวย Gadget ฟดhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 43 บทท 9 นบจ านวนคนเยยมชมดวย Flagcounterhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 53 บทท 10 รปภาพในบทความบน Bloggerhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 55 บทท 11 การสรางวดโอใน YouTube และน ามาใสในบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 58
หนา 63
255
เอกสารประกอบการฝกอบรมเชงปฏบตการ
การพฒนาสอการเรยนการสอน โดยใชโปรแกรมคอมพวเตอรรวมกบ Weblog
หนา 10
6 ใหเลอกแมแบบเรมตนทเราตองการใหเปนรปแบบของบลอก จากนนคลกปม จะปรากฏหนาจอแจงวา บลอกของคณถกสรางขนแลว ดงรป
7 คลกทปม เพอกรอกขอมลครงแรกในการสรางเวบบลอก ซงจะตองกรอกขอมลในหนาเวบ ดงรป
หนา 11
8 เมอกรอกขอมลเสรจแลว ใหคลกปม จะปรากฏหนาจอ ดงรป
9 ใหคลกทปม เพอดเวบบลอกของเรา เปนครงแรก จะพบหนาจอ ดงรป
หนา 12
บทท 2 วธเปลยน Template ของ Blogger
หลงจากบทแรกไดเสนอขนตอนในการสรางบลอกไปแลว ถงตรงนคณตองคดแลววาจดประสงคของการท าบลอกของคณคออะไร เพราะจดประสงคนแหละครบจะเปนตวก าหนดวาเราจะเลอก แมแบบ (หนาตา และองคประกอบ) ของบลอกอยางไร
ตอไปเราจะมาดวธการเลอก และการเปลยน Template กนครบ
ขนท 1 ใหคณไปเลอก template ไดท
httpbtemplatescom httpwwwbloggertemplateplacecom httpthemecraftnet httpwwwdeluxetemplatesnet httpwwwbloggerthemesnet httpwwwbloggerstylescom httpwwwanshuldudejacom httpwwwbloggertemplatesfreecom httpwwwbloggertemplatesblogcom httpwwwtemplatesblockcom httpblogger-templatesblogspotcom httpfreetemplatesblogspotcom
หนา 13
httpmashablecom20070913blogger-templates httpwwwwebtemplatesblogcom httpwwwezwpthemescom httpwwwfreebloggertemplateinfo httpwwwblogcrowdscomresourcesblogger-templates httpwwwzoomtemplatecom httpwwwtemplates-bloggercom httpwwwbloggerblogtemplatescom httpbloggertemplateplacecom httpwwwtemplatesbloggernet httpwwwbietemplatescom
หรอจะใชค าคน ldquoTemplate+blogrdquo ใน Google กไดครบ ผมเชอวาขนตอนนคณคงจะใชเวลานาน
พอสมควรเลยละครบ (ผมเองกใชเวลาเปนวนๆ ในการเลอก templates ทเดยวครบ ) ขนท 2 เมอคณได Template ทตองการแลว ใหเรมเปลยนดงน ในทน ผมเลอกเวบไซต httpwwwbloggerblogtemplatescom เพอเปนตนแบบในการใช
Template
หนา 14
ผมเลอก Template น
1 โดยการคลกท Read More or Download this Blogger Template จากนนจะพบ
หนาตางใหม ใหเลอนหาเมน Download the Green Day Blogger Theme และท าการคลกเพอดาวนโหลด จะได ใหท าการ แตกไฟลจากนนใหน า green-day-blogger-themexml ไปวางไวท Desktop
2 Log in ท blogger ไปทแผงควบคม gtgt รปแบบ gtgt แกไข HTML gtgt คลกปม Browse เพอทจะอปโหลดแมแบบขนมา
หนา 15
3 เรยกไฟล XML ทเตรยมไวตามขนตอนในรปครบ
4 อปโหลดแมแบบขนไปแทนทแมแบบเดม โดยระหวางการแทนท อาจมการถามถงการลบเกบ Widget ของแมแบบเดม ซงถาตองการเกบของเกาเอาไวกเลอก เกบ Widget กจะท าให Widget ของแมแบบเดม ไมถกลบขณะเปลยน Templates
หนา 16
5 จากนนลองแสดงตวอยางด ซงถาพอใจกบแมแบบแลวกใหท าการบนทก กจบขนตอนการเปลยนแมแบบแลวครบ และถาหากคณตองการเปลยนแมแบบอกกสามารถเปลยนไดแบบไมจ ากดครง
นคอผลงาน หลงจากเปลยนแมแบบ นครบ กอนเปลยน Template
หลงเปลยน Template
หนา 17
เครองมอส าหรบ ldquoออกแบบแมแบบrdquo ดวยตนเอง ใหม จาก Blogger
หลงจากทมงาน Blogger ไดสราง Gadget หนาเวบ ออกมาไดไมนาน ตอนนกไดพฒนาการเครองมอส าหรบการออกแบบแมแบบของ blogger ใหยดหยนมากขน โดยใหผใชสามารถปรบแตงแมแบบไดดวยตนเอง ไมวาจะเปนการเลอก Theme การออกแบบโครงรางของหนาวาจะม 2 หรอ 3 คอลมน หรอหลายคอลมน ซงท าไดโดยการคลกเพยงไมกครง การปรบความกวางของ Template และ sidebar เพยงแคคลกเดยวเปนตน ความสามารถทงหลายนผใชสามารถท าไดโดยไมตองมความรเรอง HTML และ CSS เลยส าหรบการใชงานเครองมอนกคลายคลงกบการใชงานเครองมอเดม ๆ ทมอย ซงผมจะอธบายทละสวนดงน
การใช เครองมอออกแบบแมแบบ ท าไดโดย Log in เขาไปท draftblogger และไปท แผงควบคม gtgt
การออกแบบ gtgt องคประกอบของหนา gtgt คลกท ldquoเครองมอออกแบบแมแบบ ใหมrdquo
เมอคลกท ldquoเครองมอออกแบบแมแบบrdquo แลวเราจะพบเครองมอส าหรบออกแบบแมแบบอย 4 อยางดวยกน ไดแก 1 แมแบบ 2 พนหลง 3 รปแบบ และ 4 ขนสง
สวนแสดงตวอยาง
หนา 18
1 การใชงานเครองมอแมแบบ ท าไดโดย คลกทขอความ แมแบบ gtgt จากนนเลอกรปแบบทตองการ gtgt และเลอก theme ทตองการ เมอแสดงตวอยางเปนทนาพอใจแลว ใหคลกทปม ldquoใชกบบลอกrdquo เพอยนยน
2 การใชงานเมนพนหลง การใชงานเครองมอ ldquoพนหลงrdquo สามารถใชเพอเปลยนภาพพนหลงของบลอก และเลอกส Theme ของบลอกไดตามความตองการไดดวย
21 วธเปลยนภาพพนหลงท าไดโดย คลกท ldquoภาพพนหลงrdquo และเลอกถาพตามตองการ และกดปม ldquoใชกบบลอกrdquo เพอยนยน
สวนแสดงตวอยาง
หนา 19
22 การเลอกส Theme ของบลอก คลกทส Theme ทตองการโดย อาจจะคลกเลอกจาก
Theme ส าเรจรปหรอเลอกจาก Theme ทแนะน า
หนา 20
3 การใชงานเครองมอ ldquoรปแบบrdquo คณสามารถใชเครองมอนเพอก าหนดจ านวน คอลมน รปแบบคอลมน ความกวางของคอลมน รวมถงการก าหนดคอลมนใหกบสวนทายของหนาไดดวย
31 การใชงานเครองมอ ldquoการออกแบบเนอความrdquo เครองมอนใชก าหนดรปแบบคอลมนของ template ของคณ ซงท าไดงายดายโดยการคลกเลอกรปแบบทตองการ ดตวอยาง เมอเปนทพอใจแลวกกดปม ldquoใชกบบลอกrdquo เพอยนยน
32 การใชงานเครองมอ ldquoการออกแบบสวนทายrdquo เครองมอนเปนเครองมอส าหรบการ
ก าหนดคอลมนใหกบสวนทายของหนาบลอก ซงท าไดเชนเดยวกบ 31
หนา 21
33 การใชงานเครองมอ ldquoการปรบความกวางrdquo คณสามารถปรบความกวางของแมแบบ และ sidebar จากเครองมอนเพยงแคเลอน slider ใหตรงกบคาตวเลขทตองการเทานน
4 ส าหรบเมนขนสงเปนการก าหนดรายละเอยดตางๆ ใหกบบลอก เชน รปแบบของลงค gadget ตางๆ หวเรอง ชอของบลอก เปนตน ซงคณสามารถปรบแตงตามความตองการแลว แสดงตวอยาง หากเปนทพอใจกบนทกเชนเดยวกบ ขอ 1-3 ทไดกลาวมาแลว
ปล อยาลมนะครบวาเครองมอเหลานจะไมมใน bloggercom แต จะมใน draftbloggercom เทานน
หนา 22
บทท 3 วธเขยนและจดการบทความในบลอก
บทนผมจงจะเลาถงวธเขยนบทความใน Blogger เพอเปนแนวทางใหคณสามารถเขยนบทความลงในบลอกของคณไดสวยงามและเปนมออาชพมากขน
ส าหรบทานทเขยนบทความเปนอยแลวอาจจะขามไปอานบทความอน ๆ ตอไปไดเลยครบ สวนทานทเปนมอใหมจรง ๆ กควรจะอานบทความนใหจบเพอเปนแนวทางในการ
เขยนบทความของคณเองตอไป
1 การเขาไปเขยนบทความ การเขาไปเขยนบทความบน Blogger โดยตรงสามารถเขาไปได 2 ชองทางดวยกนคอ 11 ถาคณใชแมแบบทไมไดซอนแถบน าทางสามารถเขาไปเขยนบทความไดโดยคลกทเมน
บทความใหม
12 เขาไปเขยนบทความผาน draftbloggercom
หนา 23
โปรดสงเกตวาเครองมอในการเขยนบทความของ Draftblogger จะมมากกวาเครองมอของ blogger ปกต ดงนนโดยสวนตวผมแนะน าใหเขยนบทความผาน draftbloggercom เพราะมเครองมอมากกวาวธแรก และควรตงคาให draftblogger เปนเครองมอเรมตน
2 องคประกอบของเครองมอเขยนบทความ
กอนอนผมขอแนะน าใหรจกเครองมอทจ าเปนในการเขยนบทความดงน สวนท 1 คอสวนตงชอเรองหรอชอบทความ สวนท 2 เปนสวนทใชส าหรบกรณทเราตองการวางขอความทคดลอกมาจาก Ms word
หรอโคดวดโอจาก Youtube หรอโคด HTMLจาวาสครปตทตองการใหปรากฏและแสดงผลในบทความ
หนา 24
สวนท 3 เปนแถบทเลอกเมอตองการเขยนขอความปกตซงจะมเครองมอในการเขยนบทความตามทเหนในภาพขางบน
สวนท 4 ส าหรบจดรปแบบอกษร สวนท 5 เปนเครองมอในการใสลงคใหขอความ แทรกภาพลงในบทความ และแทรกวดโอ
ลงในบทความตามล าดบ สวนท 6 รปกระดาษขาดทเหนนนใชในกรณทคณตองการแสดงบทความใหผอานเหนในหนา
หลกเพยงบางสวนเทานน และถาใชเครองมอนผอานจะตองคลกอานเพมเตมจงจะเหนขอความแบบเตม เครองมอนมขอดคอท าใหบทความทมความยาวมาก ๆ สนลงได และท าใหเปดหนาแรกไดเรวขนดวย
สวนท 7 เปนสวนทใชในการจดเรยงขอความ และจดแนวรปภาพไดดวย เชน จดชดซาย ชดขวา กงกลาง เปนตน
สวนท 8 ไดแกการใส การเนนขอความ การลบรปแบบ การตรวจสอบการสะกดค า และการแปลภาษา
สวนท 9 เปนสวนทใชในการวางก าหนดเวลาลางหนา วาจะใหบทความทเขยนเผยแพรใน วนใด
สวนท 10 เปนการใสปายก ากบ ซงเปนสวนทใชระบวาบทความทเขยนนอยในหมวดหมใด ซงสามารถใสไดมากกวา 1 ปายก ากบโดยคนดวยเครองหมายจลภาค และสามารถเลอกปายก ากบทคณเคยใสใหบทความอนไปแลวมาใสอกได เพอท าใหบทความนน ๆ อยในหมวดหมเดยวกน
สวนท 11 เปนการเลอกวาจะบนทกไวกอน หรอจะเผยแพร มประโยชนในกรณทบทความทเขยนใชเวลาเขยนนานมากกอาจจะบนทกเอาไวกอนแลวมาเขยนตอในภายหลงได
หนา 25
เทคนคการเขยนบทความทควรร ในกรณทเรามไฟลเอกสารจาก MS word แลวคดลอกมาวางเพอท าใหเขยนบทความไดเรวขน
บางครงพบปญหาขอผดพลาดของฟอรม (ฟอรมใน MS word ไมสามารถแปลงเปน HTML Code ได)
ปญหานแกไดโดยกอนวางขอความใหคลกทแถบ แกไข HTML แลวจงวางขอความทคดลอกมา
จากนนจงคลกทแถบ เขยน เพอจดรปแบบของบทความตอไป
เทคนคนยงสามารถใชกบการวางโคดวดโอ หรอขอความทคดลอกมาจากเวบไซตไดดวยครบ
หนา 26
บทท 4 การตงคาพนฐานตางๆ ใหกบบลอก
บทนผมจะขอแนะน าการตงคาพนฐานตางๆ ของบลอกเพอใหเขาใจการตงคาในสวนตาง ๆ ของ Blogger และจะท าใหคณสามารถตงคาตาง ๆ ตามความตองการของตนเองได อกทงจะเปนประโยชนในการพฒนาการท า Blogger ในระยะยาวดวย
การตงคาพนฐานตางๆ ของบลอกท าไดโดย Log in เขาไปท blogger เมอมาทหนา แผงควบคม ให Click ท การตงคา
และทานจะเขามาทเมนการตงคาของบลอก
ผมจะแบงการตงคาออกเปน 9 สวนดงน 1 ขนตน
คณสามารถดาวนโหลด Blog เพอเกบเปน Backup ขอมลบทความและ comment ของบลอกไดโดยเลอก สงออกบลอก แตถาคณมขอมลบลอกเดมอยแลวอยากจะน ามาใชกบบลอกใหมทสรางขน กใหเลอก น าเขาบลอก แตถาคดวาไมตองการใชบลอกนแลวกสามารถลบทงไดโดยเลอก ลบบลอก
หนา 27
Title และค าอธบายของบลอก ควรใสใหเขาใจภาพรวมของบลอกและม keyword ในการท าบลอกแทรกอยใน Description ดวย
ในสวนการตงคาอน ๆ ควรตงคาดงน
องคประกอบ ตงคาเปน
เพมบลอกของคณในรายการของเราหรอไม ใช
อนญาตใหเครองมอคนหาพบบลอกของคณหรอไม ใช
แสดงการแกไขอยางรวดเรวบนบลอกของคณหรอไม ใช
มเนอหาส าหรบผใหญหรอไม ไม
เลอกโปรแกรมแกไขบทความ โปรแกรมแกไขทอปเดต
2 การเผยแพร ในการตงคาสวนนสามารถเปลยน URL ของบลอกได
หนา 28
ถาคณตองการเปลยนโดเมนของบลอกจาก blogspotcom เปนโดเมนอนกสามารถตงคาไดตรงสวนน แตจะตองเสยคาใชจายการจดโดเมนผาน google ปละ 10 US (ประมาณ 300 กวาบาทตอป)
3 การจดรปแบบ ในสวนนเปนการตงคาการเผยแพรบทความ เชน จ านวนบทความในหนาแรก รปแบบเวลา
และวนทเปนตน
คณควรจะตงคาตาง ๆ ดงน
องคประกอบ ตงคาเปน
แสดงสงสด เทาไรกได
รปแบบสวนหวของวนท ตงไดตามใจชอบ
รปแบบวนทของดชนคลงบทความ ตงไดตามใจชอบ
รปแบบเวลา ตงไดตามใจชอบ
โซนเวลา (GMT+0700)กรงเทพ
ภาษา ไทย
แปลงการขนบรรทดใหม ไม
แสดงฟลดชอเรอง ใช
แสดงฟลดของลงก ไม
เปดใชการจดเรยงแบบลอย ใช
แมแบบบทความ ยงไมตองตงคา
หนา 29
4 เมนขอคดเหน เปนเมนส าหรบตงคาตาง ๆ เกยวกบการแสดงความคดเหนของบลอก
คณควรจะตงคาตาง ๆ ดงน
องคประกอบ ตงคาเปน
ขอคดเหน แสดง
ใครสามารถแสดงความคดเหน ผใชทมบญช Google
การจดวางฟอรมความคดเหน วางไวใตบทความ
ความคดเหนเรมตนส าหรบบทความ บทความใหมมความคดเหน
ลงกยอนกลบ ซอน
คาเรมตนของลงกยอนกลบส าหรบบทความ บทความใหมมลงกยอนกลบ รปแบบเวลาในสวนความคดเหน ตงคาตามใจ
ขอความของฟอรมความคดเหน ไมตองใสคาใด ๆ กได
การจดการความคดเหน ไม
แสดงการตรวจสอบค าส าหรบความคดเหนหรอไม ไม
แสดงรปภาพโปรไฟลบนความคดเหนหรอไม ใช
อเมลส าหรบแจงเตอนเมอมความคดเหนใหม กรอก email ของคณลงไป
5 เกบเขาคลงบทความ ตงใหเปนรายเดอนจะดทสด
หนา 30
6 ฟดของไซต ถาบทความในบลอกไมมากนก ตงคาเปน แบบเตม แตถาบทความมประมาณ 100 ขนไปควร
จะตงเปน แบบสน
7 อเมลและมอถอ
ในสวนนเปนการตงคา อเมลเพอใหระบบสงบลอกของคณทกครงทมการเผยแพร และเปนการตงคา การใชอปกรณเคลอนทในการเขยนบลอก ตรงนผมยงไมเคยลองเหมอนกน
8 OpenID
คณสามารถใช OpenID URL เพอเขาสไซตอนๆ ทใชงาน OpenID นอกจากนคณยงสามารถก าหนดใหผใช OpenID สามารถแสดงความคดเหนในบลอกของคณ โดยปรบการตงคา ความคดเหน ของคณ
9 สทธ
ในสวนนคณสามารถใชในการเปลยนผเขยนบลอก และเพมผดแลระบบไดถง 100 ราย
หนา 31
นอกจากนคณยงจ ากดคนเขาชมบลอกไดดวย โดยการระบ Email ของผทตองการลงไป
หนา 32
บทท 5 รจกและใชงาน Gadget ชนดตางๆ บน Blogger
เมอเรยนรเกยวกบ การตงคาตาง ๆ ของบลอก การเปลยน Templates ใหกบบลอกไปแลว สวนทเหลอคอ การจดรปแบบองคประกอบหนาใหกบบลอก รวมถงการใชงาน Gadget หลกชนดตางๆ ของ Blogger
Gadget คออะไร
Gadget ใน Blogger นนหมายถงสวนเสรมทเราสามารถตดตงเพมลงไปในแมแบบของ Blogger ซงบางครงกถกเรยกวา widget ซงกหมายถงสงเดยวกนกบ Gadget
วธเพม Gadget กอนอนให Login เขาไปท blogger หรอ draftblogger gtgt จากแผงควบคมใหเลอก การออกแบบ
หนา 33
จากนนใน Layout ของแมแบบคณจะเหนพนท ดงรปดานลางเพอใหเพม Gadget
และเมอคลก เพม Gadget กจะปรากฏ Gadget พนฐาน 21 อยางทจะกลาวถงในหวขอน
นอกจากนยงม Gadget อกมากมายซงคณสามารถเลอกไดจากเมนแกดเจดเพมเตมทางซายมอ
เมอเลอก Gadget ทตองการแลว คลกทปม + เพอท าการเพม Gadget นน ใสชอ Gadget และตงคาทตองการแลวบนทก
รปทเหนขางบนเปน Gadget ผตดตาม ส าหรบ Gadget อน ๆ กท าไดในท านองเดยวกน
หนา 34
รจกกบ Gadget พนฐาน 21 อยางของ Blogger
1 Gadget หนาเวบ
หลกการของ Gadget ชนดนคอคณจะตองสรางหนาเวบขนมากอน แลวใช Gadget นเปนเมนในการเชอมโยงไปยงหนาเวบ
2 Gadget ผตดตาม
Gadget ชนดนใชเพอใหผอานทชนชอบบลอกของคณไดตดตาม และเมอตดตามแลวความเคลอนไหว และการ update บทความของจะไปปรากฏแผงควบคมของผตดตามโดยอตโนมต และมสทธในการแสดงความคดเหนบนบลอกของคณได (กรณทคณอนญาตเฉพาะสมาชก)
3 Gadget ชองคนหา
เปน Gadget ทตดตงเพอใหผอานสามารถคนหาสงทตองการในบลอกของคณไดงายขน
หนา 35
4 Gadget HTMLจาวาสครปต
Gadget ชนดนเปน Gadget ทยดหยนทสดในบรรดา Gadget ทงหมด สามารถประยกตใชไดหลากหลาย เหมาะส าหรบใชตดตงโคดตาง ๆ ลงบน Blogger เชน โคดปฏทน นาฬกา โคดจาวาสครปต โคดรปภาพ โคดวดโอ โคดของลงค เปนตน
5 Gadget ขอความ
เปน Gadget ทเหมาะส าหรบเขยนขอความ เชน ขอความตอนรบ เปนตน
6 Gadget Adsense
คณจะใช Gadget ชนดนไดเมอสมครเขารวมโปรแกรมหรอเปนตวแทนในการเผยแพรโฆษณาบน Google
7 Gadget รปภาพ
ถาคณตองการแสดงรปภาพบนบลอกอยางเดยวกใหเลอกใช Gadget นครบ
หนา 36
8 Gadget สไลดโชว
Gadget นเปนการดง Albums จาก Picasaweb มาแสดงในรปแบบสไลดโชวบนบลอกของ
9 Gadget แถบวดโอ
Gadget นจะท าใหผใชคนหาวดโอบน Youtube จากบลอกของคณได
10 Gadget แบบส ารวจ
Gadget นถอเปน Gadget หนงทนาสนใจมาก แตยงมผใชจ านวนนอย โดยคณอาจจะใชส ารวจความตองการ หรอความคดเหนของผอานตอบลอกของคณ หรอส ารวจเกยวกบเรองทเกยวของกบเนอหาบนบลอกของคณกได
11 Gadget รายการบลอก
Gadget ชนดนเปน Gadget ทสามารถรวบรวมขาวสารลาสดจากบลอกทคณเลอกหรอบลอกทคณตดตาม พรอมทงสามารถแสดงเนอหาแบบยอไดดวย
หนา 37
12 Gadget รายชอลงค
เปน Gadget ทใชสรางลงคไปยงทตาง ๆ โดยคณสามารถปอน URL บน Gadget ชนดนเพอสราง Link โดยไมตองมความรเรอง HTML มากอนเลย
13 Gadget รายการ
เปน Gadget ทคลายคลงกบ Gadget รายชอลงค แตมความยดหยนกวา สามารถสรางขอความรายการและใส link ใหขอความไดดวย
14 Gadget ฟด
คณสามารถใช Gadget นดงขาวสารจากในบลอกของคณ หรอบลอกอนทคณสนใจเอามาแสดงเพยงแคใสชอบลอกทตองการลงไปลงไปใน gadget
15 Gadget Newsreel
เปน gadget ทท าใหพาดหวขาวจาก Google มาปรากฏบนบลอกของคณเทานน
หนา 38
16 Gadget ปายก ากบ
Gadget นมความส าคญ คณควรจะตดตง เพอใหบทความทเขยนเปนหมวดหม ใหผอานเหนชดเจนเลอกอานไดตรงความตองการมากขน
17 Gadget ลงคการสมคร
Gadget นมความส าคญในเรองการสงขาวสารขอมลจากบลอกของคณไปยงผอาน ผอานจะสามารถสมครรบบทความทาง email หรอผานชองทางอน ๆ ไดจาก Gadget น
18 Gadget โลโก
Gadget นไมส าคญนกเปนเพยงตดตง logo ของ blogger ในหนาบลอกเทานน
19 Gadget โปรไฟล
Gadget นจะแสดงขอมลอยางของคณทไดกรอกเอาไวบนบญชของ Blogger ถาคณตองการแสดงขอมลของคณบน Blog กควรจะตดตง Gadget นครบ
หนา 39
20 Gadget คลงบทความของบลอก
Gadget นจะท าใหผอานเหนบทความทงหมดภายในบลอกของคณได
21 Gadget สวนหวของหนา
Gadget นเปนสวนทใส Title และ Description ของ Blog โดยปกตแลว Template ทวไปกจะตดตงสวนนอยแลว
คณสามารถทดลองใช Gadget เหลานไดโดยไมตองกลวความผดพลาดเพราะ Gadget บน
Blogger นนสามารถลบออกไดอยางงายดายโดยวธการจดการกบ Gadget
หนา 40
บทท 6 การจดการกบ Gadget ในหนาบลอก
ในบททผานมาเราได รจกและใชงาน Gadget ชนดตาง ๆ บน Blogger ผมไดกลาวถงวธการเพม Gadget ใหกบบลอก แตยงไมไดกลาวถงการลบ Gadget ออกจากองคประกอบของหนา และนอกจากน ต าแหนงของ Gadget ยงสามารถเคลอนยายต าแหนงไดอกดวย
การลบ Gadget วธท 1 ถาในขณะทเรา log in และเปดหนาบลอกของเราขนมา กจะสงเกตเหนวามเครองมอ
ปรากฏอยตามทตางๆ ในองคประกอบของหนา
และถาเราคลกเขาไปกจะสามารถแกไข หรอ ลบองคประกอบเหลานนออกไปไดเลยครบ
หนา 41
วธท 2 เราสามารถเขาไปลบ Gadget ไดท แผงควบคม gtgt การออกแบบ gtgt องคประกอบของหนา gtgt เลอกแกไข Gadget ทตองการลบ
จากนนเลอกลบไดเชนเดยวกบกรณแรก
การยายต าแหนง Gadget ส าหรบการยายต าแหนงของ Gadget ท าไดโดยการ เขาไปทแผงควบคม gtgt การออกแบบ gtgt
องคประกอบหนาจากนนใหลากเมาสบน Gadget ทตองการยายไปวางในต าแหนงทตองการไดเลยครบ
หนา 42
เมอเขาใจการท างานของ Gadget ชนดตาง ๆ แลวสงทอยากจะฝากเอาไวตอนทายนกคอการจดองคประกอบหนาของบลอกดงน
แนวทางในการจดองคประกอบหนาบลอก
แนวทางในการจดองคประกอบหนานนไมมกฎเกณฑตายตว บางคนชอบใหม 2 column บางคน ชอบใหม 3 column ซงกขนอยกบความชอบและความตองการใชงาน แตทอยากใหค านงไวเสมอคอ ผอน คอ พระเจา ท าอะไรใหเขาใจงายๆ หาอะไรกเจออยางรวดเรว เขาไวเปนพอครบ และอกประการทส าคญคอ การตดตง Gadget ตาง ๆ ควรตดตงเทาทจ าเปนและตองการใชงาน ปฏทน หรอนาฬกานนกไมควรตดตง ลงไปเลย เพราะไมคมคากบการเพมภาระการโหลดใหกบผเขาชม และถาบลอกของคณโหลดไดชา ก เปนไปไดยากทผอานจะกลบมาอก
องคประกอบในหนาของบลอกทผมคดวาคณควรจะมคอ สวนทบอกตวตนของบลอก
ซงอาจจะแสดงในสวนหวของหนา หรอเปนวดโอ สไลดขอความรปถาย อยในต าแหนงทเหนไดชด สวนทเชอมโยงไปยงบทความในบลอก
สวนนจ าเปนมากเพราะจะชวยใหผอานคนหาบทความไดเรวขน คณอาจจะรวมบทความทงหมดเลยหรอ อาจจะใชวธจดหมวดหมใหผอานเลอกสงทตองการจากบลอกของเราไดเรวขน
สวนพนทของสมาชก
สวนนจะแสดงใหเหนวามผสนใจบลอกของเรามากแคไหน และสามารถสมครตดตามบลอกของเราไดทนท เชนอาจจะใช Gadget ผตดตาม หรอใช Like box Plugins ของ Facebook หรออาจจะท า Poll กได
สวนทเปนชองทางใหผอานตดตอเราได
คณอาจจะท า link เชอมโยงใหผอานตดตอคณได หรออาจจะใช Gadget profile ของ Blogger เพอแนะน าตวกได
หนา 43
บทท 7 การแสดงขาวสารลาสดดวย Gadget ฟด
ความหมายของค าวา ฟดโดยสรปกคอเปนสงทแพรกระจายจากบลอกของเราบนโลก Internet เทยบไดกบคลนสญญาณวทยหรอโทรทศน ถามตวรบทกคนกสามารถมองเหนขาวสารทตองการเลอกรบได นอกจากนถามตวชวยสงใหฟดแพรไดแรงขน ขาวสารกยอมจะแพรกระจายไดเรวดวย
ดงนนถาคณสนใจขาวสารจากบลอกใดบลอกหนงคณกสามารถทจะเปดรบขาวสารจากบลอกนนๆ โดยใช Gadget ฟด ซงเปน Gadget ทสามารถเพมไดอยางไมจ ากด ดงนนถาคณตองการรบขาวจาก 10 บลอกกสามารถท าไดโดยการเพม gadget ฟดเขาไปในบลอก 10 ครง ในขณะเดยวกนถาคณใสชอบลอกของตวเองใน Gadget ฟด Gadget ชนดนจะกลายเปน Gadget ทใชแสดง บทความลาสดนนเองครบ
การแสดงขาวสารลาสดโดยการใช Gadget ฟด
1 ไปทองคประกอบของหนา gtgt เพมฟด Gadget
หนา 44
2 ใสโคดตอไปนลงไปใน Gadget ฟด httpชอบลอกblogspotcomfeedspostsdefault
โดยจะตองเปลยนชอบลอกเปนชอบลอกของของคณเองหรอชอบลอกทคณตองการรบขาวสารท update
ตงคาทตองการเพมเตมและบนทกกจะได feeds ขาวสารมาปรากฏทบลอกของคณ
3 ถาตองการเพมบลอกอนอกกท าซ าขอ 1 และ 2 แตตองเปลยนชอบลอกใหม 4 กรณทคณตองการเรยก feed จากเวบทตองการใหคนหา feed จากเวบ wwwgooglecom
แลวแทนโคดในขอ 2 เชน feed ขาวการศกษาจากเวบ httpwwwrssthaicom ใหใสโคด httpwwwrssthaicomnewsphpt=education แทนในขอ 2
หนา 45
บทท 8 แนะน า Gadget ใหมของ blogger ldquoหนาเวบrdquo
ตามเวบไซตตาง ๆ เราคงจะเคยเหนกนวาแตละเวบไซตจะม เมนส าหรบเลอกเปดไปดหนาอน ๆภายในเวบนนๆ เชน ตวอยางในรปดานลาง
Blogger ไดพฒนา Gadget ตวใหมขนมา มชอวา หนาเวบ เพอใหผใชไดสรางหนาของบลอกทตองการไดโดยไมตองมความรในการดดแปลงหรอแกไขแมแบบดวยตนเอง
การเรยกใช Gadget ชนดนสามารถเลอกใชไดเชนเดยวกบการ Add Gadget ชนดอน ๆ นนคอ ไปท องคประกอบของหนา gtgt แลวเลอก เพม Gadget
ตอไปเรามาดวา Gadget น ใชอยางไร และใชเพอจดประสงคใด หลกการของ Gadget นเหมอนการสรางบทความขนมา 1 บทความ และ สราง Link เชอมโยงไป ยงบทความนน ๆ แตมความพเศษตรงทผใชทวไปสรางเมนขนเองไดอยางงายดาย โดยไมตองมความรพนฐานเกยวกบ HTML เลย
หนา 46
ตวอยางวธการใชงาน(จรง) ในตวอยางนผมจะสราง 2 หนาใหเหนเปนตวอยาง ไดแก HOME และ CONTACT ME
ขนเตรยมการ เนองจากผมจะยกตวอยางการสรางหนา Contact me ดงนนใหทกคนไปสราง Form ส าหรบ
ตดตอเจาของบลอกซงกคอเราเอง ไดท httpwwwfoxyformcom
ซงขนตอนในการสราง ฟอรมนนงายมาก มเพยง 4 ขนเทานน (ดรป)
หนา 47
เมอไดโคด แลวคดลอกเกบเอาไวกอนครบ
ขนสรางหนาเวบจรง ขนท 1 สรางหนาแรก หรอ HOME
Log in เขาไปท draftblogger ไปทแผงควบคม gtgt องคประกอบของหนา gtgt แลวเลอก เพม Gadget เลอกอนแรกเลยครบ คอ gadget หนาเวบ
จากนนกสราง หนาแรกขนมาโดยตงชอตามทตองการไดเลย แลวท าการบนทกครบ
หนา 48
ขนท 2 เมอผานขนท 1 มาแลวกเทากบวาเราไดสราง หนาบลอกขนมาแลว 1 หนา
ถาจะท าการเพมหนาอก ใหไปทแผงควบคม gtgt การสงบทความ gtgt แกไขหนาเวบ gtgt หนาเวบใหม
เมอคลกสรางหนาเวบใหม เรากจะพบเครองมอตาง ๆ เหมอนการเขยนบทความนนเองครบ
หนา 49
ใหน าโคดของ Form ทเตรยมไว จากขนเตรยมการมาวางในหนาหนาน จดรปแบบตามตองการแลวบนทกหนาไดเลยครบ
เพยงขนตอนสน ๆ นเรากจะมเมนเชอมโยงไปยง หนาของบลอกถง 2 หนาดวยกน ไดแก HOME และ CONTACT ME
หนา 50
ขนท 3 - ถาหากตองการเพมหนาบลอกเพมขนอกกท าซ าขนตอนทไดกลาวมาขางตนครบ - แตถาตองการลบหนาบลอกทง กมาทเดม แลวจะเหนค าวาลบ ถาตองการลบทงกกดค าวาลบ
ไดเลย
ขนท 4 วธจดการกบเมนหนาเวบ - ถาตองการเรยงล าดบหนาเวบใหม กไปท องคประกอบของหนา แลว คลก Gadget หนาเวบขนมาแกไข gtgt ดรป
หนา 51
นอกจากน Gadget หนาเวบจะมลกษณะพเศษ คอ ถาอยท Sidebar เมนจะจดเรยงเปนแนวตง
หนา 52
แตถาลากไปในต าแหนงใตสวนหว จะจดเรยงเรยงเปนแนวนอนโดยอตโนมต
หนา 53
บทท 9 นบจ านวนคนเยยมชมดวย Flagcounter
อกบรการนบสถตคนเยยมชมทชวยใหเราทราบวาบลอกของเรามผเยยมชมทงในและตางประเทศมากหรอนอย จาก Flagcounter
วธตดตง
1 ไปท httpwwwflagcountercomindexhtml 2 ตงคาตางๆ ตามความตองการแลวกด GET YOUR FLAG COUNTER ดงรป
3 คดลอก HTML โคด ท FLAG COUNTER ไดสรางใหในขนท 2
หนา 54
4 กลบมาทบลอกของเรา ไปทแผงควบคม gtgt รปแบบ gtgt องคประกอบหนา gtgt เพม Gadget ชนด HTMLจาวาสครปต
5 วางโคดทคดลอกมาจากขนท 3 แลวบนทกครบกเปนอนจบขนตอนครบ ลกษณะทไดกดงรป
หนา 55
บทท 10 รปภาพในบทความบน Blogger
คณเคยสงสยไหมครบวา รปภาพทคณ upload ขนไปขณะทเขยนบทความ หรออาจจะเขยนบทความไปแลว รปเหลานนไปอยทไหน เพราะวา Blogger เองไมม sever ยงตองอาศยฐานขอมลของตวแมคอ blogspotcom อย แลวจะเอาพนท ๆ ไหนมาเกบรปตงมากมาย
ค าตอบคอ Blogger จะใชวธเชอมโยงกบ Application อน ๆ ของ Google เพอแกปญหาการเกบขอมล เชนรปภาพใน Blogger ทเราพดถงกนอยตอนนกจะถกเกบ
อยท Picasa Web Albums ดงนนไมวาจะเปนภาพทคณ Upload ขณะเขยนบทความ กจะถกเกบอยใน Picasa Web Albums ทงหมด
คณใชบรการ Picasa Web Albums ไดอยางไร
การใชบรการ Picasa Web Albums สามารถเขาใชไดทนทหากคณมบญชผใชกบ google อยแลว เชนมบญชผใช Gmail หรอ Blogger อยแลวกสามารถ Log in เขาใชไดเลย
Picasa Web Albums ใหพนทเทาไร
Picasa จะใหพนท เพยง 1 GB ตอ 1 บญชผใช นเปนเหตผลทบางคนอาจจะสงสยวาท าไมคณภาพรปหรอขนาดของรปบน Blogger จงลดลง กลาวคอระบบของ Picasa จะท าการลดขนาดของรปทเรา Upload ผาน Blogger ใหมขนาดเลกลงเพอเปนการประหยดพนทนนเอง
หนา 56
คณจะเขาไปจดการรปภาพจาก Blogger ใน Picasa Web ไดอยางไร การจดการภาพใน Picasa Web Albums ท าได 2 วธคอ
1 ใช Software ทพฒนาขนมาจดการ Picasa Web Albums โดยเฉพาะ
คณสามารถเขาไปดาวนโหลด Picasa ไดท httppicasagooglecom 2 เขาไปจดการทเวบไซต Picasa Web Albums โดยตรง โดยไปท httppicasawebgooglecom และ Log in โดยใชชอบญชเดยวกบ Blogger
คณสามารถเขาไป Unload ภาพไดโดยตรงกบ Picasa แลวเรยกมาใชบน blogger ไดโดยใชตวเลอก อปโหลด
หนา 57
แตถาตองการรปภาพบน Blogger ทไดอปโหลดขนไปแลวกคลกทอลบมทตองการแลวเขาไปจดการภาพไดเชนกน ลบรปภาพบน Blogger แลวรปบน Picasa จะถกลบดวยหรอไม
การลบรปภาพบน Blogger ไมสงผลใด ๆ ตอ Picasa Web Albums เลยเวนแตคณจะเขามาลบใน Picasa Web Albums โดยตรง ดงนนถาในขณะเขยนบทความคณเผลอท าพลาดรปภาพหายไป กสามารถเขามาเอารปภาพจาก Picasa Web Albums ใชงานไดอกโดยไมตอง upload ซ า หรอไมตองไปหาภาพมาใหม บทสรป
บทนแนะน าใหพอรจกการเชอมโยงระหวาง Blogger และ Picasa Web Albums ซงเปนบรการในเครอขาย Google เหมอนกน และจะท าใหคณเขาใจการจดการเกยวกบภาพบน Blogger ไดดขน
หนา 58
บทท 11 การสรางวดโอใน YouTube และน ามาใสในบลอก
ถามวดโอในหนาบลอกของเราดวย การสอสารเรองราวตางๆ กจะมชวตชวาและเขาใจงายขน ซงในทนเราสามารถสรางไดไมยากดวยบรการของ wwwyoutubecom ครบ
ขนตอนการฝากวดโอไวกบ youtube
1 ไปท wwwyoutubecom แลวเลอก Create Account ทมมขวาบนซงในกรณทเรา Login อยในเวบบลอกของเรานน กสามารถใชบรการของ youtube ดวย Account เดมโดยไมตองสมครใหมครบ วธการท าไดโดย
11 คลกท 12 กรอกขอมลส าหรบการสรางบญช โดยใช username ของ gmail ของเราเอง 13 จากนน คลก
หนา 59
14 จะพบหนาตางใหกรอก Username และ รหสผาน ของ gmail ใหกรอก e-mail ของเรา
จะพบหนาจอ ดงน จากนนเรากสามารถท าการเพม Video ไดตามทเราตองการ
หนา 60
2 การฝาก youtube มเงอนไขส าคญๆ ดงน - ความยาวของวดโอไมเกน 10 นาท - ควรเปนวดโอทไมกระทบตอสถาบน ชาต ศาสนา พระมหากษตรย และ ศลธรรมอนดงามของสงคม
3 การ upload วดโอขนไปทเมน upload (ทมมขวาบน) แลวท าการเลอกไฟลวดโอจากเครองของเรา และรอจนการ upload เสรจสน
31 คลกทปม Uploads
32 คลกทปม Upload Video
33 เลอกไฟล Video ทตองการ
34
34 เมอ Upload ได 100 แลวใหคลก Save change
หนา 61
4 เมอ upload เสรจสนแลวคลกทขอความ Embed and Sharing Options เรากเหน HTML code ใหคดลอก code เหลานนมาแปะในสวนทเราตองการ
เชนในทนผมคดลอก code มาแปะในบทความกจะไดผลลพธเปนวดโอตามดานลางทเหนครบ
หนา 62
เรอง หนา บทน าhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 1 บทท 1 การสรางเวบบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 4 บทท 2 วธเปลยน Template ของ Bloggerhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 12 บทท 3 วธเขยนและจดการบทความในบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 22 บทท 4 การตงคาพนฐานตางๆ ใหกบบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 26 บทท 5 รจกและใชงาน Gadget ชนดตางๆ บน Bloggerhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 32 บทท 6 การจดการกบ Gadget ในหนาบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 40 บทท 7 การแสดงขาวสารลาสดดวย Gadget ฟดhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 43 บทท 9 นบจ านวนคนเยยมชมดวย Flagcounterhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 53 บทท 10 รปภาพในบทความบน Bloggerhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 55 บทท 11 การสรางวดโอใน YouTube และน ามาใสในบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 58
หนา 63
255
เอกสารประกอบการฝกอบรมเชงปฏบตการ
การพฒนาสอการเรยนการสอน โดยใชโปรแกรมคอมพวเตอรรวมกบ Weblog
หนา 11
8 เมอกรอกขอมลเสรจแลว ใหคลกปม จะปรากฏหนาจอ ดงรป
9 ใหคลกทปม เพอดเวบบลอกของเรา เปนครงแรก จะพบหนาจอ ดงรป
หนา 12
บทท 2 วธเปลยน Template ของ Blogger
หลงจากบทแรกไดเสนอขนตอนในการสรางบลอกไปแลว ถงตรงนคณตองคดแลววาจดประสงคของการท าบลอกของคณคออะไร เพราะจดประสงคนแหละครบจะเปนตวก าหนดวาเราจะเลอก แมแบบ (หนาตา และองคประกอบ) ของบลอกอยางไร
ตอไปเราจะมาดวธการเลอก และการเปลยน Template กนครบ
ขนท 1 ใหคณไปเลอก template ไดท
httpbtemplatescom httpwwwbloggertemplateplacecom httpthemecraftnet httpwwwdeluxetemplatesnet httpwwwbloggerthemesnet httpwwwbloggerstylescom httpwwwanshuldudejacom httpwwwbloggertemplatesfreecom httpwwwbloggertemplatesblogcom httpwwwtemplatesblockcom httpblogger-templatesblogspotcom httpfreetemplatesblogspotcom
หนา 13
httpmashablecom20070913blogger-templates httpwwwwebtemplatesblogcom httpwwwezwpthemescom httpwwwfreebloggertemplateinfo httpwwwblogcrowdscomresourcesblogger-templates httpwwwzoomtemplatecom httpwwwtemplates-bloggercom httpwwwbloggerblogtemplatescom httpbloggertemplateplacecom httpwwwtemplatesbloggernet httpwwwbietemplatescom
หรอจะใชค าคน ldquoTemplate+blogrdquo ใน Google กไดครบ ผมเชอวาขนตอนนคณคงจะใชเวลานาน
พอสมควรเลยละครบ (ผมเองกใชเวลาเปนวนๆ ในการเลอก templates ทเดยวครบ ) ขนท 2 เมอคณได Template ทตองการแลว ใหเรมเปลยนดงน ในทน ผมเลอกเวบไซต httpwwwbloggerblogtemplatescom เพอเปนตนแบบในการใช
Template
หนา 14
ผมเลอก Template น
1 โดยการคลกท Read More or Download this Blogger Template จากนนจะพบ
หนาตางใหม ใหเลอนหาเมน Download the Green Day Blogger Theme และท าการคลกเพอดาวนโหลด จะได ใหท าการ แตกไฟลจากนนใหน า green-day-blogger-themexml ไปวางไวท Desktop
2 Log in ท blogger ไปทแผงควบคม gtgt รปแบบ gtgt แกไข HTML gtgt คลกปม Browse เพอทจะอปโหลดแมแบบขนมา
หนา 15
3 เรยกไฟล XML ทเตรยมไวตามขนตอนในรปครบ
4 อปโหลดแมแบบขนไปแทนทแมแบบเดม โดยระหวางการแทนท อาจมการถามถงการลบเกบ Widget ของแมแบบเดม ซงถาตองการเกบของเกาเอาไวกเลอก เกบ Widget กจะท าให Widget ของแมแบบเดม ไมถกลบขณะเปลยน Templates
หนา 16
5 จากนนลองแสดงตวอยางด ซงถาพอใจกบแมแบบแลวกใหท าการบนทก กจบขนตอนการเปลยนแมแบบแลวครบ และถาหากคณตองการเปลยนแมแบบอกกสามารถเปลยนไดแบบไมจ ากดครง
นคอผลงาน หลงจากเปลยนแมแบบ นครบ กอนเปลยน Template
หลงเปลยน Template
หนา 17
เครองมอส าหรบ ldquoออกแบบแมแบบrdquo ดวยตนเอง ใหม จาก Blogger
หลงจากทมงาน Blogger ไดสราง Gadget หนาเวบ ออกมาไดไมนาน ตอนนกไดพฒนาการเครองมอส าหรบการออกแบบแมแบบของ blogger ใหยดหยนมากขน โดยใหผใชสามารถปรบแตงแมแบบไดดวยตนเอง ไมวาจะเปนการเลอก Theme การออกแบบโครงรางของหนาวาจะม 2 หรอ 3 คอลมน หรอหลายคอลมน ซงท าไดโดยการคลกเพยงไมกครง การปรบความกวางของ Template และ sidebar เพยงแคคลกเดยวเปนตน ความสามารถทงหลายนผใชสามารถท าไดโดยไมตองมความรเรอง HTML และ CSS เลยส าหรบการใชงานเครองมอนกคลายคลงกบการใชงานเครองมอเดม ๆ ทมอย ซงผมจะอธบายทละสวนดงน
การใช เครองมอออกแบบแมแบบ ท าไดโดย Log in เขาไปท draftblogger และไปท แผงควบคม gtgt
การออกแบบ gtgt องคประกอบของหนา gtgt คลกท ldquoเครองมอออกแบบแมแบบ ใหมrdquo
เมอคลกท ldquoเครองมอออกแบบแมแบบrdquo แลวเราจะพบเครองมอส าหรบออกแบบแมแบบอย 4 อยางดวยกน ไดแก 1 แมแบบ 2 พนหลง 3 รปแบบ และ 4 ขนสง
สวนแสดงตวอยาง
หนา 18
1 การใชงานเครองมอแมแบบ ท าไดโดย คลกทขอความ แมแบบ gtgt จากนนเลอกรปแบบทตองการ gtgt และเลอก theme ทตองการ เมอแสดงตวอยางเปนทนาพอใจแลว ใหคลกทปม ldquoใชกบบลอกrdquo เพอยนยน
2 การใชงานเมนพนหลง การใชงานเครองมอ ldquoพนหลงrdquo สามารถใชเพอเปลยนภาพพนหลงของบลอก และเลอกส Theme ของบลอกไดตามความตองการไดดวย
21 วธเปลยนภาพพนหลงท าไดโดย คลกท ldquoภาพพนหลงrdquo และเลอกถาพตามตองการ และกดปม ldquoใชกบบลอกrdquo เพอยนยน
สวนแสดงตวอยาง
หนา 19
22 การเลอกส Theme ของบลอก คลกทส Theme ทตองการโดย อาจจะคลกเลอกจาก
Theme ส าเรจรปหรอเลอกจาก Theme ทแนะน า
หนา 20
3 การใชงานเครองมอ ldquoรปแบบrdquo คณสามารถใชเครองมอนเพอก าหนดจ านวน คอลมน รปแบบคอลมน ความกวางของคอลมน รวมถงการก าหนดคอลมนใหกบสวนทายของหนาไดดวย
31 การใชงานเครองมอ ldquoการออกแบบเนอความrdquo เครองมอนใชก าหนดรปแบบคอลมนของ template ของคณ ซงท าไดงายดายโดยการคลกเลอกรปแบบทตองการ ดตวอยาง เมอเปนทพอใจแลวกกดปม ldquoใชกบบลอกrdquo เพอยนยน
32 การใชงานเครองมอ ldquoการออกแบบสวนทายrdquo เครองมอนเปนเครองมอส าหรบการ
ก าหนดคอลมนใหกบสวนทายของหนาบลอก ซงท าไดเชนเดยวกบ 31
หนา 21
33 การใชงานเครองมอ ldquoการปรบความกวางrdquo คณสามารถปรบความกวางของแมแบบ และ sidebar จากเครองมอนเพยงแคเลอน slider ใหตรงกบคาตวเลขทตองการเทานน
4 ส าหรบเมนขนสงเปนการก าหนดรายละเอยดตางๆ ใหกบบลอก เชน รปแบบของลงค gadget ตางๆ หวเรอง ชอของบลอก เปนตน ซงคณสามารถปรบแตงตามความตองการแลว แสดงตวอยาง หากเปนทพอใจกบนทกเชนเดยวกบ ขอ 1-3 ทไดกลาวมาแลว
ปล อยาลมนะครบวาเครองมอเหลานจะไมมใน bloggercom แต จะมใน draftbloggercom เทานน
หนา 22
บทท 3 วธเขยนและจดการบทความในบลอก
บทนผมจงจะเลาถงวธเขยนบทความใน Blogger เพอเปนแนวทางใหคณสามารถเขยนบทความลงในบลอกของคณไดสวยงามและเปนมออาชพมากขน
ส าหรบทานทเขยนบทความเปนอยแลวอาจจะขามไปอานบทความอน ๆ ตอไปไดเลยครบ สวนทานทเปนมอใหมจรง ๆ กควรจะอานบทความนใหจบเพอเปนแนวทางในการ
เขยนบทความของคณเองตอไป
1 การเขาไปเขยนบทความ การเขาไปเขยนบทความบน Blogger โดยตรงสามารถเขาไปได 2 ชองทางดวยกนคอ 11 ถาคณใชแมแบบทไมไดซอนแถบน าทางสามารถเขาไปเขยนบทความไดโดยคลกทเมน
บทความใหม
12 เขาไปเขยนบทความผาน draftbloggercom
หนา 23
โปรดสงเกตวาเครองมอในการเขยนบทความของ Draftblogger จะมมากกวาเครองมอของ blogger ปกต ดงนนโดยสวนตวผมแนะน าใหเขยนบทความผาน draftbloggercom เพราะมเครองมอมากกวาวธแรก และควรตงคาให draftblogger เปนเครองมอเรมตน
2 องคประกอบของเครองมอเขยนบทความ
กอนอนผมขอแนะน าใหรจกเครองมอทจ าเปนในการเขยนบทความดงน สวนท 1 คอสวนตงชอเรองหรอชอบทความ สวนท 2 เปนสวนทใชส าหรบกรณทเราตองการวางขอความทคดลอกมาจาก Ms word
หรอโคดวดโอจาก Youtube หรอโคด HTMLจาวาสครปตทตองการใหปรากฏและแสดงผลในบทความ
หนา 24
สวนท 3 เปนแถบทเลอกเมอตองการเขยนขอความปกตซงจะมเครองมอในการเขยนบทความตามทเหนในภาพขางบน
สวนท 4 ส าหรบจดรปแบบอกษร สวนท 5 เปนเครองมอในการใสลงคใหขอความ แทรกภาพลงในบทความ และแทรกวดโอ
ลงในบทความตามล าดบ สวนท 6 รปกระดาษขาดทเหนนนใชในกรณทคณตองการแสดงบทความใหผอานเหนในหนา
หลกเพยงบางสวนเทานน และถาใชเครองมอนผอานจะตองคลกอานเพมเตมจงจะเหนขอความแบบเตม เครองมอนมขอดคอท าใหบทความทมความยาวมาก ๆ สนลงได และท าใหเปดหนาแรกไดเรวขนดวย
สวนท 7 เปนสวนทใชในการจดเรยงขอความ และจดแนวรปภาพไดดวย เชน จดชดซาย ชดขวา กงกลาง เปนตน
สวนท 8 ไดแกการใส การเนนขอความ การลบรปแบบ การตรวจสอบการสะกดค า และการแปลภาษา
สวนท 9 เปนสวนทใชในการวางก าหนดเวลาลางหนา วาจะใหบทความทเขยนเผยแพรใน วนใด
สวนท 10 เปนการใสปายก ากบ ซงเปนสวนทใชระบวาบทความทเขยนนอยในหมวดหมใด ซงสามารถใสไดมากกวา 1 ปายก ากบโดยคนดวยเครองหมายจลภาค และสามารถเลอกปายก ากบทคณเคยใสใหบทความอนไปแลวมาใสอกได เพอท าใหบทความนน ๆ อยในหมวดหมเดยวกน
สวนท 11 เปนการเลอกวาจะบนทกไวกอน หรอจะเผยแพร มประโยชนในกรณทบทความทเขยนใชเวลาเขยนนานมากกอาจจะบนทกเอาไวกอนแลวมาเขยนตอในภายหลงได
หนา 25
เทคนคการเขยนบทความทควรร ในกรณทเรามไฟลเอกสารจาก MS word แลวคดลอกมาวางเพอท าใหเขยนบทความไดเรวขน
บางครงพบปญหาขอผดพลาดของฟอรม (ฟอรมใน MS word ไมสามารถแปลงเปน HTML Code ได)
ปญหานแกไดโดยกอนวางขอความใหคลกทแถบ แกไข HTML แลวจงวางขอความทคดลอกมา
จากนนจงคลกทแถบ เขยน เพอจดรปแบบของบทความตอไป
เทคนคนยงสามารถใชกบการวางโคดวดโอ หรอขอความทคดลอกมาจากเวบไซตไดดวยครบ
หนา 26
บทท 4 การตงคาพนฐานตางๆ ใหกบบลอก
บทนผมจะขอแนะน าการตงคาพนฐานตางๆ ของบลอกเพอใหเขาใจการตงคาในสวนตาง ๆ ของ Blogger และจะท าใหคณสามารถตงคาตาง ๆ ตามความตองการของตนเองได อกทงจะเปนประโยชนในการพฒนาการท า Blogger ในระยะยาวดวย
การตงคาพนฐานตางๆ ของบลอกท าไดโดย Log in เขาไปท blogger เมอมาทหนา แผงควบคม ให Click ท การตงคา
และทานจะเขามาทเมนการตงคาของบลอก
ผมจะแบงการตงคาออกเปน 9 สวนดงน 1 ขนตน
คณสามารถดาวนโหลด Blog เพอเกบเปน Backup ขอมลบทความและ comment ของบลอกไดโดยเลอก สงออกบลอก แตถาคณมขอมลบลอกเดมอยแลวอยากจะน ามาใชกบบลอกใหมทสรางขน กใหเลอก น าเขาบลอก แตถาคดวาไมตองการใชบลอกนแลวกสามารถลบทงไดโดยเลอก ลบบลอก
หนา 27
Title และค าอธบายของบลอก ควรใสใหเขาใจภาพรวมของบลอกและม keyword ในการท าบลอกแทรกอยใน Description ดวย
ในสวนการตงคาอน ๆ ควรตงคาดงน
องคประกอบ ตงคาเปน
เพมบลอกของคณในรายการของเราหรอไม ใช
อนญาตใหเครองมอคนหาพบบลอกของคณหรอไม ใช
แสดงการแกไขอยางรวดเรวบนบลอกของคณหรอไม ใช
มเนอหาส าหรบผใหญหรอไม ไม
เลอกโปรแกรมแกไขบทความ โปรแกรมแกไขทอปเดต
2 การเผยแพร ในการตงคาสวนนสามารถเปลยน URL ของบลอกได
หนา 28
ถาคณตองการเปลยนโดเมนของบลอกจาก blogspotcom เปนโดเมนอนกสามารถตงคาไดตรงสวนน แตจะตองเสยคาใชจายการจดโดเมนผาน google ปละ 10 US (ประมาณ 300 กวาบาทตอป)
3 การจดรปแบบ ในสวนนเปนการตงคาการเผยแพรบทความ เชน จ านวนบทความในหนาแรก รปแบบเวลา
และวนทเปนตน
คณควรจะตงคาตาง ๆ ดงน
องคประกอบ ตงคาเปน
แสดงสงสด เทาไรกได
รปแบบสวนหวของวนท ตงไดตามใจชอบ
รปแบบวนทของดชนคลงบทความ ตงไดตามใจชอบ
รปแบบเวลา ตงไดตามใจชอบ
โซนเวลา (GMT+0700)กรงเทพ
ภาษา ไทย
แปลงการขนบรรทดใหม ไม
แสดงฟลดชอเรอง ใช
แสดงฟลดของลงก ไม
เปดใชการจดเรยงแบบลอย ใช
แมแบบบทความ ยงไมตองตงคา
หนา 29
4 เมนขอคดเหน เปนเมนส าหรบตงคาตาง ๆ เกยวกบการแสดงความคดเหนของบลอก
คณควรจะตงคาตาง ๆ ดงน
องคประกอบ ตงคาเปน
ขอคดเหน แสดง
ใครสามารถแสดงความคดเหน ผใชทมบญช Google
การจดวางฟอรมความคดเหน วางไวใตบทความ
ความคดเหนเรมตนส าหรบบทความ บทความใหมมความคดเหน
ลงกยอนกลบ ซอน
คาเรมตนของลงกยอนกลบส าหรบบทความ บทความใหมมลงกยอนกลบ รปแบบเวลาในสวนความคดเหน ตงคาตามใจ
ขอความของฟอรมความคดเหน ไมตองใสคาใด ๆ กได
การจดการความคดเหน ไม
แสดงการตรวจสอบค าส าหรบความคดเหนหรอไม ไม
แสดงรปภาพโปรไฟลบนความคดเหนหรอไม ใช
อเมลส าหรบแจงเตอนเมอมความคดเหนใหม กรอก email ของคณลงไป
5 เกบเขาคลงบทความ ตงใหเปนรายเดอนจะดทสด
หนา 30
6 ฟดของไซต ถาบทความในบลอกไมมากนก ตงคาเปน แบบเตม แตถาบทความมประมาณ 100 ขนไปควร
จะตงเปน แบบสน
7 อเมลและมอถอ
ในสวนนเปนการตงคา อเมลเพอใหระบบสงบลอกของคณทกครงทมการเผยแพร และเปนการตงคา การใชอปกรณเคลอนทในการเขยนบลอก ตรงนผมยงไมเคยลองเหมอนกน
8 OpenID
คณสามารถใช OpenID URL เพอเขาสไซตอนๆ ทใชงาน OpenID นอกจากนคณยงสามารถก าหนดใหผใช OpenID สามารถแสดงความคดเหนในบลอกของคณ โดยปรบการตงคา ความคดเหน ของคณ
9 สทธ
ในสวนนคณสามารถใชในการเปลยนผเขยนบลอก และเพมผดแลระบบไดถง 100 ราย
หนา 31
นอกจากนคณยงจ ากดคนเขาชมบลอกไดดวย โดยการระบ Email ของผทตองการลงไป
หนา 32
บทท 5 รจกและใชงาน Gadget ชนดตางๆ บน Blogger
เมอเรยนรเกยวกบ การตงคาตาง ๆ ของบลอก การเปลยน Templates ใหกบบลอกไปแลว สวนทเหลอคอ การจดรปแบบองคประกอบหนาใหกบบลอก รวมถงการใชงาน Gadget หลกชนดตางๆ ของ Blogger
Gadget คออะไร
Gadget ใน Blogger นนหมายถงสวนเสรมทเราสามารถตดตงเพมลงไปในแมแบบของ Blogger ซงบางครงกถกเรยกวา widget ซงกหมายถงสงเดยวกนกบ Gadget
วธเพม Gadget กอนอนให Login เขาไปท blogger หรอ draftblogger gtgt จากแผงควบคมใหเลอก การออกแบบ
หนา 33
จากนนใน Layout ของแมแบบคณจะเหนพนท ดงรปดานลางเพอใหเพม Gadget
และเมอคลก เพม Gadget กจะปรากฏ Gadget พนฐาน 21 อยางทจะกลาวถงในหวขอน
นอกจากนยงม Gadget อกมากมายซงคณสามารถเลอกไดจากเมนแกดเจดเพมเตมทางซายมอ
เมอเลอก Gadget ทตองการแลว คลกทปม + เพอท าการเพม Gadget นน ใสชอ Gadget และตงคาทตองการแลวบนทก
รปทเหนขางบนเปน Gadget ผตดตาม ส าหรบ Gadget อน ๆ กท าไดในท านองเดยวกน
หนา 34
รจกกบ Gadget พนฐาน 21 อยางของ Blogger
1 Gadget หนาเวบ
หลกการของ Gadget ชนดนคอคณจะตองสรางหนาเวบขนมากอน แลวใช Gadget นเปนเมนในการเชอมโยงไปยงหนาเวบ
2 Gadget ผตดตาม
Gadget ชนดนใชเพอใหผอานทชนชอบบลอกของคณไดตดตาม และเมอตดตามแลวความเคลอนไหว และการ update บทความของจะไปปรากฏแผงควบคมของผตดตามโดยอตโนมต และมสทธในการแสดงความคดเหนบนบลอกของคณได (กรณทคณอนญาตเฉพาะสมาชก)
3 Gadget ชองคนหา
เปน Gadget ทตดตงเพอใหผอานสามารถคนหาสงทตองการในบลอกของคณไดงายขน
หนา 35
4 Gadget HTMLจาวาสครปต
Gadget ชนดนเปน Gadget ทยดหยนทสดในบรรดา Gadget ทงหมด สามารถประยกตใชไดหลากหลาย เหมาะส าหรบใชตดตงโคดตาง ๆ ลงบน Blogger เชน โคดปฏทน นาฬกา โคดจาวาสครปต โคดรปภาพ โคดวดโอ โคดของลงค เปนตน
5 Gadget ขอความ
เปน Gadget ทเหมาะส าหรบเขยนขอความ เชน ขอความตอนรบ เปนตน
6 Gadget Adsense
คณจะใช Gadget ชนดนไดเมอสมครเขารวมโปรแกรมหรอเปนตวแทนในการเผยแพรโฆษณาบน Google
7 Gadget รปภาพ
ถาคณตองการแสดงรปภาพบนบลอกอยางเดยวกใหเลอกใช Gadget นครบ
หนา 36
8 Gadget สไลดโชว
Gadget นเปนการดง Albums จาก Picasaweb มาแสดงในรปแบบสไลดโชวบนบลอกของ
9 Gadget แถบวดโอ
Gadget นจะท าใหผใชคนหาวดโอบน Youtube จากบลอกของคณได
10 Gadget แบบส ารวจ
Gadget นถอเปน Gadget หนงทนาสนใจมาก แตยงมผใชจ านวนนอย โดยคณอาจจะใชส ารวจความตองการ หรอความคดเหนของผอานตอบลอกของคณ หรอส ารวจเกยวกบเรองทเกยวของกบเนอหาบนบลอกของคณกได
11 Gadget รายการบลอก
Gadget ชนดนเปน Gadget ทสามารถรวบรวมขาวสารลาสดจากบลอกทคณเลอกหรอบลอกทคณตดตาม พรอมทงสามารถแสดงเนอหาแบบยอไดดวย
หนา 37
12 Gadget รายชอลงค
เปน Gadget ทใชสรางลงคไปยงทตาง ๆ โดยคณสามารถปอน URL บน Gadget ชนดนเพอสราง Link โดยไมตองมความรเรอง HTML มากอนเลย
13 Gadget รายการ
เปน Gadget ทคลายคลงกบ Gadget รายชอลงค แตมความยดหยนกวา สามารถสรางขอความรายการและใส link ใหขอความไดดวย
14 Gadget ฟด
คณสามารถใช Gadget นดงขาวสารจากในบลอกของคณ หรอบลอกอนทคณสนใจเอามาแสดงเพยงแคใสชอบลอกทตองการลงไปลงไปใน gadget
15 Gadget Newsreel
เปน gadget ทท าใหพาดหวขาวจาก Google มาปรากฏบนบลอกของคณเทานน
หนา 38
16 Gadget ปายก ากบ
Gadget นมความส าคญ คณควรจะตดตง เพอใหบทความทเขยนเปนหมวดหม ใหผอานเหนชดเจนเลอกอานไดตรงความตองการมากขน
17 Gadget ลงคการสมคร
Gadget นมความส าคญในเรองการสงขาวสารขอมลจากบลอกของคณไปยงผอาน ผอานจะสามารถสมครรบบทความทาง email หรอผานชองทางอน ๆ ไดจาก Gadget น
18 Gadget โลโก
Gadget นไมส าคญนกเปนเพยงตดตง logo ของ blogger ในหนาบลอกเทานน
19 Gadget โปรไฟล
Gadget นจะแสดงขอมลอยางของคณทไดกรอกเอาไวบนบญชของ Blogger ถาคณตองการแสดงขอมลของคณบน Blog กควรจะตดตง Gadget นครบ
หนา 39
20 Gadget คลงบทความของบลอก
Gadget นจะท าใหผอานเหนบทความทงหมดภายในบลอกของคณได
21 Gadget สวนหวของหนา
Gadget นเปนสวนทใส Title และ Description ของ Blog โดยปกตแลว Template ทวไปกจะตดตงสวนนอยแลว
คณสามารถทดลองใช Gadget เหลานไดโดยไมตองกลวความผดพลาดเพราะ Gadget บน
Blogger นนสามารถลบออกไดอยางงายดายโดยวธการจดการกบ Gadget
หนา 40
บทท 6 การจดการกบ Gadget ในหนาบลอก
ในบททผานมาเราได รจกและใชงาน Gadget ชนดตาง ๆ บน Blogger ผมไดกลาวถงวธการเพม Gadget ใหกบบลอก แตยงไมไดกลาวถงการลบ Gadget ออกจากองคประกอบของหนา และนอกจากน ต าแหนงของ Gadget ยงสามารถเคลอนยายต าแหนงไดอกดวย
การลบ Gadget วธท 1 ถาในขณะทเรา log in และเปดหนาบลอกของเราขนมา กจะสงเกตเหนวามเครองมอ
ปรากฏอยตามทตางๆ ในองคประกอบของหนา
และถาเราคลกเขาไปกจะสามารถแกไข หรอ ลบองคประกอบเหลานนออกไปไดเลยครบ
หนา 41
วธท 2 เราสามารถเขาไปลบ Gadget ไดท แผงควบคม gtgt การออกแบบ gtgt องคประกอบของหนา gtgt เลอกแกไข Gadget ทตองการลบ
จากนนเลอกลบไดเชนเดยวกบกรณแรก
การยายต าแหนง Gadget ส าหรบการยายต าแหนงของ Gadget ท าไดโดยการ เขาไปทแผงควบคม gtgt การออกแบบ gtgt
องคประกอบหนาจากนนใหลากเมาสบน Gadget ทตองการยายไปวางในต าแหนงทตองการไดเลยครบ
หนา 42
เมอเขาใจการท างานของ Gadget ชนดตาง ๆ แลวสงทอยากจะฝากเอาไวตอนทายนกคอการจดองคประกอบหนาของบลอกดงน
แนวทางในการจดองคประกอบหนาบลอก
แนวทางในการจดองคประกอบหนานนไมมกฎเกณฑตายตว บางคนชอบใหม 2 column บางคน ชอบใหม 3 column ซงกขนอยกบความชอบและความตองการใชงาน แตทอยากใหค านงไวเสมอคอ ผอน คอ พระเจา ท าอะไรใหเขาใจงายๆ หาอะไรกเจออยางรวดเรว เขาไวเปนพอครบ และอกประการทส าคญคอ การตดตง Gadget ตาง ๆ ควรตดตงเทาทจ าเปนและตองการใชงาน ปฏทน หรอนาฬกานนกไมควรตดตง ลงไปเลย เพราะไมคมคากบการเพมภาระการโหลดใหกบผเขาชม และถาบลอกของคณโหลดไดชา ก เปนไปไดยากทผอานจะกลบมาอก
องคประกอบในหนาของบลอกทผมคดวาคณควรจะมคอ สวนทบอกตวตนของบลอก
ซงอาจจะแสดงในสวนหวของหนา หรอเปนวดโอ สไลดขอความรปถาย อยในต าแหนงทเหนไดชด สวนทเชอมโยงไปยงบทความในบลอก
สวนนจ าเปนมากเพราะจะชวยใหผอานคนหาบทความไดเรวขน คณอาจจะรวมบทความทงหมดเลยหรอ อาจจะใชวธจดหมวดหมใหผอานเลอกสงทตองการจากบลอกของเราไดเรวขน
สวนพนทของสมาชก
สวนนจะแสดงใหเหนวามผสนใจบลอกของเรามากแคไหน และสามารถสมครตดตามบลอกของเราไดทนท เชนอาจจะใช Gadget ผตดตาม หรอใช Like box Plugins ของ Facebook หรออาจจะท า Poll กได
สวนทเปนชองทางใหผอานตดตอเราได
คณอาจจะท า link เชอมโยงใหผอานตดตอคณได หรออาจจะใช Gadget profile ของ Blogger เพอแนะน าตวกได
หนา 43
บทท 7 การแสดงขาวสารลาสดดวย Gadget ฟด
ความหมายของค าวา ฟดโดยสรปกคอเปนสงทแพรกระจายจากบลอกของเราบนโลก Internet เทยบไดกบคลนสญญาณวทยหรอโทรทศน ถามตวรบทกคนกสามารถมองเหนขาวสารทตองการเลอกรบได นอกจากนถามตวชวยสงใหฟดแพรไดแรงขน ขาวสารกยอมจะแพรกระจายไดเรวดวย
ดงนนถาคณสนใจขาวสารจากบลอกใดบลอกหนงคณกสามารถทจะเปดรบขาวสารจากบลอกนนๆ โดยใช Gadget ฟด ซงเปน Gadget ทสามารถเพมไดอยางไมจ ากด ดงนนถาคณตองการรบขาวจาก 10 บลอกกสามารถท าไดโดยการเพม gadget ฟดเขาไปในบลอก 10 ครง ในขณะเดยวกนถาคณใสชอบลอกของตวเองใน Gadget ฟด Gadget ชนดนจะกลายเปน Gadget ทใชแสดง บทความลาสดนนเองครบ
การแสดงขาวสารลาสดโดยการใช Gadget ฟด
1 ไปทองคประกอบของหนา gtgt เพมฟด Gadget
หนา 44
2 ใสโคดตอไปนลงไปใน Gadget ฟด httpชอบลอกblogspotcomfeedspostsdefault
โดยจะตองเปลยนชอบลอกเปนชอบลอกของของคณเองหรอชอบลอกทคณตองการรบขาวสารท update
ตงคาทตองการเพมเตมและบนทกกจะได feeds ขาวสารมาปรากฏทบลอกของคณ
3 ถาตองการเพมบลอกอนอกกท าซ าขอ 1 และ 2 แตตองเปลยนชอบลอกใหม 4 กรณทคณตองการเรยก feed จากเวบทตองการใหคนหา feed จากเวบ wwwgooglecom
แลวแทนโคดในขอ 2 เชน feed ขาวการศกษาจากเวบ httpwwwrssthaicom ใหใสโคด httpwwwrssthaicomnewsphpt=education แทนในขอ 2
หนา 45
บทท 8 แนะน า Gadget ใหมของ blogger ldquoหนาเวบrdquo
ตามเวบไซตตาง ๆ เราคงจะเคยเหนกนวาแตละเวบไซตจะม เมนส าหรบเลอกเปดไปดหนาอน ๆภายในเวบนนๆ เชน ตวอยางในรปดานลาง
Blogger ไดพฒนา Gadget ตวใหมขนมา มชอวา หนาเวบ เพอใหผใชไดสรางหนาของบลอกทตองการไดโดยไมตองมความรในการดดแปลงหรอแกไขแมแบบดวยตนเอง
การเรยกใช Gadget ชนดนสามารถเลอกใชไดเชนเดยวกบการ Add Gadget ชนดอน ๆ นนคอ ไปท องคประกอบของหนา gtgt แลวเลอก เพม Gadget
ตอไปเรามาดวา Gadget น ใชอยางไร และใชเพอจดประสงคใด หลกการของ Gadget นเหมอนการสรางบทความขนมา 1 บทความ และ สราง Link เชอมโยงไป ยงบทความนน ๆ แตมความพเศษตรงทผใชทวไปสรางเมนขนเองไดอยางงายดาย โดยไมตองมความรพนฐานเกยวกบ HTML เลย
หนา 46
ตวอยางวธการใชงาน(จรง) ในตวอยางนผมจะสราง 2 หนาใหเหนเปนตวอยาง ไดแก HOME และ CONTACT ME
ขนเตรยมการ เนองจากผมจะยกตวอยางการสรางหนา Contact me ดงนนใหทกคนไปสราง Form ส าหรบ
ตดตอเจาของบลอกซงกคอเราเอง ไดท httpwwwfoxyformcom
ซงขนตอนในการสราง ฟอรมนนงายมาก มเพยง 4 ขนเทานน (ดรป)
หนา 47
เมอไดโคด แลวคดลอกเกบเอาไวกอนครบ
ขนสรางหนาเวบจรง ขนท 1 สรางหนาแรก หรอ HOME
Log in เขาไปท draftblogger ไปทแผงควบคม gtgt องคประกอบของหนา gtgt แลวเลอก เพม Gadget เลอกอนแรกเลยครบ คอ gadget หนาเวบ
จากนนกสราง หนาแรกขนมาโดยตงชอตามทตองการไดเลย แลวท าการบนทกครบ
หนา 48
ขนท 2 เมอผานขนท 1 มาแลวกเทากบวาเราไดสราง หนาบลอกขนมาแลว 1 หนา
ถาจะท าการเพมหนาอก ใหไปทแผงควบคม gtgt การสงบทความ gtgt แกไขหนาเวบ gtgt หนาเวบใหม
เมอคลกสรางหนาเวบใหม เรากจะพบเครองมอตาง ๆ เหมอนการเขยนบทความนนเองครบ
หนา 49
ใหน าโคดของ Form ทเตรยมไว จากขนเตรยมการมาวางในหนาหนาน จดรปแบบตามตองการแลวบนทกหนาไดเลยครบ
เพยงขนตอนสน ๆ นเรากจะมเมนเชอมโยงไปยง หนาของบลอกถง 2 หนาดวยกน ไดแก HOME และ CONTACT ME
หนา 50
ขนท 3 - ถาหากตองการเพมหนาบลอกเพมขนอกกท าซ าขนตอนทไดกลาวมาขางตนครบ - แตถาตองการลบหนาบลอกทง กมาทเดม แลวจะเหนค าวาลบ ถาตองการลบทงกกดค าวาลบ
ไดเลย
ขนท 4 วธจดการกบเมนหนาเวบ - ถาตองการเรยงล าดบหนาเวบใหม กไปท องคประกอบของหนา แลว คลก Gadget หนาเวบขนมาแกไข gtgt ดรป
หนา 51
นอกจากน Gadget หนาเวบจะมลกษณะพเศษ คอ ถาอยท Sidebar เมนจะจดเรยงเปนแนวตง
หนา 52
แตถาลากไปในต าแหนงใตสวนหว จะจดเรยงเรยงเปนแนวนอนโดยอตโนมต
หนา 53
บทท 9 นบจ านวนคนเยยมชมดวย Flagcounter
อกบรการนบสถตคนเยยมชมทชวยใหเราทราบวาบลอกของเรามผเยยมชมทงในและตางประเทศมากหรอนอย จาก Flagcounter
วธตดตง
1 ไปท httpwwwflagcountercomindexhtml 2 ตงคาตางๆ ตามความตองการแลวกด GET YOUR FLAG COUNTER ดงรป
3 คดลอก HTML โคด ท FLAG COUNTER ไดสรางใหในขนท 2
หนา 54
4 กลบมาทบลอกของเรา ไปทแผงควบคม gtgt รปแบบ gtgt องคประกอบหนา gtgt เพม Gadget ชนด HTMLจาวาสครปต
5 วางโคดทคดลอกมาจากขนท 3 แลวบนทกครบกเปนอนจบขนตอนครบ ลกษณะทไดกดงรป
หนา 55
บทท 10 รปภาพในบทความบน Blogger
คณเคยสงสยไหมครบวา รปภาพทคณ upload ขนไปขณะทเขยนบทความ หรออาจจะเขยนบทความไปแลว รปเหลานนไปอยทไหน เพราะวา Blogger เองไมม sever ยงตองอาศยฐานขอมลของตวแมคอ blogspotcom อย แลวจะเอาพนท ๆ ไหนมาเกบรปตงมากมาย
ค าตอบคอ Blogger จะใชวธเชอมโยงกบ Application อน ๆ ของ Google เพอแกปญหาการเกบขอมล เชนรปภาพใน Blogger ทเราพดถงกนอยตอนนกจะถกเกบ
อยท Picasa Web Albums ดงนนไมวาจะเปนภาพทคณ Upload ขณะเขยนบทความ กจะถกเกบอยใน Picasa Web Albums ทงหมด
คณใชบรการ Picasa Web Albums ไดอยางไร
การใชบรการ Picasa Web Albums สามารถเขาใชไดทนทหากคณมบญชผใชกบ google อยแลว เชนมบญชผใช Gmail หรอ Blogger อยแลวกสามารถ Log in เขาใชไดเลย
Picasa Web Albums ใหพนทเทาไร
Picasa จะใหพนท เพยง 1 GB ตอ 1 บญชผใช นเปนเหตผลทบางคนอาจจะสงสยวาท าไมคณภาพรปหรอขนาดของรปบน Blogger จงลดลง กลาวคอระบบของ Picasa จะท าการลดขนาดของรปทเรา Upload ผาน Blogger ใหมขนาดเลกลงเพอเปนการประหยดพนทนนเอง
หนา 56
คณจะเขาไปจดการรปภาพจาก Blogger ใน Picasa Web ไดอยางไร การจดการภาพใน Picasa Web Albums ท าได 2 วธคอ
1 ใช Software ทพฒนาขนมาจดการ Picasa Web Albums โดยเฉพาะ
คณสามารถเขาไปดาวนโหลด Picasa ไดท httppicasagooglecom 2 เขาไปจดการทเวบไซต Picasa Web Albums โดยตรง โดยไปท httppicasawebgooglecom และ Log in โดยใชชอบญชเดยวกบ Blogger
คณสามารถเขาไป Unload ภาพไดโดยตรงกบ Picasa แลวเรยกมาใชบน blogger ไดโดยใชตวเลอก อปโหลด
หนา 57
แตถาตองการรปภาพบน Blogger ทไดอปโหลดขนไปแลวกคลกทอลบมทตองการแลวเขาไปจดการภาพไดเชนกน ลบรปภาพบน Blogger แลวรปบน Picasa จะถกลบดวยหรอไม
การลบรปภาพบน Blogger ไมสงผลใด ๆ ตอ Picasa Web Albums เลยเวนแตคณจะเขามาลบใน Picasa Web Albums โดยตรง ดงนนถาในขณะเขยนบทความคณเผลอท าพลาดรปภาพหายไป กสามารถเขามาเอารปภาพจาก Picasa Web Albums ใชงานไดอกโดยไมตอง upload ซ า หรอไมตองไปหาภาพมาใหม บทสรป
บทนแนะน าใหพอรจกการเชอมโยงระหวาง Blogger และ Picasa Web Albums ซงเปนบรการในเครอขาย Google เหมอนกน และจะท าใหคณเขาใจการจดการเกยวกบภาพบน Blogger ไดดขน
หนา 58
บทท 11 การสรางวดโอใน YouTube และน ามาใสในบลอก
ถามวดโอในหนาบลอกของเราดวย การสอสารเรองราวตางๆ กจะมชวตชวาและเขาใจงายขน ซงในทนเราสามารถสรางไดไมยากดวยบรการของ wwwyoutubecom ครบ
ขนตอนการฝากวดโอไวกบ youtube
1 ไปท wwwyoutubecom แลวเลอก Create Account ทมมขวาบนซงในกรณทเรา Login อยในเวบบลอกของเรานน กสามารถใชบรการของ youtube ดวย Account เดมโดยไมตองสมครใหมครบ วธการท าไดโดย
11 คลกท 12 กรอกขอมลส าหรบการสรางบญช โดยใช username ของ gmail ของเราเอง 13 จากนน คลก
หนา 59
14 จะพบหนาตางใหกรอก Username และ รหสผาน ของ gmail ใหกรอก e-mail ของเรา
จะพบหนาจอ ดงน จากนนเรากสามารถท าการเพม Video ไดตามทเราตองการ
หนา 60
2 การฝาก youtube มเงอนไขส าคญๆ ดงน - ความยาวของวดโอไมเกน 10 นาท - ควรเปนวดโอทไมกระทบตอสถาบน ชาต ศาสนา พระมหากษตรย และ ศลธรรมอนดงามของสงคม
3 การ upload วดโอขนไปทเมน upload (ทมมขวาบน) แลวท าการเลอกไฟลวดโอจากเครองของเรา และรอจนการ upload เสรจสน
31 คลกทปม Uploads
32 คลกทปม Upload Video
33 เลอกไฟล Video ทตองการ
34
34 เมอ Upload ได 100 แลวใหคลก Save change
หนา 61
4 เมอ upload เสรจสนแลวคลกทขอความ Embed and Sharing Options เรากเหน HTML code ใหคดลอก code เหลานนมาแปะในสวนทเราตองการ
เชนในทนผมคดลอก code มาแปะในบทความกจะไดผลลพธเปนวดโอตามดานลางทเหนครบ
หนา 62
เรอง หนา บทน าhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 1 บทท 1 การสรางเวบบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 4 บทท 2 วธเปลยน Template ของ Bloggerhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 12 บทท 3 วธเขยนและจดการบทความในบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 22 บทท 4 การตงคาพนฐานตางๆ ใหกบบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 26 บทท 5 รจกและใชงาน Gadget ชนดตางๆ บน Bloggerhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 32 บทท 6 การจดการกบ Gadget ในหนาบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 40 บทท 7 การแสดงขาวสารลาสดดวย Gadget ฟดhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 43 บทท 9 นบจ านวนคนเยยมชมดวย Flagcounterhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 53 บทท 10 รปภาพในบทความบน Bloggerhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 55 บทท 11 การสรางวดโอใน YouTube และน ามาใสในบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 58
หนา 63
255
เอกสารประกอบการฝกอบรมเชงปฏบตการ
การพฒนาสอการเรยนการสอน โดยใชโปรแกรมคอมพวเตอรรวมกบ Weblog
หนา 12
บทท 2 วธเปลยน Template ของ Blogger
หลงจากบทแรกไดเสนอขนตอนในการสรางบลอกไปแลว ถงตรงนคณตองคดแลววาจดประสงคของการท าบลอกของคณคออะไร เพราะจดประสงคนแหละครบจะเปนตวก าหนดวาเราจะเลอก แมแบบ (หนาตา และองคประกอบ) ของบลอกอยางไร
ตอไปเราจะมาดวธการเลอก และการเปลยน Template กนครบ
ขนท 1 ใหคณไปเลอก template ไดท
httpbtemplatescom httpwwwbloggertemplateplacecom httpthemecraftnet httpwwwdeluxetemplatesnet httpwwwbloggerthemesnet httpwwwbloggerstylescom httpwwwanshuldudejacom httpwwwbloggertemplatesfreecom httpwwwbloggertemplatesblogcom httpwwwtemplatesblockcom httpblogger-templatesblogspotcom httpfreetemplatesblogspotcom
หนา 13
httpmashablecom20070913blogger-templates httpwwwwebtemplatesblogcom httpwwwezwpthemescom httpwwwfreebloggertemplateinfo httpwwwblogcrowdscomresourcesblogger-templates httpwwwzoomtemplatecom httpwwwtemplates-bloggercom httpwwwbloggerblogtemplatescom httpbloggertemplateplacecom httpwwwtemplatesbloggernet httpwwwbietemplatescom
หรอจะใชค าคน ldquoTemplate+blogrdquo ใน Google กไดครบ ผมเชอวาขนตอนนคณคงจะใชเวลานาน
พอสมควรเลยละครบ (ผมเองกใชเวลาเปนวนๆ ในการเลอก templates ทเดยวครบ ) ขนท 2 เมอคณได Template ทตองการแลว ใหเรมเปลยนดงน ในทน ผมเลอกเวบไซต httpwwwbloggerblogtemplatescom เพอเปนตนแบบในการใช
Template
หนา 14
ผมเลอก Template น
1 โดยการคลกท Read More or Download this Blogger Template จากนนจะพบ
หนาตางใหม ใหเลอนหาเมน Download the Green Day Blogger Theme และท าการคลกเพอดาวนโหลด จะได ใหท าการ แตกไฟลจากนนใหน า green-day-blogger-themexml ไปวางไวท Desktop
2 Log in ท blogger ไปทแผงควบคม gtgt รปแบบ gtgt แกไข HTML gtgt คลกปม Browse เพอทจะอปโหลดแมแบบขนมา
หนา 15
3 เรยกไฟล XML ทเตรยมไวตามขนตอนในรปครบ
4 อปโหลดแมแบบขนไปแทนทแมแบบเดม โดยระหวางการแทนท อาจมการถามถงการลบเกบ Widget ของแมแบบเดม ซงถาตองการเกบของเกาเอาไวกเลอก เกบ Widget กจะท าให Widget ของแมแบบเดม ไมถกลบขณะเปลยน Templates
หนา 16
5 จากนนลองแสดงตวอยางด ซงถาพอใจกบแมแบบแลวกใหท าการบนทก กจบขนตอนการเปลยนแมแบบแลวครบ และถาหากคณตองการเปลยนแมแบบอกกสามารถเปลยนไดแบบไมจ ากดครง
นคอผลงาน หลงจากเปลยนแมแบบ นครบ กอนเปลยน Template
หลงเปลยน Template
หนา 17
เครองมอส าหรบ ldquoออกแบบแมแบบrdquo ดวยตนเอง ใหม จาก Blogger
หลงจากทมงาน Blogger ไดสราง Gadget หนาเวบ ออกมาไดไมนาน ตอนนกไดพฒนาการเครองมอส าหรบการออกแบบแมแบบของ blogger ใหยดหยนมากขน โดยใหผใชสามารถปรบแตงแมแบบไดดวยตนเอง ไมวาจะเปนการเลอก Theme การออกแบบโครงรางของหนาวาจะม 2 หรอ 3 คอลมน หรอหลายคอลมน ซงท าไดโดยการคลกเพยงไมกครง การปรบความกวางของ Template และ sidebar เพยงแคคลกเดยวเปนตน ความสามารถทงหลายนผใชสามารถท าไดโดยไมตองมความรเรอง HTML และ CSS เลยส าหรบการใชงานเครองมอนกคลายคลงกบการใชงานเครองมอเดม ๆ ทมอย ซงผมจะอธบายทละสวนดงน
การใช เครองมอออกแบบแมแบบ ท าไดโดย Log in เขาไปท draftblogger และไปท แผงควบคม gtgt
การออกแบบ gtgt องคประกอบของหนา gtgt คลกท ldquoเครองมอออกแบบแมแบบ ใหมrdquo
เมอคลกท ldquoเครองมอออกแบบแมแบบrdquo แลวเราจะพบเครองมอส าหรบออกแบบแมแบบอย 4 อยางดวยกน ไดแก 1 แมแบบ 2 พนหลง 3 รปแบบ และ 4 ขนสง
สวนแสดงตวอยาง
หนา 18
1 การใชงานเครองมอแมแบบ ท าไดโดย คลกทขอความ แมแบบ gtgt จากนนเลอกรปแบบทตองการ gtgt และเลอก theme ทตองการ เมอแสดงตวอยางเปนทนาพอใจแลว ใหคลกทปม ldquoใชกบบลอกrdquo เพอยนยน
2 การใชงานเมนพนหลง การใชงานเครองมอ ldquoพนหลงrdquo สามารถใชเพอเปลยนภาพพนหลงของบลอก และเลอกส Theme ของบลอกไดตามความตองการไดดวย
21 วธเปลยนภาพพนหลงท าไดโดย คลกท ldquoภาพพนหลงrdquo และเลอกถาพตามตองการ และกดปม ldquoใชกบบลอกrdquo เพอยนยน
สวนแสดงตวอยาง
หนา 19
22 การเลอกส Theme ของบลอก คลกทส Theme ทตองการโดย อาจจะคลกเลอกจาก
Theme ส าเรจรปหรอเลอกจาก Theme ทแนะน า
หนา 20
3 การใชงานเครองมอ ldquoรปแบบrdquo คณสามารถใชเครองมอนเพอก าหนดจ านวน คอลมน รปแบบคอลมน ความกวางของคอลมน รวมถงการก าหนดคอลมนใหกบสวนทายของหนาไดดวย
31 การใชงานเครองมอ ldquoการออกแบบเนอความrdquo เครองมอนใชก าหนดรปแบบคอลมนของ template ของคณ ซงท าไดงายดายโดยการคลกเลอกรปแบบทตองการ ดตวอยาง เมอเปนทพอใจแลวกกดปม ldquoใชกบบลอกrdquo เพอยนยน
32 การใชงานเครองมอ ldquoการออกแบบสวนทายrdquo เครองมอนเปนเครองมอส าหรบการ
ก าหนดคอลมนใหกบสวนทายของหนาบลอก ซงท าไดเชนเดยวกบ 31
หนา 21
33 การใชงานเครองมอ ldquoการปรบความกวางrdquo คณสามารถปรบความกวางของแมแบบ และ sidebar จากเครองมอนเพยงแคเลอน slider ใหตรงกบคาตวเลขทตองการเทานน
4 ส าหรบเมนขนสงเปนการก าหนดรายละเอยดตางๆ ใหกบบลอก เชน รปแบบของลงค gadget ตางๆ หวเรอง ชอของบลอก เปนตน ซงคณสามารถปรบแตงตามความตองการแลว แสดงตวอยาง หากเปนทพอใจกบนทกเชนเดยวกบ ขอ 1-3 ทไดกลาวมาแลว
ปล อยาลมนะครบวาเครองมอเหลานจะไมมใน bloggercom แต จะมใน draftbloggercom เทานน
หนา 22
บทท 3 วธเขยนและจดการบทความในบลอก
บทนผมจงจะเลาถงวธเขยนบทความใน Blogger เพอเปนแนวทางใหคณสามารถเขยนบทความลงในบลอกของคณไดสวยงามและเปนมออาชพมากขน
ส าหรบทานทเขยนบทความเปนอยแลวอาจจะขามไปอานบทความอน ๆ ตอไปไดเลยครบ สวนทานทเปนมอใหมจรง ๆ กควรจะอานบทความนใหจบเพอเปนแนวทางในการ
เขยนบทความของคณเองตอไป
1 การเขาไปเขยนบทความ การเขาไปเขยนบทความบน Blogger โดยตรงสามารถเขาไปได 2 ชองทางดวยกนคอ 11 ถาคณใชแมแบบทไมไดซอนแถบน าทางสามารถเขาไปเขยนบทความไดโดยคลกทเมน
บทความใหม
12 เขาไปเขยนบทความผาน draftbloggercom
หนา 23
โปรดสงเกตวาเครองมอในการเขยนบทความของ Draftblogger จะมมากกวาเครองมอของ blogger ปกต ดงนนโดยสวนตวผมแนะน าใหเขยนบทความผาน draftbloggercom เพราะมเครองมอมากกวาวธแรก และควรตงคาให draftblogger เปนเครองมอเรมตน
2 องคประกอบของเครองมอเขยนบทความ
กอนอนผมขอแนะน าใหรจกเครองมอทจ าเปนในการเขยนบทความดงน สวนท 1 คอสวนตงชอเรองหรอชอบทความ สวนท 2 เปนสวนทใชส าหรบกรณทเราตองการวางขอความทคดลอกมาจาก Ms word
หรอโคดวดโอจาก Youtube หรอโคด HTMLจาวาสครปตทตองการใหปรากฏและแสดงผลในบทความ
หนา 24
สวนท 3 เปนแถบทเลอกเมอตองการเขยนขอความปกตซงจะมเครองมอในการเขยนบทความตามทเหนในภาพขางบน
สวนท 4 ส าหรบจดรปแบบอกษร สวนท 5 เปนเครองมอในการใสลงคใหขอความ แทรกภาพลงในบทความ และแทรกวดโอ
ลงในบทความตามล าดบ สวนท 6 รปกระดาษขาดทเหนนนใชในกรณทคณตองการแสดงบทความใหผอานเหนในหนา
หลกเพยงบางสวนเทานน และถาใชเครองมอนผอานจะตองคลกอานเพมเตมจงจะเหนขอความแบบเตม เครองมอนมขอดคอท าใหบทความทมความยาวมาก ๆ สนลงได และท าใหเปดหนาแรกไดเรวขนดวย
สวนท 7 เปนสวนทใชในการจดเรยงขอความ และจดแนวรปภาพไดดวย เชน จดชดซาย ชดขวา กงกลาง เปนตน
สวนท 8 ไดแกการใส การเนนขอความ การลบรปแบบ การตรวจสอบการสะกดค า และการแปลภาษา
สวนท 9 เปนสวนทใชในการวางก าหนดเวลาลางหนา วาจะใหบทความทเขยนเผยแพรใน วนใด
สวนท 10 เปนการใสปายก ากบ ซงเปนสวนทใชระบวาบทความทเขยนนอยในหมวดหมใด ซงสามารถใสไดมากกวา 1 ปายก ากบโดยคนดวยเครองหมายจลภาค และสามารถเลอกปายก ากบทคณเคยใสใหบทความอนไปแลวมาใสอกได เพอท าใหบทความนน ๆ อยในหมวดหมเดยวกน
สวนท 11 เปนการเลอกวาจะบนทกไวกอน หรอจะเผยแพร มประโยชนในกรณทบทความทเขยนใชเวลาเขยนนานมากกอาจจะบนทกเอาไวกอนแลวมาเขยนตอในภายหลงได
หนา 25
เทคนคการเขยนบทความทควรร ในกรณทเรามไฟลเอกสารจาก MS word แลวคดลอกมาวางเพอท าใหเขยนบทความไดเรวขน
บางครงพบปญหาขอผดพลาดของฟอรม (ฟอรมใน MS word ไมสามารถแปลงเปน HTML Code ได)
ปญหานแกไดโดยกอนวางขอความใหคลกทแถบ แกไข HTML แลวจงวางขอความทคดลอกมา
จากนนจงคลกทแถบ เขยน เพอจดรปแบบของบทความตอไป
เทคนคนยงสามารถใชกบการวางโคดวดโอ หรอขอความทคดลอกมาจากเวบไซตไดดวยครบ
หนา 26
บทท 4 การตงคาพนฐานตางๆ ใหกบบลอก
บทนผมจะขอแนะน าการตงคาพนฐานตางๆ ของบลอกเพอใหเขาใจการตงคาในสวนตาง ๆ ของ Blogger และจะท าใหคณสามารถตงคาตาง ๆ ตามความตองการของตนเองได อกทงจะเปนประโยชนในการพฒนาการท า Blogger ในระยะยาวดวย
การตงคาพนฐานตางๆ ของบลอกท าไดโดย Log in เขาไปท blogger เมอมาทหนา แผงควบคม ให Click ท การตงคา
และทานจะเขามาทเมนการตงคาของบลอก
ผมจะแบงการตงคาออกเปน 9 สวนดงน 1 ขนตน
คณสามารถดาวนโหลด Blog เพอเกบเปน Backup ขอมลบทความและ comment ของบลอกไดโดยเลอก สงออกบลอก แตถาคณมขอมลบลอกเดมอยแลวอยากจะน ามาใชกบบลอกใหมทสรางขน กใหเลอก น าเขาบลอก แตถาคดวาไมตองการใชบลอกนแลวกสามารถลบทงไดโดยเลอก ลบบลอก
หนา 27
Title และค าอธบายของบลอก ควรใสใหเขาใจภาพรวมของบลอกและม keyword ในการท าบลอกแทรกอยใน Description ดวย
ในสวนการตงคาอน ๆ ควรตงคาดงน
องคประกอบ ตงคาเปน
เพมบลอกของคณในรายการของเราหรอไม ใช
อนญาตใหเครองมอคนหาพบบลอกของคณหรอไม ใช
แสดงการแกไขอยางรวดเรวบนบลอกของคณหรอไม ใช
มเนอหาส าหรบผใหญหรอไม ไม
เลอกโปรแกรมแกไขบทความ โปรแกรมแกไขทอปเดต
2 การเผยแพร ในการตงคาสวนนสามารถเปลยน URL ของบลอกได
หนา 28
ถาคณตองการเปลยนโดเมนของบลอกจาก blogspotcom เปนโดเมนอนกสามารถตงคาไดตรงสวนน แตจะตองเสยคาใชจายการจดโดเมนผาน google ปละ 10 US (ประมาณ 300 กวาบาทตอป)
3 การจดรปแบบ ในสวนนเปนการตงคาการเผยแพรบทความ เชน จ านวนบทความในหนาแรก รปแบบเวลา
และวนทเปนตน
คณควรจะตงคาตาง ๆ ดงน
องคประกอบ ตงคาเปน
แสดงสงสด เทาไรกได
รปแบบสวนหวของวนท ตงไดตามใจชอบ
รปแบบวนทของดชนคลงบทความ ตงไดตามใจชอบ
รปแบบเวลา ตงไดตามใจชอบ
โซนเวลา (GMT+0700)กรงเทพ
ภาษา ไทย
แปลงการขนบรรทดใหม ไม
แสดงฟลดชอเรอง ใช
แสดงฟลดของลงก ไม
เปดใชการจดเรยงแบบลอย ใช
แมแบบบทความ ยงไมตองตงคา
หนา 29
4 เมนขอคดเหน เปนเมนส าหรบตงคาตาง ๆ เกยวกบการแสดงความคดเหนของบลอก
คณควรจะตงคาตาง ๆ ดงน
องคประกอบ ตงคาเปน
ขอคดเหน แสดง
ใครสามารถแสดงความคดเหน ผใชทมบญช Google
การจดวางฟอรมความคดเหน วางไวใตบทความ
ความคดเหนเรมตนส าหรบบทความ บทความใหมมความคดเหน
ลงกยอนกลบ ซอน
คาเรมตนของลงกยอนกลบส าหรบบทความ บทความใหมมลงกยอนกลบ รปแบบเวลาในสวนความคดเหน ตงคาตามใจ
ขอความของฟอรมความคดเหน ไมตองใสคาใด ๆ กได
การจดการความคดเหน ไม
แสดงการตรวจสอบค าส าหรบความคดเหนหรอไม ไม
แสดงรปภาพโปรไฟลบนความคดเหนหรอไม ใช
อเมลส าหรบแจงเตอนเมอมความคดเหนใหม กรอก email ของคณลงไป
5 เกบเขาคลงบทความ ตงใหเปนรายเดอนจะดทสด
หนา 30
6 ฟดของไซต ถาบทความในบลอกไมมากนก ตงคาเปน แบบเตม แตถาบทความมประมาณ 100 ขนไปควร
จะตงเปน แบบสน
7 อเมลและมอถอ
ในสวนนเปนการตงคา อเมลเพอใหระบบสงบลอกของคณทกครงทมการเผยแพร และเปนการตงคา การใชอปกรณเคลอนทในการเขยนบลอก ตรงนผมยงไมเคยลองเหมอนกน
8 OpenID
คณสามารถใช OpenID URL เพอเขาสไซตอนๆ ทใชงาน OpenID นอกจากนคณยงสามารถก าหนดใหผใช OpenID สามารถแสดงความคดเหนในบลอกของคณ โดยปรบการตงคา ความคดเหน ของคณ
9 สทธ
ในสวนนคณสามารถใชในการเปลยนผเขยนบลอก และเพมผดแลระบบไดถง 100 ราย
หนา 31
นอกจากนคณยงจ ากดคนเขาชมบลอกไดดวย โดยการระบ Email ของผทตองการลงไป
หนา 32
บทท 5 รจกและใชงาน Gadget ชนดตางๆ บน Blogger
เมอเรยนรเกยวกบ การตงคาตาง ๆ ของบลอก การเปลยน Templates ใหกบบลอกไปแลว สวนทเหลอคอ การจดรปแบบองคประกอบหนาใหกบบลอก รวมถงการใชงาน Gadget หลกชนดตางๆ ของ Blogger
Gadget คออะไร
Gadget ใน Blogger นนหมายถงสวนเสรมทเราสามารถตดตงเพมลงไปในแมแบบของ Blogger ซงบางครงกถกเรยกวา widget ซงกหมายถงสงเดยวกนกบ Gadget
วธเพม Gadget กอนอนให Login เขาไปท blogger หรอ draftblogger gtgt จากแผงควบคมใหเลอก การออกแบบ
หนา 33
จากนนใน Layout ของแมแบบคณจะเหนพนท ดงรปดานลางเพอใหเพม Gadget
และเมอคลก เพม Gadget กจะปรากฏ Gadget พนฐาน 21 อยางทจะกลาวถงในหวขอน
นอกจากนยงม Gadget อกมากมายซงคณสามารถเลอกไดจากเมนแกดเจดเพมเตมทางซายมอ
เมอเลอก Gadget ทตองการแลว คลกทปม + เพอท าการเพม Gadget นน ใสชอ Gadget และตงคาทตองการแลวบนทก
รปทเหนขางบนเปน Gadget ผตดตาม ส าหรบ Gadget อน ๆ กท าไดในท านองเดยวกน
หนา 34
รจกกบ Gadget พนฐาน 21 อยางของ Blogger
1 Gadget หนาเวบ
หลกการของ Gadget ชนดนคอคณจะตองสรางหนาเวบขนมากอน แลวใช Gadget นเปนเมนในการเชอมโยงไปยงหนาเวบ
2 Gadget ผตดตาม
Gadget ชนดนใชเพอใหผอานทชนชอบบลอกของคณไดตดตาม และเมอตดตามแลวความเคลอนไหว และการ update บทความของจะไปปรากฏแผงควบคมของผตดตามโดยอตโนมต และมสทธในการแสดงความคดเหนบนบลอกของคณได (กรณทคณอนญาตเฉพาะสมาชก)
3 Gadget ชองคนหา
เปน Gadget ทตดตงเพอใหผอานสามารถคนหาสงทตองการในบลอกของคณไดงายขน
หนา 35
4 Gadget HTMLจาวาสครปต
Gadget ชนดนเปน Gadget ทยดหยนทสดในบรรดา Gadget ทงหมด สามารถประยกตใชไดหลากหลาย เหมาะส าหรบใชตดตงโคดตาง ๆ ลงบน Blogger เชน โคดปฏทน นาฬกา โคดจาวาสครปต โคดรปภาพ โคดวดโอ โคดของลงค เปนตน
5 Gadget ขอความ
เปน Gadget ทเหมาะส าหรบเขยนขอความ เชน ขอความตอนรบ เปนตน
6 Gadget Adsense
คณจะใช Gadget ชนดนไดเมอสมครเขารวมโปรแกรมหรอเปนตวแทนในการเผยแพรโฆษณาบน Google
7 Gadget รปภาพ
ถาคณตองการแสดงรปภาพบนบลอกอยางเดยวกใหเลอกใช Gadget นครบ
หนา 36
8 Gadget สไลดโชว
Gadget นเปนการดง Albums จาก Picasaweb มาแสดงในรปแบบสไลดโชวบนบลอกของ
9 Gadget แถบวดโอ
Gadget นจะท าใหผใชคนหาวดโอบน Youtube จากบลอกของคณได
10 Gadget แบบส ารวจ
Gadget นถอเปน Gadget หนงทนาสนใจมาก แตยงมผใชจ านวนนอย โดยคณอาจจะใชส ารวจความตองการ หรอความคดเหนของผอานตอบลอกของคณ หรอส ารวจเกยวกบเรองทเกยวของกบเนอหาบนบลอกของคณกได
11 Gadget รายการบลอก
Gadget ชนดนเปน Gadget ทสามารถรวบรวมขาวสารลาสดจากบลอกทคณเลอกหรอบลอกทคณตดตาม พรอมทงสามารถแสดงเนอหาแบบยอไดดวย
หนา 37
12 Gadget รายชอลงค
เปน Gadget ทใชสรางลงคไปยงทตาง ๆ โดยคณสามารถปอน URL บน Gadget ชนดนเพอสราง Link โดยไมตองมความรเรอง HTML มากอนเลย
13 Gadget รายการ
เปน Gadget ทคลายคลงกบ Gadget รายชอลงค แตมความยดหยนกวา สามารถสรางขอความรายการและใส link ใหขอความไดดวย
14 Gadget ฟด
คณสามารถใช Gadget นดงขาวสารจากในบลอกของคณ หรอบลอกอนทคณสนใจเอามาแสดงเพยงแคใสชอบลอกทตองการลงไปลงไปใน gadget
15 Gadget Newsreel
เปน gadget ทท าใหพาดหวขาวจาก Google มาปรากฏบนบลอกของคณเทานน
หนา 38
16 Gadget ปายก ากบ
Gadget นมความส าคญ คณควรจะตดตง เพอใหบทความทเขยนเปนหมวดหม ใหผอานเหนชดเจนเลอกอานไดตรงความตองการมากขน
17 Gadget ลงคการสมคร
Gadget นมความส าคญในเรองการสงขาวสารขอมลจากบลอกของคณไปยงผอาน ผอานจะสามารถสมครรบบทความทาง email หรอผานชองทางอน ๆ ไดจาก Gadget น
18 Gadget โลโก
Gadget นไมส าคญนกเปนเพยงตดตง logo ของ blogger ในหนาบลอกเทานน
19 Gadget โปรไฟล
Gadget นจะแสดงขอมลอยางของคณทไดกรอกเอาไวบนบญชของ Blogger ถาคณตองการแสดงขอมลของคณบน Blog กควรจะตดตง Gadget นครบ
หนา 39
20 Gadget คลงบทความของบลอก
Gadget นจะท าใหผอานเหนบทความทงหมดภายในบลอกของคณได
21 Gadget สวนหวของหนา
Gadget นเปนสวนทใส Title และ Description ของ Blog โดยปกตแลว Template ทวไปกจะตดตงสวนนอยแลว
คณสามารถทดลองใช Gadget เหลานไดโดยไมตองกลวความผดพลาดเพราะ Gadget บน
Blogger นนสามารถลบออกไดอยางงายดายโดยวธการจดการกบ Gadget
หนา 40
บทท 6 การจดการกบ Gadget ในหนาบลอก
ในบททผานมาเราได รจกและใชงาน Gadget ชนดตาง ๆ บน Blogger ผมไดกลาวถงวธการเพม Gadget ใหกบบลอก แตยงไมไดกลาวถงการลบ Gadget ออกจากองคประกอบของหนา และนอกจากน ต าแหนงของ Gadget ยงสามารถเคลอนยายต าแหนงไดอกดวย
การลบ Gadget วธท 1 ถาในขณะทเรา log in และเปดหนาบลอกของเราขนมา กจะสงเกตเหนวามเครองมอ
ปรากฏอยตามทตางๆ ในองคประกอบของหนา
และถาเราคลกเขาไปกจะสามารถแกไข หรอ ลบองคประกอบเหลานนออกไปไดเลยครบ
หนา 41
วธท 2 เราสามารถเขาไปลบ Gadget ไดท แผงควบคม gtgt การออกแบบ gtgt องคประกอบของหนา gtgt เลอกแกไข Gadget ทตองการลบ
จากนนเลอกลบไดเชนเดยวกบกรณแรก
การยายต าแหนง Gadget ส าหรบการยายต าแหนงของ Gadget ท าไดโดยการ เขาไปทแผงควบคม gtgt การออกแบบ gtgt
องคประกอบหนาจากนนใหลากเมาสบน Gadget ทตองการยายไปวางในต าแหนงทตองการไดเลยครบ
หนา 42
เมอเขาใจการท างานของ Gadget ชนดตาง ๆ แลวสงทอยากจะฝากเอาไวตอนทายนกคอการจดองคประกอบหนาของบลอกดงน
แนวทางในการจดองคประกอบหนาบลอก
แนวทางในการจดองคประกอบหนานนไมมกฎเกณฑตายตว บางคนชอบใหม 2 column บางคน ชอบใหม 3 column ซงกขนอยกบความชอบและความตองการใชงาน แตทอยากใหค านงไวเสมอคอ ผอน คอ พระเจา ท าอะไรใหเขาใจงายๆ หาอะไรกเจออยางรวดเรว เขาไวเปนพอครบ และอกประการทส าคญคอ การตดตง Gadget ตาง ๆ ควรตดตงเทาทจ าเปนและตองการใชงาน ปฏทน หรอนาฬกานนกไมควรตดตง ลงไปเลย เพราะไมคมคากบการเพมภาระการโหลดใหกบผเขาชม และถาบลอกของคณโหลดไดชา ก เปนไปไดยากทผอานจะกลบมาอก
องคประกอบในหนาของบลอกทผมคดวาคณควรจะมคอ สวนทบอกตวตนของบลอก
ซงอาจจะแสดงในสวนหวของหนา หรอเปนวดโอ สไลดขอความรปถาย อยในต าแหนงทเหนไดชด สวนทเชอมโยงไปยงบทความในบลอก
สวนนจ าเปนมากเพราะจะชวยใหผอานคนหาบทความไดเรวขน คณอาจจะรวมบทความทงหมดเลยหรอ อาจจะใชวธจดหมวดหมใหผอานเลอกสงทตองการจากบลอกของเราไดเรวขน
สวนพนทของสมาชก
สวนนจะแสดงใหเหนวามผสนใจบลอกของเรามากแคไหน และสามารถสมครตดตามบลอกของเราไดทนท เชนอาจจะใช Gadget ผตดตาม หรอใช Like box Plugins ของ Facebook หรออาจจะท า Poll กได
สวนทเปนชองทางใหผอานตดตอเราได
คณอาจจะท า link เชอมโยงใหผอานตดตอคณได หรออาจจะใช Gadget profile ของ Blogger เพอแนะน าตวกได
หนา 43
บทท 7 การแสดงขาวสารลาสดดวย Gadget ฟด
ความหมายของค าวา ฟดโดยสรปกคอเปนสงทแพรกระจายจากบลอกของเราบนโลก Internet เทยบไดกบคลนสญญาณวทยหรอโทรทศน ถามตวรบทกคนกสามารถมองเหนขาวสารทตองการเลอกรบได นอกจากนถามตวชวยสงใหฟดแพรไดแรงขน ขาวสารกยอมจะแพรกระจายไดเรวดวย
ดงนนถาคณสนใจขาวสารจากบลอกใดบลอกหนงคณกสามารถทจะเปดรบขาวสารจากบลอกนนๆ โดยใช Gadget ฟด ซงเปน Gadget ทสามารถเพมไดอยางไมจ ากด ดงนนถาคณตองการรบขาวจาก 10 บลอกกสามารถท าไดโดยการเพม gadget ฟดเขาไปในบลอก 10 ครง ในขณะเดยวกนถาคณใสชอบลอกของตวเองใน Gadget ฟด Gadget ชนดนจะกลายเปน Gadget ทใชแสดง บทความลาสดนนเองครบ
การแสดงขาวสารลาสดโดยการใช Gadget ฟด
1 ไปทองคประกอบของหนา gtgt เพมฟด Gadget
หนา 44
2 ใสโคดตอไปนลงไปใน Gadget ฟด httpชอบลอกblogspotcomfeedspostsdefault
โดยจะตองเปลยนชอบลอกเปนชอบลอกของของคณเองหรอชอบลอกทคณตองการรบขาวสารท update
ตงคาทตองการเพมเตมและบนทกกจะได feeds ขาวสารมาปรากฏทบลอกของคณ
3 ถาตองการเพมบลอกอนอกกท าซ าขอ 1 และ 2 แตตองเปลยนชอบลอกใหม 4 กรณทคณตองการเรยก feed จากเวบทตองการใหคนหา feed จากเวบ wwwgooglecom
แลวแทนโคดในขอ 2 เชน feed ขาวการศกษาจากเวบ httpwwwrssthaicom ใหใสโคด httpwwwrssthaicomnewsphpt=education แทนในขอ 2
หนา 45
บทท 8 แนะน า Gadget ใหมของ blogger ldquoหนาเวบrdquo
ตามเวบไซตตาง ๆ เราคงจะเคยเหนกนวาแตละเวบไซตจะม เมนส าหรบเลอกเปดไปดหนาอน ๆภายในเวบนนๆ เชน ตวอยางในรปดานลาง
Blogger ไดพฒนา Gadget ตวใหมขนมา มชอวา หนาเวบ เพอใหผใชไดสรางหนาของบลอกทตองการไดโดยไมตองมความรในการดดแปลงหรอแกไขแมแบบดวยตนเอง
การเรยกใช Gadget ชนดนสามารถเลอกใชไดเชนเดยวกบการ Add Gadget ชนดอน ๆ นนคอ ไปท องคประกอบของหนา gtgt แลวเลอก เพม Gadget
ตอไปเรามาดวา Gadget น ใชอยางไร และใชเพอจดประสงคใด หลกการของ Gadget นเหมอนการสรางบทความขนมา 1 บทความ และ สราง Link เชอมโยงไป ยงบทความนน ๆ แตมความพเศษตรงทผใชทวไปสรางเมนขนเองไดอยางงายดาย โดยไมตองมความรพนฐานเกยวกบ HTML เลย
หนา 46
ตวอยางวธการใชงาน(จรง) ในตวอยางนผมจะสราง 2 หนาใหเหนเปนตวอยาง ไดแก HOME และ CONTACT ME
ขนเตรยมการ เนองจากผมจะยกตวอยางการสรางหนา Contact me ดงนนใหทกคนไปสราง Form ส าหรบ
ตดตอเจาของบลอกซงกคอเราเอง ไดท httpwwwfoxyformcom
ซงขนตอนในการสราง ฟอรมนนงายมาก มเพยง 4 ขนเทานน (ดรป)
หนา 47
เมอไดโคด แลวคดลอกเกบเอาไวกอนครบ
ขนสรางหนาเวบจรง ขนท 1 สรางหนาแรก หรอ HOME
Log in เขาไปท draftblogger ไปทแผงควบคม gtgt องคประกอบของหนา gtgt แลวเลอก เพม Gadget เลอกอนแรกเลยครบ คอ gadget หนาเวบ
จากนนกสราง หนาแรกขนมาโดยตงชอตามทตองการไดเลย แลวท าการบนทกครบ
หนา 48
ขนท 2 เมอผานขนท 1 มาแลวกเทากบวาเราไดสราง หนาบลอกขนมาแลว 1 หนา
ถาจะท าการเพมหนาอก ใหไปทแผงควบคม gtgt การสงบทความ gtgt แกไขหนาเวบ gtgt หนาเวบใหม
เมอคลกสรางหนาเวบใหม เรากจะพบเครองมอตาง ๆ เหมอนการเขยนบทความนนเองครบ
หนา 49
ใหน าโคดของ Form ทเตรยมไว จากขนเตรยมการมาวางในหนาหนาน จดรปแบบตามตองการแลวบนทกหนาไดเลยครบ
เพยงขนตอนสน ๆ นเรากจะมเมนเชอมโยงไปยง หนาของบลอกถง 2 หนาดวยกน ไดแก HOME และ CONTACT ME
หนา 50
ขนท 3 - ถาหากตองการเพมหนาบลอกเพมขนอกกท าซ าขนตอนทไดกลาวมาขางตนครบ - แตถาตองการลบหนาบลอกทง กมาทเดม แลวจะเหนค าวาลบ ถาตองการลบทงกกดค าวาลบ
ไดเลย
ขนท 4 วธจดการกบเมนหนาเวบ - ถาตองการเรยงล าดบหนาเวบใหม กไปท องคประกอบของหนา แลว คลก Gadget หนาเวบขนมาแกไข gtgt ดรป
หนา 51
นอกจากน Gadget หนาเวบจะมลกษณะพเศษ คอ ถาอยท Sidebar เมนจะจดเรยงเปนแนวตง
หนา 52
แตถาลากไปในต าแหนงใตสวนหว จะจดเรยงเรยงเปนแนวนอนโดยอตโนมต
หนา 53
บทท 9 นบจ านวนคนเยยมชมดวย Flagcounter
อกบรการนบสถตคนเยยมชมทชวยใหเราทราบวาบลอกของเรามผเยยมชมทงในและตางประเทศมากหรอนอย จาก Flagcounter
วธตดตง
1 ไปท httpwwwflagcountercomindexhtml 2 ตงคาตางๆ ตามความตองการแลวกด GET YOUR FLAG COUNTER ดงรป
3 คดลอก HTML โคด ท FLAG COUNTER ไดสรางใหในขนท 2
หนา 54
4 กลบมาทบลอกของเรา ไปทแผงควบคม gtgt รปแบบ gtgt องคประกอบหนา gtgt เพม Gadget ชนด HTMLจาวาสครปต
5 วางโคดทคดลอกมาจากขนท 3 แลวบนทกครบกเปนอนจบขนตอนครบ ลกษณะทไดกดงรป
หนา 55
บทท 10 รปภาพในบทความบน Blogger
คณเคยสงสยไหมครบวา รปภาพทคณ upload ขนไปขณะทเขยนบทความ หรออาจจะเขยนบทความไปแลว รปเหลานนไปอยทไหน เพราะวา Blogger เองไมม sever ยงตองอาศยฐานขอมลของตวแมคอ blogspotcom อย แลวจะเอาพนท ๆ ไหนมาเกบรปตงมากมาย
ค าตอบคอ Blogger จะใชวธเชอมโยงกบ Application อน ๆ ของ Google เพอแกปญหาการเกบขอมล เชนรปภาพใน Blogger ทเราพดถงกนอยตอนนกจะถกเกบ
อยท Picasa Web Albums ดงนนไมวาจะเปนภาพทคณ Upload ขณะเขยนบทความ กจะถกเกบอยใน Picasa Web Albums ทงหมด
คณใชบรการ Picasa Web Albums ไดอยางไร
การใชบรการ Picasa Web Albums สามารถเขาใชไดทนทหากคณมบญชผใชกบ google อยแลว เชนมบญชผใช Gmail หรอ Blogger อยแลวกสามารถ Log in เขาใชไดเลย
Picasa Web Albums ใหพนทเทาไร
Picasa จะใหพนท เพยง 1 GB ตอ 1 บญชผใช นเปนเหตผลทบางคนอาจจะสงสยวาท าไมคณภาพรปหรอขนาดของรปบน Blogger จงลดลง กลาวคอระบบของ Picasa จะท าการลดขนาดของรปทเรา Upload ผาน Blogger ใหมขนาดเลกลงเพอเปนการประหยดพนทนนเอง
หนา 56
คณจะเขาไปจดการรปภาพจาก Blogger ใน Picasa Web ไดอยางไร การจดการภาพใน Picasa Web Albums ท าได 2 วธคอ
1 ใช Software ทพฒนาขนมาจดการ Picasa Web Albums โดยเฉพาะ
คณสามารถเขาไปดาวนโหลด Picasa ไดท httppicasagooglecom 2 เขาไปจดการทเวบไซต Picasa Web Albums โดยตรง โดยไปท httppicasawebgooglecom และ Log in โดยใชชอบญชเดยวกบ Blogger
คณสามารถเขาไป Unload ภาพไดโดยตรงกบ Picasa แลวเรยกมาใชบน blogger ไดโดยใชตวเลอก อปโหลด
หนา 57
แตถาตองการรปภาพบน Blogger ทไดอปโหลดขนไปแลวกคลกทอลบมทตองการแลวเขาไปจดการภาพไดเชนกน ลบรปภาพบน Blogger แลวรปบน Picasa จะถกลบดวยหรอไม
การลบรปภาพบน Blogger ไมสงผลใด ๆ ตอ Picasa Web Albums เลยเวนแตคณจะเขามาลบใน Picasa Web Albums โดยตรง ดงนนถาในขณะเขยนบทความคณเผลอท าพลาดรปภาพหายไป กสามารถเขามาเอารปภาพจาก Picasa Web Albums ใชงานไดอกโดยไมตอง upload ซ า หรอไมตองไปหาภาพมาใหม บทสรป
บทนแนะน าใหพอรจกการเชอมโยงระหวาง Blogger และ Picasa Web Albums ซงเปนบรการในเครอขาย Google เหมอนกน และจะท าใหคณเขาใจการจดการเกยวกบภาพบน Blogger ไดดขน
หนา 58
บทท 11 การสรางวดโอใน YouTube และน ามาใสในบลอก
ถามวดโอในหนาบลอกของเราดวย การสอสารเรองราวตางๆ กจะมชวตชวาและเขาใจงายขน ซงในทนเราสามารถสรางไดไมยากดวยบรการของ wwwyoutubecom ครบ
ขนตอนการฝากวดโอไวกบ youtube
1 ไปท wwwyoutubecom แลวเลอก Create Account ทมมขวาบนซงในกรณทเรา Login อยในเวบบลอกของเรานน กสามารถใชบรการของ youtube ดวย Account เดมโดยไมตองสมครใหมครบ วธการท าไดโดย
11 คลกท 12 กรอกขอมลส าหรบการสรางบญช โดยใช username ของ gmail ของเราเอง 13 จากนน คลก
หนา 59
14 จะพบหนาตางใหกรอก Username และ รหสผาน ของ gmail ใหกรอก e-mail ของเรา
จะพบหนาจอ ดงน จากนนเรากสามารถท าการเพม Video ไดตามทเราตองการ
หนา 60
2 การฝาก youtube มเงอนไขส าคญๆ ดงน - ความยาวของวดโอไมเกน 10 นาท - ควรเปนวดโอทไมกระทบตอสถาบน ชาต ศาสนา พระมหากษตรย และ ศลธรรมอนดงามของสงคม
3 การ upload วดโอขนไปทเมน upload (ทมมขวาบน) แลวท าการเลอกไฟลวดโอจากเครองของเรา และรอจนการ upload เสรจสน
31 คลกทปม Uploads
32 คลกทปม Upload Video
33 เลอกไฟล Video ทตองการ
34
34 เมอ Upload ได 100 แลวใหคลก Save change
หนา 61
4 เมอ upload เสรจสนแลวคลกทขอความ Embed and Sharing Options เรากเหน HTML code ใหคดลอก code เหลานนมาแปะในสวนทเราตองการ
เชนในทนผมคดลอก code มาแปะในบทความกจะไดผลลพธเปนวดโอตามดานลางทเหนครบ
หนา 62
เรอง หนา บทน าhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 1 บทท 1 การสรางเวบบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 4 บทท 2 วธเปลยน Template ของ Bloggerhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 12 บทท 3 วธเขยนและจดการบทความในบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 22 บทท 4 การตงคาพนฐานตางๆ ใหกบบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 26 บทท 5 รจกและใชงาน Gadget ชนดตางๆ บน Bloggerhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 32 บทท 6 การจดการกบ Gadget ในหนาบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 40 บทท 7 การแสดงขาวสารลาสดดวย Gadget ฟดhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 43 บทท 9 นบจ านวนคนเยยมชมดวย Flagcounterhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 53 บทท 10 รปภาพในบทความบน Bloggerhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 55 บทท 11 การสรางวดโอใน YouTube และน ามาใสในบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 58
หนา 63
255
เอกสารประกอบการฝกอบรมเชงปฏบตการ
การพฒนาสอการเรยนการสอน โดยใชโปรแกรมคอมพวเตอรรวมกบ Weblog
หนา 13
httpmashablecom20070913blogger-templates httpwwwwebtemplatesblogcom httpwwwezwpthemescom httpwwwfreebloggertemplateinfo httpwwwblogcrowdscomresourcesblogger-templates httpwwwzoomtemplatecom httpwwwtemplates-bloggercom httpwwwbloggerblogtemplatescom httpbloggertemplateplacecom httpwwwtemplatesbloggernet httpwwwbietemplatescom
หรอจะใชค าคน ldquoTemplate+blogrdquo ใน Google กไดครบ ผมเชอวาขนตอนนคณคงจะใชเวลานาน
พอสมควรเลยละครบ (ผมเองกใชเวลาเปนวนๆ ในการเลอก templates ทเดยวครบ ) ขนท 2 เมอคณได Template ทตองการแลว ใหเรมเปลยนดงน ในทน ผมเลอกเวบไซต httpwwwbloggerblogtemplatescom เพอเปนตนแบบในการใช
Template
หนา 14
ผมเลอก Template น
1 โดยการคลกท Read More or Download this Blogger Template จากนนจะพบ
หนาตางใหม ใหเลอนหาเมน Download the Green Day Blogger Theme และท าการคลกเพอดาวนโหลด จะได ใหท าการ แตกไฟลจากนนใหน า green-day-blogger-themexml ไปวางไวท Desktop
2 Log in ท blogger ไปทแผงควบคม gtgt รปแบบ gtgt แกไข HTML gtgt คลกปม Browse เพอทจะอปโหลดแมแบบขนมา
หนา 15
3 เรยกไฟล XML ทเตรยมไวตามขนตอนในรปครบ
4 อปโหลดแมแบบขนไปแทนทแมแบบเดม โดยระหวางการแทนท อาจมการถามถงการลบเกบ Widget ของแมแบบเดม ซงถาตองการเกบของเกาเอาไวกเลอก เกบ Widget กจะท าให Widget ของแมแบบเดม ไมถกลบขณะเปลยน Templates
หนา 16
5 จากนนลองแสดงตวอยางด ซงถาพอใจกบแมแบบแลวกใหท าการบนทก กจบขนตอนการเปลยนแมแบบแลวครบ และถาหากคณตองการเปลยนแมแบบอกกสามารถเปลยนไดแบบไมจ ากดครง
นคอผลงาน หลงจากเปลยนแมแบบ นครบ กอนเปลยน Template
หลงเปลยน Template
หนา 17
เครองมอส าหรบ ldquoออกแบบแมแบบrdquo ดวยตนเอง ใหม จาก Blogger
หลงจากทมงาน Blogger ไดสราง Gadget หนาเวบ ออกมาไดไมนาน ตอนนกไดพฒนาการเครองมอส าหรบการออกแบบแมแบบของ blogger ใหยดหยนมากขน โดยใหผใชสามารถปรบแตงแมแบบไดดวยตนเอง ไมวาจะเปนการเลอก Theme การออกแบบโครงรางของหนาวาจะม 2 หรอ 3 คอลมน หรอหลายคอลมน ซงท าไดโดยการคลกเพยงไมกครง การปรบความกวางของ Template และ sidebar เพยงแคคลกเดยวเปนตน ความสามารถทงหลายนผใชสามารถท าไดโดยไมตองมความรเรอง HTML และ CSS เลยส าหรบการใชงานเครองมอนกคลายคลงกบการใชงานเครองมอเดม ๆ ทมอย ซงผมจะอธบายทละสวนดงน
การใช เครองมอออกแบบแมแบบ ท าไดโดย Log in เขาไปท draftblogger และไปท แผงควบคม gtgt
การออกแบบ gtgt องคประกอบของหนา gtgt คลกท ldquoเครองมอออกแบบแมแบบ ใหมrdquo
เมอคลกท ldquoเครองมอออกแบบแมแบบrdquo แลวเราจะพบเครองมอส าหรบออกแบบแมแบบอย 4 อยางดวยกน ไดแก 1 แมแบบ 2 พนหลง 3 รปแบบ และ 4 ขนสง
สวนแสดงตวอยาง
หนา 18
1 การใชงานเครองมอแมแบบ ท าไดโดย คลกทขอความ แมแบบ gtgt จากนนเลอกรปแบบทตองการ gtgt และเลอก theme ทตองการ เมอแสดงตวอยางเปนทนาพอใจแลว ใหคลกทปม ldquoใชกบบลอกrdquo เพอยนยน
2 การใชงานเมนพนหลง การใชงานเครองมอ ldquoพนหลงrdquo สามารถใชเพอเปลยนภาพพนหลงของบลอก และเลอกส Theme ของบลอกไดตามความตองการไดดวย
21 วธเปลยนภาพพนหลงท าไดโดย คลกท ldquoภาพพนหลงrdquo และเลอกถาพตามตองการ และกดปม ldquoใชกบบลอกrdquo เพอยนยน
สวนแสดงตวอยาง
หนา 19
22 การเลอกส Theme ของบลอก คลกทส Theme ทตองการโดย อาจจะคลกเลอกจาก
Theme ส าเรจรปหรอเลอกจาก Theme ทแนะน า
หนา 20
3 การใชงานเครองมอ ldquoรปแบบrdquo คณสามารถใชเครองมอนเพอก าหนดจ านวน คอลมน รปแบบคอลมน ความกวางของคอลมน รวมถงการก าหนดคอลมนใหกบสวนทายของหนาไดดวย
31 การใชงานเครองมอ ldquoการออกแบบเนอความrdquo เครองมอนใชก าหนดรปแบบคอลมนของ template ของคณ ซงท าไดงายดายโดยการคลกเลอกรปแบบทตองการ ดตวอยาง เมอเปนทพอใจแลวกกดปม ldquoใชกบบลอกrdquo เพอยนยน
32 การใชงานเครองมอ ldquoการออกแบบสวนทายrdquo เครองมอนเปนเครองมอส าหรบการ
ก าหนดคอลมนใหกบสวนทายของหนาบลอก ซงท าไดเชนเดยวกบ 31
หนา 21
33 การใชงานเครองมอ ldquoการปรบความกวางrdquo คณสามารถปรบความกวางของแมแบบ และ sidebar จากเครองมอนเพยงแคเลอน slider ใหตรงกบคาตวเลขทตองการเทานน
4 ส าหรบเมนขนสงเปนการก าหนดรายละเอยดตางๆ ใหกบบลอก เชน รปแบบของลงค gadget ตางๆ หวเรอง ชอของบลอก เปนตน ซงคณสามารถปรบแตงตามความตองการแลว แสดงตวอยาง หากเปนทพอใจกบนทกเชนเดยวกบ ขอ 1-3 ทไดกลาวมาแลว
ปล อยาลมนะครบวาเครองมอเหลานจะไมมใน bloggercom แต จะมใน draftbloggercom เทานน
หนา 22
บทท 3 วธเขยนและจดการบทความในบลอก
บทนผมจงจะเลาถงวธเขยนบทความใน Blogger เพอเปนแนวทางใหคณสามารถเขยนบทความลงในบลอกของคณไดสวยงามและเปนมออาชพมากขน
ส าหรบทานทเขยนบทความเปนอยแลวอาจจะขามไปอานบทความอน ๆ ตอไปไดเลยครบ สวนทานทเปนมอใหมจรง ๆ กควรจะอานบทความนใหจบเพอเปนแนวทางในการ
เขยนบทความของคณเองตอไป
1 การเขาไปเขยนบทความ การเขาไปเขยนบทความบน Blogger โดยตรงสามารถเขาไปได 2 ชองทางดวยกนคอ 11 ถาคณใชแมแบบทไมไดซอนแถบน าทางสามารถเขาไปเขยนบทความไดโดยคลกทเมน
บทความใหม
12 เขาไปเขยนบทความผาน draftbloggercom
หนา 23
โปรดสงเกตวาเครองมอในการเขยนบทความของ Draftblogger จะมมากกวาเครองมอของ blogger ปกต ดงนนโดยสวนตวผมแนะน าใหเขยนบทความผาน draftbloggercom เพราะมเครองมอมากกวาวธแรก และควรตงคาให draftblogger เปนเครองมอเรมตน
2 องคประกอบของเครองมอเขยนบทความ
กอนอนผมขอแนะน าใหรจกเครองมอทจ าเปนในการเขยนบทความดงน สวนท 1 คอสวนตงชอเรองหรอชอบทความ สวนท 2 เปนสวนทใชส าหรบกรณทเราตองการวางขอความทคดลอกมาจาก Ms word
หรอโคดวดโอจาก Youtube หรอโคด HTMLจาวาสครปตทตองการใหปรากฏและแสดงผลในบทความ
หนา 24
สวนท 3 เปนแถบทเลอกเมอตองการเขยนขอความปกตซงจะมเครองมอในการเขยนบทความตามทเหนในภาพขางบน
สวนท 4 ส าหรบจดรปแบบอกษร สวนท 5 เปนเครองมอในการใสลงคใหขอความ แทรกภาพลงในบทความ และแทรกวดโอ
ลงในบทความตามล าดบ สวนท 6 รปกระดาษขาดทเหนนนใชในกรณทคณตองการแสดงบทความใหผอานเหนในหนา
หลกเพยงบางสวนเทานน และถาใชเครองมอนผอานจะตองคลกอานเพมเตมจงจะเหนขอความแบบเตม เครองมอนมขอดคอท าใหบทความทมความยาวมาก ๆ สนลงได และท าใหเปดหนาแรกไดเรวขนดวย
สวนท 7 เปนสวนทใชในการจดเรยงขอความ และจดแนวรปภาพไดดวย เชน จดชดซาย ชดขวา กงกลาง เปนตน
สวนท 8 ไดแกการใส การเนนขอความ การลบรปแบบ การตรวจสอบการสะกดค า และการแปลภาษา
สวนท 9 เปนสวนทใชในการวางก าหนดเวลาลางหนา วาจะใหบทความทเขยนเผยแพรใน วนใด
สวนท 10 เปนการใสปายก ากบ ซงเปนสวนทใชระบวาบทความทเขยนนอยในหมวดหมใด ซงสามารถใสไดมากกวา 1 ปายก ากบโดยคนดวยเครองหมายจลภาค และสามารถเลอกปายก ากบทคณเคยใสใหบทความอนไปแลวมาใสอกได เพอท าใหบทความนน ๆ อยในหมวดหมเดยวกน
สวนท 11 เปนการเลอกวาจะบนทกไวกอน หรอจะเผยแพร มประโยชนในกรณทบทความทเขยนใชเวลาเขยนนานมากกอาจจะบนทกเอาไวกอนแลวมาเขยนตอในภายหลงได
หนา 25
เทคนคการเขยนบทความทควรร ในกรณทเรามไฟลเอกสารจาก MS word แลวคดลอกมาวางเพอท าใหเขยนบทความไดเรวขน
บางครงพบปญหาขอผดพลาดของฟอรม (ฟอรมใน MS word ไมสามารถแปลงเปน HTML Code ได)
ปญหานแกไดโดยกอนวางขอความใหคลกทแถบ แกไข HTML แลวจงวางขอความทคดลอกมา
จากนนจงคลกทแถบ เขยน เพอจดรปแบบของบทความตอไป
เทคนคนยงสามารถใชกบการวางโคดวดโอ หรอขอความทคดลอกมาจากเวบไซตไดดวยครบ
หนา 26
บทท 4 การตงคาพนฐานตางๆ ใหกบบลอก
บทนผมจะขอแนะน าการตงคาพนฐานตางๆ ของบลอกเพอใหเขาใจการตงคาในสวนตาง ๆ ของ Blogger และจะท าใหคณสามารถตงคาตาง ๆ ตามความตองการของตนเองได อกทงจะเปนประโยชนในการพฒนาการท า Blogger ในระยะยาวดวย
การตงคาพนฐานตางๆ ของบลอกท าไดโดย Log in เขาไปท blogger เมอมาทหนา แผงควบคม ให Click ท การตงคา
และทานจะเขามาทเมนการตงคาของบลอก
ผมจะแบงการตงคาออกเปน 9 สวนดงน 1 ขนตน
คณสามารถดาวนโหลด Blog เพอเกบเปน Backup ขอมลบทความและ comment ของบลอกไดโดยเลอก สงออกบลอก แตถาคณมขอมลบลอกเดมอยแลวอยากจะน ามาใชกบบลอกใหมทสรางขน กใหเลอก น าเขาบลอก แตถาคดวาไมตองการใชบลอกนแลวกสามารถลบทงไดโดยเลอก ลบบลอก
หนา 27
Title และค าอธบายของบลอก ควรใสใหเขาใจภาพรวมของบลอกและม keyword ในการท าบลอกแทรกอยใน Description ดวย
ในสวนการตงคาอน ๆ ควรตงคาดงน
องคประกอบ ตงคาเปน
เพมบลอกของคณในรายการของเราหรอไม ใช
อนญาตใหเครองมอคนหาพบบลอกของคณหรอไม ใช
แสดงการแกไขอยางรวดเรวบนบลอกของคณหรอไม ใช
มเนอหาส าหรบผใหญหรอไม ไม
เลอกโปรแกรมแกไขบทความ โปรแกรมแกไขทอปเดต
2 การเผยแพร ในการตงคาสวนนสามารถเปลยน URL ของบลอกได
หนา 28
ถาคณตองการเปลยนโดเมนของบลอกจาก blogspotcom เปนโดเมนอนกสามารถตงคาไดตรงสวนน แตจะตองเสยคาใชจายการจดโดเมนผาน google ปละ 10 US (ประมาณ 300 กวาบาทตอป)
3 การจดรปแบบ ในสวนนเปนการตงคาการเผยแพรบทความ เชน จ านวนบทความในหนาแรก รปแบบเวลา
และวนทเปนตน
คณควรจะตงคาตาง ๆ ดงน
องคประกอบ ตงคาเปน
แสดงสงสด เทาไรกได
รปแบบสวนหวของวนท ตงไดตามใจชอบ
รปแบบวนทของดชนคลงบทความ ตงไดตามใจชอบ
รปแบบเวลา ตงไดตามใจชอบ
โซนเวลา (GMT+0700)กรงเทพ
ภาษา ไทย
แปลงการขนบรรทดใหม ไม
แสดงฟลดชอเรอง ใช
แสดงฟลดของลงก ไม
เปดใชการจดเรยงแบบลอย ใช
แมแบบบทความ ยงไมตองตงคา
หนา 29
4 เมนขอคดเหน เปนเมนส าหรบตงคาตาง ๆ เกยวกบการแสดงความคดเหนของบลอก
คณควรจะตงคาตาง ๆ ดงน
องคประกอบ ตงคาเปน
ขอคดเหน แสดง
ใครสามารถแสดงความคดเหน ผใชทมบญช Google
การจดวางฟอรมความคดเหน วางไวใตบทความ
ความคดเหนเรมตนส าหรบบทความ บทความใหมมความคดเหน
ลงกยอนกลบ ซอน
คาเรมตนของลงกยอนกลบส าหรบบทความ บทความใหมมลงกยอนกลบ รปแบบเวลาในสวนความคดเหน ตงคาตามใจ
ขอความของฟอรมความคดเหน ไมตองใสคาใด ๆ กได
การจดการความคดเหน ไม
แสดงการตรวจสอบค าส าหรบความคดเหนหรอไม ไม
แสดงรปภาพโปรไฟลบนความคดเหนหรอไม ใช
อเมลส าหรบแจงเตอนเมอมความคดเหนใหม กรอก email ของคณลงไป
5 เกบเขาคลงบทความ ตงใหเปนรายเดอนจะดทสด
หนา 30
6 ฟดของไซต ถาบทความในบลอกไมมากนก ตงคาเปน แบบเตม แตถาบทความมประมาณ 100 ขนไปควร
จะตงเปน แบบสน
7 อเมลและมอถอ
ในสวนนเปนการตงคา อเมลเพอใหระบบสงบลอกของคณทกครงทมการเผยแพร และเปนการตงคา การใชอปกรณเคลอนทในการเขยนบลอก ตรงนผมยงไมเคยลองเหมอนกน
8 OpenID
คณสามารถใช OpenID URL เพอเขาสไซตอนๆ ทใชงาน OpenID นอกจากนคณยงสามารถก าหนดใหผใช OpenID สามารถแสดงความคดเหนในบลอกของคณ โดยปรบการตงคา ความคดเหน ของคณ
9 สทธ
ในสวนนคณสามารถใชในการเปลยนผเขยนบลอก และเพมผดแลระบบไดถง 100 ราย
หนา 31
นอกจากนคณยงจ ากดคนเขาชมบลอกไดดวย โดยการระบ Email ของผทตองการลงไป
หนา 32
บทท 5 รจกและใชงาน Gadget ชนดตางๆ บน Blogger
เมอเรยนรเกยวกบ การตงคาตาง ๆ ของบลอก การเปลยน Templates ใหกบบลอกไปแลว สวนทเหลอคอ การจดรปแบบองคประกอบหนาใหกบบลอก รวมถงการใชงาน Gadget หลกชนดตางๆ ของ Blogger
Gadget คออะไร
Gadget ใน Blogger นนหมายถงสวนเสรมทเราสามารถตดตงเพมลงไปในแมแบบของ Blogger ซงบางครงกถกเรยกวา widget ซงกหมายถงสงเดยวกนกบ Gadget
วธเพม Gadget กอนอนให Login เขาไปท blogger หรอ draftblogger gtgt จากแผงควบคมใหเลอก การออกแบบ
หนา 33
จากนนใน Layout ของแมแบบคณจะเหนพนท ดงรปดานลางเพอใหเพม Gadget
และเมอคลก เพม Gadget กจะปรากฏ Gadget พนฐาน 21 อยางทจะกลาวถงในหวขอน
นอกจากนยงม Gadget อกมากมายซงคณสามารถเลอกไดจากเมนแกดเจดเพมเตมทางซายมอ
เมอเลอก Gadget ทตองการแลว คลกทปม + เพอท าการเพม Gadget นน ใสชอ Gadget และตงคาทตองการแลวบนทก
รปทเหนขางบนเปน Gadget ผตดตาม ส าหรบ Gadget อน ๆ กท าไดในท านองเดยวกน
หนา 34
รจกกบ Gadget พนฐาน 21 อยางของ Blogger
1 Gadget หนาเวบ
หลกการของ Gadget ชนดนคอคณจะตองสรางหนาเวบขนมากอน แลวใช Gadget นเปนเมนในการเชอมโยงไปยงหนาเวบ
2 Gadget ผตดตาม
Gadget ชนดนใชเพอใหผอานทชนชอบบลอกของคณไดตดตาม และเมอตดตามแลวความเคลอนไหว และการ update บทความของจะไปปรากฏแผงควบคมของผตดตามโดยอตโนมต และมสทธในการแสดงความคดเหนบนบลอกของคณได (กรณทคณอนญาตเฉพาะสมาชก)
3 Gadget ชองคนหา
เปน Gadget ทตดตงเพอใหผอานสามารถคนหาสงทตองการในบลอกของคณไดงายขน
หนา 35
4 Gadget HTMLจาวาสครปต
Gadget ชนดนเปน Gadget ทยดหยนทสดในบรรดา Gadget ทงหมด สามารถประยกตใชไดหลากหลาย เหมาะส าหรบใชตดตงโคดตาง ๆ ลงบน Blogger เชน โคดปฏทน นาฬกา โคดจาวาสครปต โคดรปภาพ โคดวดโอ โคดของลงค เปนตน
5 Gadget ขอความ
เปน Gadget ทเหมาะส าหรบเขยนขอความ เชน ขอความตอนรบ เปนตน
6 Gadget Adsense
คณจะใช Gadget ชนดนไดเมอสมครเขารวมโปรแกรมหรอเปนตวแทนในการเผยแพรโฆษณาบน Google
7 Gadget รปภาพ
ถาคณตองการแสดงรปภาพบนบลอกอยางเดยวกใหเลอกใช Gadget นครบ
หนา 36
8 Gadget สไลดโชว
Gadget นเปนการดง Albums จาก Picasaweb มาแสดงในรปแบบสไลดโชวบนบลอกของ
9 Gadget แถบวดโอ
Gadget นจะท าใหผใชคนหาวดโอบน Youtube จากบลอกของคณได
10 Gadget แบบส ารวจ
Gadget นถอเปน Gadget หนงทนาสนใจมาก แตยงมผใชจ านวนนอย โดยคณอาจจะใชส ารวจความตองการ หรอความคดเหนของผอานตอบลอกของคณ หรอส ารวจเกยวกบเรองทเกยวของกบเนอหาบนบลอกของคณกได
11 Gadget รายการบลอก
Gadget ชนดนเปน Gadget ทสามารถรวบรวมขาวสารลาสดจากบลอกทคณเลอกหรอบลอกทคณตดตาม พรอมทงสามารถแสดงเนอหาแบบยอไดดวย
หนา 37
12 Gadget รายชอลงค
เปน Gadget ทใชสรางลงคไปยงทตาง ๆ โดยคณสามารถปอน URL บน Gadget ชนดนเพอสราง Link โดยไมตองมความรเรอง HTML มากอนเลย
13 Gadget รายการ
เปน Gadget ทคลายคลงกบ Gadget รายชอลงค แตมความยดหยนกวา สามารถสรางขอความรายการและใส link ใหขอความไดดวย
14 Gadget ฟด
คณสามารถใช Gadget นดงขาวสารจากในบลอกของคณ หรอบลอกอนทคณสนใจเอามาแสดงเพยงแคใสชอบลอกทตองการลงไปลงไปใน gadget
15 Gadget Newsreel
เปน gadget ทท าใหพาดหวขาวจาก Google มาปรากฏบนบลอกของคณเทานน
หนา 38
16 Gadget ปายก ากบ
Gadget นมความส าคญ คณควรจะตดตง เพอใหบทความทเขยนเปนหมวดหม ใหผอานเหนชดเจนเลอกอานไดตรงความตองการมากขน
17 Gadget ลงคการสมคร
Gadget นมความส าคญในเรองการสงขาวสารขอมลจากบลอกของคณไปยงผอาน ผอานจะสามารถสมครรบบทความทาง email หรอผานชองทางอน ๆ ไดจาก Gadget น
18 Gadget โลโก
Gadget นไมส าคญนกเปนเพยงตดตง logo ของ blogger ในหนาบลอกเทานน
19 Gadget โปรไฟล
Gadget นจะแสดงขอมลอยางของคณทไดกรอกเอาไวบนบญชของ Blogger ถาคณตองการแสดงขอมลของคณบน Blog กควรจะตดตง Gadget นครบ
หนา 39
20 Gadget คลงบทความของบลอก
Gadget นจะท าใหผอานเหนบทความทงหมดภายในบลอกของคณได
21 Gadget สวนหวของหนา
Gadget นเปนสวนทใส Title และ Description ของ Blog โดยปกตแลว Template ทวไปกจะตดตงสวนนอยแลว
คณสามารถทดลองใช Gadget เหลานไดโดยไมตองกลวความผดพลาดเพราะ Gadget บน
Blogger นนสามารถลบออกไดอยางงายดายโดยวธการจดการกบ Gadget
หนา 40
บทท 6 การจดการกบ Gadget ในหนาบลอก
ในบททผานมาเราได รจกและใชงาน Gadget ชนดตาง ๆ บน Blogger ผมไดกลาวถงวธการเพม Gadget ใหกบบลอก แตยงไมไดกลาวถงการลบ Gadget ออกจากองคประกอบของหนา และนอกจากน ต าแหนงของ Gadget ยงสามารถเคลอนยายต าแหนงไดอกดวย
การลบ Gadget วธท 1 ถาในขณะทเรา log in และเปดหนาบลอกของเราขนมา กจะสงเกตเหนวามเครองมอ
ปรากฏอยตามทตางๆ ในองคประกอบของหนา
และถาเราคลกเขาไปกจะสามารถแกไข หรอ ลบองคประกอบเหลานนออกไปไดเลยครบ
หนา 41
วธท 2 เราสามารถเขาไปลบ Gadget ไดท แผงควบคม gtgt การออกแบบ gtgt องคประกอบของหนา gtgt เลอกแกไข Gadget ทตองการลบ
จากนนเลอกลบไดเชนเดยวกบกรณแรก
การยายต าแหนง Gadget ส าหรบการยายต าแหนงของ Gadget ท าไดโดยการ เขาไปทแผงควบคม gtgt การออกแบบ gtgt
องคประกอบหนาจากนนใหลากเมาสบน Gadget ทตองการยายไปวางในต าแหนงทตองการไดเลยครบ
หนา 42
เมอเขาใจการท างานของ Gadget ชนดตาง ๆ แลวสงทอยากจะฝากเอาไวตอนทายนกคอการจดองคประกอบหนาของบลอกดงน
แนวทางในการจดองคประกอบหนาบลอก
แนวทางในการจดองคประกอบหนานนไมมกฎเกณฑตายตว บางคนชอบใหม 2 column บางคน ชอบใหม 3 column ซงกขนอยกบความชอบและความตองการใชงาน แตทอยากใหค านงไวเสมอคอ ผอน คอ พระเจา ท าอะไรใหเขาใจงายๆ หาอะไรกเจออยางรวดเรว เขาไวเปนพอครบ และอกประการทส าคญคอ การตดตง Gadget ตาง ๆ ควรตดตงเทาทจ าเปนและตองการใชงาน ปฏทน หรอนาฬกานนกไมควรตดตง ลงไปเลย เพราะไมคมคากบการเพมภาระการโหลดใหกบผเขาชม และถาบลอกของคณโหลดไดชา ก เปนไปไดยากทผอานจะกลบมาอก
องคประกอบในหนาของบลอกทผมคดวาคณควรจะมคอ สวนทบอกตวตนของบลอก
ซงอาจจะแสดงในสวนหวของหนา หรอเปนวดโอ สไลดขอความรปถาย อยในต าแหนงทเหนไดชด สวนทเชอมโยงไปยงบทความในบลอก
สวนนจ าเปนมากเพราะจะชวยใหผอานคนหาบทความไดเรวขน คณอาจจะรวมบทความทงหมดเลยหรอ อาจจะใชวธจดหมวดหมใหผอานเลอกสงทตองการจากบลอกของเราไดเรวขน
สวนพนทของสมาชก
สวนนจะแสดงใหเหนวามผสนใจบลอกของเรามากแคไหน และสามารถสมครตดตามบลอกของเราไดทนท เชนอาจจะใช Gadget ผตดตาม หรอใช Like box Plugins ของ Facebook หรออาจจะท า Poll กได
สวนทเปนชองทางใหผอานตดตอเราได
คณอาจจะท า link เชอมโยงใหผอานตดตอคณได หรออาจจะใช Gadget profile ของ Blogger เพอแนะน าตวกได
หนา 43
บทท 7 การแสดงขาวสารลาสดดวย Gadget ฟด
ความหมายของค าวา ฟดโดยสรปกคอเปนสงทแพรกระจายจากบลอกของเราบนโลก Internet เทยบไดกบคลนสญญาณวทยหรอโทรทศน ถามตวรบทกคนกสามารถมองเหนขาวสารทตองการเลอกรบได นอกจากนถามตวชวยสงใหฟดแพรไดแรงขน ขาวสารกยอมจะแพรกระจายไดเรวดวย
ดงนนถาคณสนใจขาวสารจากบลอกใดบลอกหนงคณกสามารถทจะเปดรบขาวสารจากบลอกนนๆ โดยใช Gadget ฟด ซงเปน Gadget ทสามารถเพมไดอยางไมจ ากด ดงนนถาคณตองการรบขาวจาก 10 บลอกกสามารถท าไดโดยการเพม gadget ฟดเขาไปในบลอก 10 ครง ในขณะเดยวกนถาคณใสชอบลอกของตวเองใน Gadget ฟด Gadget ชนดนจะกลายเปน Gadget ทใชแสดง บทความลาสดนนเองครบ
การแสดงขาวสารลาสดโดยการใช Gadget ฟด
1 ไปทองคประกอบของหนา gtgt เพมฟด Gadget
หนา 44
2 ใสโคดตอไปนลงไปใน Gadget ฟด httpชอบลอกblogspotcomfeedspostsdefault
โดยจะตองเปลยนชอบลอกเปนชอบลอกของของคณเองหรอชอบลอกทคณตองการรบขาวสารท update
ตงคาทตองการเพมเตมและบนทกกจะได feeds ขาวสารมาปรากฏทบลอกของคณ
3 ถาตองการเพมบลอกอนอกกท าซ าขอ 1 และ 2 แตตองเปลยนชอบลอกใหม 4 กรณทคณตองการเรยก feed จากเวบทตองการใหคนหา feed จากเวบ wwwgooglecom
แลวแทนโคดในขอ 2 เชน feed ขาวการศกษาจากเวบ httpwwwrssthaicom ใหใสโคด httpwwwrssthaicomnewsphpt=education แทนในขอ 2
หนา 45
บทท 8 แนะน า Gadget ใหมของ blogger ldquoหนาเวบrdquo
ตามเวบไซตตาง ๆ เราคงจะเคยเหนกนวาแตละเวบไซตจะม เมนส าหรบเลอกเปดไปดหนาอน ๆภายในเวบนนๆ เชน ตวอยางในรปดานลาง
Blogger ไดพฒนา Gadget ตวใหมขนมา มชอวา หนาเวบ เพอใหผใชไดสรางหนาของบลอกทตองการไดโดยไมตองมความรในการดดแปลงหรอแกไขแมแบบดวยตนเอง
การเรยกใช Gadget ชนดนสามารถเลอกใชไดเชนเดยวกบการ Add Gadget ชนดอน ๆ นนคอ ไปท องคประกอบของหนา gtgt แลวเลอก เพม Gadget
ตอไปเรามาดวา Gadget น ใชอยางไร และใชเพอจดประสงคใด หลกการของ Gadget นเหมอนการสรางบทความขนมา 1 บทความ และ สราง Link เชอมโยงไป ยงบทความนน ๆ แตมความพเศษตรงทผใชทวไปสรางเมนขนเองไดอยางงายดาย โดยไมตองมความรพนฐานเกยวกบ HTML เลย
หนา 46
ตวอยางวธการใชงาน(จรง) ในตวอยางนผมจะสราง 2 หนาใหเหนเปนตวอยาง ไดแก HOME และ CONTACT ME
ขนเตรยมการ เนองจากผมจะยกตวอยางการสรางหนา Contact me ดงนนใหทกคนไปสราง Form ส าหรบ
ตดตอเจาของบลอกซงกคอเราเอง ไดท httpwwwfoxyformcom
ซงขนตอนในการสราง ฟอรมนนงายมาก มเพยง 4 ขนเทานน (ดรป)
หนา 47
เมอไดโคด แลวคดลอกเกบเอาไวกอนครบ
ขนสรางหนาเวบจรง ขนท 1 สรางหนาแรก หรอ HOME
Log in เขาไปท draftblogger ไปทแผงควบคม gtgt องคประกอบของหนา gtgt แลวเลอก เพม Gadget เลอกอนแรกเลยครบ คอ gadget หนาเวบ
จากนนกสราง หนาแรกขนมาโดยตงชอตามทตองการไดเลย แลวท าการบนทกครบ
หนา 48
ขนท 2 เมอผานขนท 1 มาแลวกเทากบวาเราไดสราง หนาบลอกขนมาแลว 1 หนา
ถาจะท าการเพมหนาอก ใหไปทแผงควบคม gtgt การสงบทความ gtgt แกไขหนาเวบ gtgt หนาเวบใหม
เมอคลกสรางหนาเวบใหม เรากจะพบเครองมอตาง ๆ เหมอนการเขยนบทความนนเองครบ
หนา 49
ใหน าโคดของ Form ทเตรยมไว จากขนเตรยมการมาวางในหนาหนาน จดรปแบบตามตองการแลวบนทกหนาไดเลยครบ
เพยงขนตอนสน ๆ นเรากจะมเมนเชอมโยงไปยง หนาของบลอกถง 2 หนาดวยกน ไดแก HOME และ CONTACT ME
หนา 50
ขนท 3 - ถาหากตองการเพมหนาบลอกเพมขนอกกท าซ าขนตอนทไดกลาวมาขางตนครบ - แตถาตองการลบหนาบลอกทง กมาทเดม แลวจะเหนค าวาลบ ถาตองการลบทงกกดค าวาลบ
ไดเลย
ขนท 4 วธจดการกบเมนหนาเวบ - ถาตองการเรยงล าดบหนาเวบใหม กไปท องคประกอบของหนา แลว คลก Gadget หนาเวบขนมาแกไข gtgt ดรป
หนา 51
นอกจากน Gadget หนาเวบจะมลกษณะพเศษ คอ ถาอยท Sidebar เมนจะจดเรยงเปนแนวตง
หนา 52
แตถาลากไปในต าแหนงใตสวนหว จะจดเรยงเรยงเปนแนวนอนโดยอตโนมต
หนา 53
บทท 9 นบจ านวนคนเยยมชมดวย Flagcounter
อกบรการนบสถตคนเยยมชมทชวยใหเราทราบวาบลอกของเรามผเยยมชมทงในและตางประเทศมากหรอนอย จาก Flagcounter
วธตดตง
1 ไปท httpwwwflagcountercomindexhtml 2 ตงคาตางๆ ตามความตองการแลวกด GET YOUR FLAG COUNTER ดงรป
3 คดลอก HTML โคด ท FLAG COUNTER ไดสรางใหในขนท 2
หนา 54
4 กลบมาทบลอกของเรา ไปทแผงควบคม gtgt รปแบบ gtgt องคประกอบหนา gtgt เพม Gadget ชนด HTMLจาวาสครปต
5 วางโคดทคดลอกมาจากขนท 3 แลวบนทกครบกเปนอนจบขนตอนครบ ลกษณะทไดกดงรป
หนา 55
บทท 10 รปภาพในบทความบน Blogger
คณเคยสงสยไหมครบวา รปภาพทคณ upload ขนไปขณะทเขยนบทความ หรออาจจะเขยนบทความไปแลว รปเหลานนไปอยทไหน เพราะวา Blogger เองไมม sever ยงตองอาศยฐานขอมลของตวแมคอ blogspotcom อย แลวจะเอาพนท ๆ ไหนมาเกบรปตงมากมาย
ค าตอบคอ Blogger จะใชวธเชอมโยงกบ Application อน ๆ ของ Google เพอแกปญหาการเกบขอมล เชนรปภาพใน Blogger ทเราพดถงกนอยตอนนกจะถกเกบ
อยท Picasa Web Albums ดงนนไมวาจะเปนภาพทคณ Upload ขณะเขยนบทความ กจะถกเกบอยใน Picasa Web Albums ทงหมด
คณใชบรการ Picasa Web Albums ไดอยางไร
การใชบรการ Picasa Web Albums สามารถเขาใชไดทนทหากคณมบญชผใชกบ google อยแลว เชนมบญชผใช Gmail หรอ Blogger อยแลวกสามารถ Log in เขาใชไดเลย
Picasa Web Albums ใหพนทเทาไร
Picasa จะใหพนท เพยง 1 GB ตอ 1 บญชผใช นเปนเหตผลทบางคนอาจจะสงสยวาท าไมคณภาพรปหรอขนาดของรปบน Blogger จงลดลง กลาวคอระบบของ Picasa จะท าการลดขนาดของรปทเรา Upload ผาน Blogger ใหมขนาดเลกลงเพอเปนการประหยดพนทนนเอง
หนา 56
คณจะเขาไปจดการรปภาพจาก Blogger ใน Picasa Web ไดอยางไร การจดการภาพใน Picasa Web Albums ท าได 2 วธคอ
1 ใช Software ทพฒนาขนมาจดการ Picasa Web Albums โดยเฉพาะ
คณสามารถเขาไปดาวนโหลด Picasa ไดท httppicasagooglecom 2 เขาไปจดการทเวบไซต Picasa Web Albums โดยตรง โดยไปท httppicasawebgooglecom และ Log in โดยใชชอบญชเดยวกบ Blogger
คณสามารถเขาไป Unload ภาพไดโดยตรงกบ Picasa แลวเรยกมาใชบน blogger ไดโดยใชตวเลอก อปโหลด
หนา 57
แตถาตองการรปภาพบน Blogger ทไดอปโหลดขนไปแลวกคลกทอลบมทตองการแลวเขาไปจดการภาพไดเชนกน ลบรปภาพบน Blogger แลวรปบน Picasa จะถกลบดวยหรอไม
การลบรปภาพบน Blogger ไมสงผลใด ๆ ตอ Picasa Web Albums เลยเวนแตคณจะเขามาลบใน Picasa Web Albums โดยตรง ดงนนถาในขณะเขยนบทความคณเผลอท าพลาดรปภาพหายไป กสามารถเขามาเอารปภาพจาก Picasa Web Albums ใชงานไดอกโดยไมตอง upload ซ า หรอไมตองไปหาภาพมาใหม บทสรป
บทนแนะน าใหพอรจกการเชอมโยงระหวาง Blogger และ Picasa Web Albums ซงเปนบรการในเครอขาย Google เหมอนกน และจะท าใหคณเขาใจการจดการเกยวกบภาพบน Blogger ไดดขน
หนา 58
บทท 11 การสรางวดโอใน YouTube และน ามาใสในบลอก
ถามวดโอในหนาบลอกของเราดวย การสอสารเรองราวตางๆ กจะมชวตชวาและเขาใจงายขน ซงในทนเราสามารถสรางไดไมยากดวยบรการของ wwwyoutubecom ครบ
ขนตอนการฝากวดโอไวกบ youtube
1 ไปท wwwyoutubecom แลวเลอก Create Account ทมมขวาบนซงในกรณทเรา Login อยในเวบบลอกของเรานน กสามารถใชบรการของ youtube ดวย Account เดมโดยไมตองสมครใหมครบ วธการท าไดโดย
11 คลกท 12 กรอกขอมลส าหรบการสรางบญช โดยใช username ของ gmail ของเราเอง 13 จากนน คลก
หนา 59
14 จะพบหนาตางใหกรอก Username และ รหสผาน ของ gmail ใหกรอก e-mail ของเรา
จะพบหนาจอ ดงน จากนนเรากสามารถท าการเพม Video ไดตามทเราตองการ
หนา 60
2 การฝาก youtube มเงอนไขส าคญๆ ดงน - ความยาวของวดโอไมเกน 10 นาท - ควรเปนวดโอทไมกระทบตอสถาบน ชาต ศาสนา พระมหากษตรย และ ศลธรรมอนดงามของสงคม
3 การ upload วดโอขนไปทเมน upload (ทมมขวาบน) แลวท าการเลอกไฟลวดโอจากเครองของเรา และรอจนการ upload เสรจสน
31 คลกทปม Uploads
32 คลกทปม Upload Video
33 เลอกไฟล Video ทตองการ
34
34 เมอ Upload ได 100 แลวใหคลก Save change
หนา 61
4 เมอ upload เสรจสนแลวคลกทขอความ Embed and Sharing Options เรากเหน HTML code ใหคดลอก code เหลานนมาแปะในสวนทเราตองการ
เชนในทนผมคดลอก code มาแปะในบทความกจะไดผลลพธเปนวดโอตามดานลางทเหนครบ
หนา 62
เรอง หนา บทน าhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 1 บทท 1 การสรางเวบบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 4 บทท 2 วธเปลยน Template ของ Bloggerhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 12 บทท 3 วธเขยนและจดการบทความในบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 22 บทท 4 การตงคาพนฐานตางๆ ใหกบบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 26 บทท 5 รจกและใชงาน Gadget ชนดตางๆ บน Bloggerhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 32 บทท 6 การจดการกบ Gadget ในหนาบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 40 บทท 7 การแสดงขาวสารลาสดดวย Gadget ฟดhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 43 บทท 9 นบจ านวนคนเยยมชมดวย Flagcounterhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 53 บทท 10 รปภาพในบทความบน Bloggerhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 55 บทท 11 การสรางวดโอใน YouTube และน ามาใสในบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 58
หนา 63
255
เอกสารประกอบการฝกอบรมเชงปฏบตการ
การพฒนาสอการเรยนการสอน โดยใชโปรแกรมคอมพวเตอรรวมกบ Weblog
หนา 14
ผมเลอก Template น
1 โดยการคลกท Read More or Download this Blogger Template จากนนจะพบ
หนาตางใหม ใหเลอนหาเมน Download the Green Day Blogger Theme และท าการคลกเพอดาวนโหลด จะได ใหท าการ แตกไฟลจากนนใหน า green-day-blogger-themexml ไปวางไวท Desktop
2 Log in ท blogger ไปทแผงควบคม gtgt รปแบบ gtgt แกไข HTML gtgt คลกปม Browse เพอทจะอปโหลดแมแบบขนมา
หนา 15
3 เรยกไฟล XML ทเตรยมไวตามขนตอนในรปครบ
4 อปโหลดแมแบบขนไปแทนทแมแบบเดม โดยระหวางการแทนท อาจมการถามถงการลบเกบ Widget ของแมแบบเดม ซงถาตองการเกบของเกาเอาไวกเลอก เกบ Widget กจะท าให Widget ของแมแบบเดม ไมถกลบขณะเปลยน Templates
หนา 16
5 จากนนลองแสดงตวอยางด ซงถาพอใจกบแมแบบแลวกใหท าการบนทก กจบขนตอนการเปลยนแมแบบแลวครบ และถาหากคณตองการเปลยนแมแบบอกกสามารถเปลยนไดแบบไมจ ากดครง
นคอผลงาน หลงจากเปลยนแมแบบ นครบ กอนเปลยน Template
หลงเปลยน Template
หนา 17
เครองมอส าหรบ ldquoออกแบบแมแบบrdquo ดวยตนเอง ใหม จาก Blogger
หลงจากทมงาน Blogger ไดสราง Gadget หนาเวบ ออกมาไดไมนาน ตอนนกไดพฒนาการเครองมอส าหรบการออกแบบแมแบบของ blogger ใหยดหยนมากขน โดยใหผใชสามารถปรบแตงแมแบบไดดวยตนเอง ไมวาจะเปนการเลอก Theme การออกแบบโครงรางของหนาวาจะม 2 หรอ 3 คอลมน หรอหลายคอลมน ซงท าไดโดยการคลกเพยงไมกครง การปรบความกวางของ Template และ sidebar เพยงแคคลกเดยวเปนตน ความสามารถทงหลายนผใชสามารถท าไดโดยไมตองมความรเรอง HTML และ CSS เลยส าหรบการใชงานเครองมอนกคลายคลงกบการใชงานเครองมอเดม ๆ ทมอย ซงผมจะอธบายทละสวนดงน
การใช เครองมอออกแบบแมแบบ ท าไดโดย Log in เขาไปท draftblogger และไปท แผงควบคม gtgt
การออกแบบ gtgt องคประกอบของหนา gtgt คลกท ldquoเครองมอออกแบบแมแบบ ใหมrdquo
เมอคลกท ldquoเครองมอออกแบบแมแบบrdquo แลวเราจะพบเครองมอส าหรบออกแบบแมแบบอย 4 อยางดวยกน ไดแก 1 แมแบบ 2 พนหลง 3 รปแบบ และ 4 ขนสง
สวนแสดงตวอยาง
หนา 18
1 การใชงานเครองมอแมแบบ ท าไดโดย คลกทขอความ แมแบบ gtgt จากนนเลอกรปแบบทตองการ gtgt และเลอก theme ทตองการ เมอแสดงตวอยางเปนทนาพอใจแลว ใหคลกทปม ldquoใชกบบลอกrdquo เพอยนยน
2 การใชงานเมนพนหลง การใชงานเครองมอ ldquoพนหลงrdquo สามารถใชเพอเปลยนภาพพนหลงของบลอก และเลอกส Theme ของบลอกไดตามความตองการไดดวย
21 วธเปลยนภาพพนหลงท าไดโดย คลกท ldquoภาพพนหลงrdquo และเลอกถาพตามตองการ และกดปม ldquoใชกบบลอกrdquo เพอยนยน
สวนแสดงตวอยาง
หนา 19
22 การเลอกส Theme ของบลอก คลกทส Theme ทตองการโดย อาจจะคลกเลอกจาก
Theme ส าเรจรปหรอเลอกจาก Theme ทแนะน า
หนา 20
3 การใชงานเครองมอ ldquoรปแบบrdquo คณสามารถใชเครองมอนเพอก าหนดจ านวน คอลมน รปแบบคอลมน ความกวางของคอลมน รวมถงการก าหนดคอลมนใหกบสวนทายของหนาไดดวย
31 การใชงานเครองมอ ldquoการออกแบบเนอความrdquo เครองมอนใชก าหนดรปแบบคอลมนของ template ของคณ ซงท าไดงายดายโดยการคลกเลอกรปแบบทตองการ ดตวอยาง เมอเปนทพอใจแลวกกดปม ldquoใชกบบลอกrdquo เพอยนยน
32 การใชงานเครองมอ ldquoการออกแบบสวนทายrdquo เครองมอนเปนเครองมอส าหรบการ
ก าหนดคอลมนใหกบสวนทายของหนาบลอก ซงท าไดเชนเดยวกบ 31
หนา 21
33 การใชงานเครองมอ ldquoการปรบความกวางrdquo คณสามารถปรบความกวางของแมแบบ และ sidebar จากเครองมอนเพยงแคเลอน slider ใหตรงกบคาตวเลขทตองการเทานน
4 ส าหรบเมนขนสงเปนการก าหนดรายละเอยดตางๆ ใหกบบลอก เชน รปแบบของลงค gadget ตางๆ หวเรอง ชอของบลอก เปนตน ซงคณสามารถปรบแตงตามความตองการแลว แสดงตวอยาง หากเปนทพอใจกบนทกเชนเดยวกบ ขอ 1-3 ทไดกลาวมาแลว
ปล อยาลมนะครบวาเครองมอเหลานจะไมมใน bloggercom แต จะมใน draftbloggercom เทานน
หนา 22
บทท 3 วธเขยนและจดการบทความในบลอก
บทนผมจงจะเลาถงวธเขยนบทความใน Blogger เพอเปนแนวทางใหคณสามารถเขยนบทความลงในบลอกของคณไดสวยงามและเปนมออาชพมากขน
ส าหรบทานทเขยนบทความเปนอยแลวอาจจะขามไปอานบทความอน ๆ ตอไปไดเลยครบ สวนทานทเปนมอใหมจรง ๆ กควรจะอานบทความนใหจบเพอเปนแนวทางในการ
เขยนบทความของคณเองตอไป
1 การเขาไปเขยนบทความ การเขาไปเขยนบทความบน Blogger โดยตรงสามารถเขาไปได 2 ชองทางดวยกนคอ 11 ถาคณใชแมแบบทไมไดซอนแถบน าทางสามารถเขาไปเขยนบทความไดโดยคลกทเมน
บทความใหม
12 เขาไปเขยนบทความผาน draftbloggercom
หนา 23
โปรดสงเกตวาเครองมอในการเขยนบทความของ Draftblogger จะมมากกวาเครองมอของ blogger ปกต ดงนนโดยสวนตวผมแนะน าใหเขยนบทความผาน draftbloggercom เพราะมเครองมอมากกวาวธแรก และควรตงคาให draftblogger เปนเครองมอเรมตน
2 องคประกอบของเครองมอเขยนบทความ
กอนอนผมขอแนะน าใหรจกเครองมอทจ าเปนในการเขยนบทความดงน สวนท 1 คอสวนตงชอเรองหรอชอบทความ สวนท 2 เปนสวนทใชส าหรบกรณทเราตองการวางขอความทคดลอกมาจาก Ms word
หรอโคดวดโอจาก Youtube หรอโคด HTMLจาวาสครปตทตองการใหปรากฏและแสดงผลในบทความ
หนา 24
สวนท 3 เปนแถบทเลอกเมอตองการเขยนขอความปกตซงจะมเครองมอในการเขยนบทความตามทเหนในภาพขางบน
สวนท 4 ส าหรบจดรปแบบอกษร สวนท 5 เปนเครองมอในการใสลงคใหขอความ แทรกภาพลงในบทความ และแทรกวดโอ
ลงในบทความตามล าดบ สวนท 6 รปกระดาษขาดทเหนนนใชในกรณทคณตองการแสดงบทความใหผอานเหนในหนา
หลกเพยงบางสวนเทานน และถาใชเครองมอนผอานจะตองคลกอานเพมเตมจงจะเหนขอความแบบเตม เครองมอนมขอดคอท าใหบทความทมความยาวมาก ๆ สนลงได และท าใหเปดหนาแรกไดเรวขนดวย
สวนท 7 เปนสวนทใชในการจดเรยงขอความ และจดแนวรปภาพไดดวย เชน จดชดซาย ชดขวา กงกลาง เปนตน
สวนท 8 ไดแกการใส การเนนขอความ การลบรปแบบ การตรวจสอบการสะกดค า และการแปลภาษา
สวนท 9 เปนสวนทใชในการวางก าหนดเวลาลางหนา วาจะใหบทความทเขยนเผยแพรใน วนใด
สวนท 10 เปนการใสปายก ากบ ซงเปนสวนทใชระบวาบทความทเขยนนอยในหมวดหมใด ซงสามารถใสไดมากกวา 1 ปายก ากบโดยคนดวยเครองหมายจลภาค และสามารถเลอกปายก ากบทคณเคยใสใหบทความอนไปแลวมาใสอกได เพอท าใหบทความนน ๆ อยในหมวดหมเดยวกน
สวนท 11 เปนการเลอกวาจะบนทกไวกอน หรอจะเผยแพร มประโยชนในกรณทบทความทเขยนใชเวลาเขยนนานมากกอาจจะบนทกเอาไวกอนแลวมาเขยนตอในภายหลงได
หนา 25
เทคนคการเขยนบทความทควรร ในกรณทเรามไฟลเอกสารจาก MS word แลวคดลอกมาวางเพอท าใหเขยนบทความไดเรวขน
บางครงพบปญหาขอผดพลาดของฟอรม (ฟอรมใน MS word ไมสามารถแปลงเปน HTML Code ได)
ปญหานแกไดโดยกอนวางขอความใหคลกทแถบ แกไข HTML แลวจงวางขอความทคดลอกมา
จากนนจงคลกทแถบ เขยน เพอจดรปแบบของบทความตอไป
เทคนคนยงสามารถใชกบการวางโคดวดโอ หรอขอความทคดลอกมาจากเวบไซตไดดวยครบ
หนา 26
บทท 4 การตงคาพนฐานตางๆ ใหกบบลอก
บทนผมจะขอแนะน าการตงคาพนฐานตางๆ ของบลอกเพอใหเขาใจการตงคาในสวนตาง ๆ ของ Blogger และจะท าใหคณสามารถตงคาตาง ๆ ตามความตองการของตนเองได อกทงจะเปนประโยชนในการพฒนาการท า Blogger ในระยะยาวดวย
การตงคาพนฐานตางๆ ของบลอกท าไดโดย Log in เขาไปท blogger เมอมาทหนา แผงควบคม ให Click ท การตงคา
และทานจะเขามาทเมนการตงคาของบลอก
ผมจะแบงการตงคาออกเปน 9 สวนดงน 1 ขนตน
คณสามารถดาวนโหลด Blog เพอเกบเปน Backup ขอมลบทความและ comment ของบลอกไดโดยเลอก สงออกบลอก แตถาคณมขอมลบลอกเดมอยแลวอยากจะน ามาใชกบบลอกใหมทสรางขน กใหเลอก น าเขาบลอก แตถาคดวาไมตองการใชบลอกนแลวกสามารถลบทงไดโดยเลอก ลบบลอก
หนา 27
Title และค าอธบายของบลอก ควรใสใหเขาใจภาพรวมของบลอกและม keyword ในการท าบลอกแทรกอยใน Description ดวย
ในสวนการตงคาอน ๆ ควรตงคาดงน
องคประกอบ ตงคาเปน
เพมบลอกของคณในรายการของเราหรอไม ใช
อนญาตใหเครองมอคนหาพบบลอกของคณหรอไม ใช
แสดงการแกไขอยางรวดเรวบนบลอกของคณหรอไม ใช
มเนอหาส าหรบผใหญหรอไม ไม
เลอกโปรแกรมแกไขบทความ โปรแกรมแกไขทอปเดต
2 การเผยแพร ในการตงคาสวนนสามารถเปลยน URL ของบลอกได
หนา 28
ถาคณตองการเปลยนโดเมนของบลอกจาก blogspotcom เปนโดเมนอนกสามารถตงคาไดตรงสวนน แตจะตองเสยคาใชจายการจดโดเมนผาน google ปละ 10 US (ประมาณ 300 กวาบาทตอป)
3 การจดรปแบบ ในสวนนเปนการตงคาการเผยแพรบทความ เชน จ านวนบทความในหนาแรก รปแบบเวลา
และวนทเปนตน
คณควรจะตงคาตาง ๆ ดงน
องคประกอบ ตงคาเปน
แสดงสงสด เทาไรกได
รปแบบสวนหวของวนท ตงไดตามใจชอบ
รปแบบวนทของดชนคลงบทความ ตงไดตามใจชอบ
รปแบบเวลา ตงไดตามใจชอบ
โซนเวลา (GMT+0700)กรงเทพ
ภาษา ไทย
แปลงการขนบรรทดใหม ไม
แสดงฟลดชอเรอง ใช
แสดงฟลดของลงก ไม
เปดใชการจดเรยงแบบลอย ใช
แมแบบบทความ ยงไมตองตงคา
หนา 29
4 เมนขอคดเหน เปนเมนส าหรบตงคาตาง ๆ เกยวกบการแสดงความคดเหนของบลอก
คณควรจะตงคาตาง ๆ ดงน
องคประกอบ ตงคาเปน
ขอคดเหน แสดง
ใครสามารถแสดงความคดเหน ผใชทมบญช Google
การจดวางฟอรมความคดเหน วางไวใตบทความ
ความคดเหนเรมตนส าหรบบทความ บทความใหมมความคดเหน
ลงกยอนกลบ ซอน
คาเรมตนของลงกยอนกลบส าหรบบทความ บทความใหมมลงกยอนกลบ รปแบบเวลาในสวนความคดเหน ตงคาตามใจ
ขอความของฟอรมความคดเหน ไมตองใสคาใด ๆ กได
การจดการความคดเหน ไม
แสดงการตรวจสอบค าส าหรบความคดเหนหรอไม ไม
แสดงรปภาพโปรไฟลบนความคดเหนหรอไม ใช
อเมลส าหรบแจงเตอนเมอมความคดเหนใหม กรอก email ของคณลงไป
5 เกบเขาคลงบทความ ตงใหเปนรายเดอนจะดทสด
หนา 30
6 ฟดของไซต ถาบทความในบลอกไมมากนก ตงคาเปน แบบเตม แตถาบทความมประมาณ 100 ขนไปควร
จะตงเปน แบบสน
7 อเมลและมอถอ
ในสวนนเปนการตงคา อเมลเพอใหระบบสงบลอกของคณทกครงทมการเผยแพร และเปนการตงคา การใชอปกรณเคลอนทในการเขยนบลอก ตรงนผมยงไมเคยลองเหมอนกน
8 OpenID
คณสามารถใช OpenID URL เพอเขาสไซตอนๆ ทใชงาน OpenID นอกจากนคณยงสามารถก าหนดใหผใช OpenID สามารถแสดงความคดเหนในบลอกของคณ โดยปรบการตงคา ความคดเหน ของคณ
9 สทธ
ในสวนนคณสามารถใชในการเปลยนผเขยนบลอก และเพมผดแลระบบไดถง 100 ราย
หนา 31
นอกจากนคณยงจ ากดคนเขาชมบลอกไดดวย โดยการระบ Email ของผทตองการลงไป
หนา 32
บทท 5 รจกและใชงาน Gadget ชนดตางๆ บน Blogger
เมอเรยนรเกยวกบ การตงคาตาง ๆ ของบลอก การเปลยน Templates ใหกบบลอกไปแลว สวนทเหลอคอ การจดรปแบบองคประกอบหนาใหกบบลอก รวมถงการใชงาน Gadget หลกชนดตางๆ ของ Blogger
Gadget คออะไร
Gadget ใน Blogger นนหมายถงสวนเสรมทเราสามารถตดตงเพมลงไปในแมแบบของ Blogger ซงบางครงกถกเรยกวา widget ซงกหมายถงสงเดยวกนกบ Gadget
วธเพม Gadget กอนอนให Login เขาไปท blogger หรอ draftblogger gtgt จากแผงควบคมใหเลอก การออกแบบ
หนา 33
จากนนใน Layout ของแมแบบคณจะเหนพนท ดงรปดานลางเพอใหเพม Gadget
และเมอคลก เพม Gadget กจะปรากฏ Gadget พนฐาน 21 อยางทจะกลาวถงในหวขอน
นอกจากนยงม Gadget อกมากมายซงคณสามารถเลอกไดจากเมนแกดเจดเพมเตมทางซายมอ
เมอเลอก Gadget ทตองการแลว คลกทปม + เพอท าการเพม Gadget นน ใสชอ Gadget และตงคาทตองการแลวบนทก
รปทเหนขางบนเปน Gadget ผตดตาม ส าหรบ Gadget อน ๆ กท าไดในท านองเดยวกน
หนา 34
รจกกบ Gadget พนฐาน 21 อยางของ Blogger
1 Gadget หนาเวบ
หลกการของ Gadget ชนดนคอคณจะตองสรางหนาเวบขนมากอน แลวใช Gadget นเปนเมนในการเชอมโยงไปยงหนาเวบ
2 Gadget ผตดตาม
Gadget ชนดนใชเพอใหผอานทชนชอบบลอกของคณไดตดตาม และเมอตดตามแลวความเคลอนไหว และการ update บทความของจะไปปรากฏแผงควบคมของผตดตามโดยอตโนมต และมสทธในการแสดงความคดเหนบนบลอกของคณได (กรณทคณอนญาตเฉพาะสมาชก)
3 Gadget ชองคนหา
เปน Gadget ทตดตงเพอใหผอานสามารถคนหาสงทตองการในบลอกของคณไดงายขน
หนา 35
4 Gadget HTMLจาวาสครปต
Gadget ชนดนเปน Gadget ทยดหยนทสดในบรรดา Gadget ทงหมด สามารถประยกตใชไดหลากหลาย เหมาะส าหรบใชตดตงโคดตาง ๆ ลงบน Blogger เชน โคดปฏทน นาฬกา โคดจาวาสครปต โคดรปภาพ โคดวดโอ โคดของลงค เปนตน
5 Gadget ขอความ
เปน Gadget ทเหมาะส าหรบเขยนขอความ เชน ขอความตอนรบ เปนตน
6 Gadget Adsense
คณจะใช Gadget ชนดนไดเมอสมครเขารวมโปรแกรมหรอเปนตวแทนในการเผยแพรโฆษณาบน Google
7 Gadget รปภาพ
ถาคณตองการแสดงรปภาพบนบลอกอยางเดยวกใหเลอกใช Gadget นครบ
หนา 36
8 Gadget สไลดโชว
Gadget นเปนการดง Albums จาก Picasaweb มาแสดงในรปแบบสไลดโชวบนบลอกของ
9 Gadget แถบวดโอ
Gadget นจะท าใหผใชคนหาวดโอบน Youtube จากบลอกของคณได
10 Gadget แบบส ารวจ
Gadget นถอเปน Gadget หนงทนาสนใจมาก แตยงมผใชจ านวนนอย โดยคณอาจจะใชส ารวจความตองการ หรอความคดเหนของผอานตอบลอกของคณ หรอส ารวจเกยวกบเรองทเกยวของกบเนอหาบนบลอกของคณกได
11 Gadget รายการบลอก
Gadget ชนดนเปน Gadget ทสามารถรวบรวมขาวสารลาสดจากบลอกทคณเลอกหรอบลอกทคณตดตาม พรอมทงสามารถแสดงเนอหาแบบยอไดดวย
หนา 37
12 Gadget รายชอลงค
เปน Gadget ทใชสรางลงคไปยงทตาง ๆ โดยคณสามารถปอน URL บน Gadget ชนดนเพอสราง Link โดยไมตองมความรเรอง HTML มากอนเลย
13 Gadget รายการ
เปน Gadget ทคลายคลงกบ Gadget รายชอลงค แตมความยดหยนกวา สามารถสรางขอความรายการและใส link ใหขอความไดดวย
14 Gadget ฟด
คณสามารถใช Gadget นดงขาวสารจากในบลอกของคณ หรอบลอกอนทคณสนใจเอามาแสดงเพยงแคใสชอบลอกทตองการลงไปลงไปใน gadget
15 Gadget Newsreel
เปน gadget ทท าใหพาดหวขาวจาก Google มาปรากฏบนบลอกของคณเทานน
หนา 38
16 Gadget ปายก ากบ
Gadget นมความส าคญ คณควรจะตดตง เพอใหบทความทเขยนเปนหมวดหม ใหผอานเหนชดเจนเลอกอานไดตรงความตองการมากขน
17 Gadget ลงคการสมคร
Gadget นมความส าคญในเรองการสงขาวสารขอมลจากบลอกของคณไปยงผอาน ผอานจะสามารถสมครรบบทความทาง email หรอผานชองทางอน ๆ ไดจาก Gadget น
18 Gadget โลโก
Gadget นไมส าคญนกเปนเพยงตดตง logo ของ blogger ในหนาบลอกเทานน
19 Gadget โปรไฟล
Gadget นจะแสดงขอมลอยางของคณทไดกรอกเอาไวบนบญชของ Blogger ถาคณตองการแสดงขอมลของคณบน Blog กควรจะตดตง Gadget นครบ
หนา 39
20 Gadget คลงบทความของบลอก
Gadget นจะท าใหผอานเหนบทความทงหมดภายในบลอกของคณได
21 Gadget สวนหวของหนา
Gadget นเปนสวนทใส Title และ Description ของ Blog โดยปกตแลว Template ทวไปกจะตดตงสวนนอยแลว
คณสามารถทดลองใช Gadget เหลานไดโดยไมตองกลวความผดพลาดเพราะ Gadget บน
Blogger นนสามารถลบออกไดอยางงายดายโดยวธการจดการกบ Gadget
หนา 40
บทท 6 การจดการกบ Gadget ในหนาบลอก
ในบททผานมาเราได รจกและใชงาน Gadget ชนดตาง ๆ บน Blogger ผมไดกลาวถงวธการเพม Gadget ใหกบบลอก แตยงไมไดกลาวถงการลบ Gadget ออกจากองคประกอบของหนา และนอกจากน ต าแหนงของ Gadget ยงสามารถเคลอนยายต าแหนงไดอกดวย
การลบ Gadget วธท 1 ถาในขณะทเรา log in และเปดหนาบลอกของเราขนมา กจะสงเกตเหนวามเครองมอ
ปรากฏอยตามทตางๆ ในองคประกอบของหนา
และถาเราคลกเขาไปกจะสามารถแกไข หรอ ลบองคประกอบเหลานนออกไปไดเลยครบ
หนา 41
วธท 2 เราสามารถเขาไปลบ Gadget ไดท แผงควบคม gtgt การออกแบบ gtgt องคประกอบของหนา gtgt เลอกแกไข Gadget ทตองการลบ
จากนนเลอกลบไดเชนเดยวกบกรณแรก
การยายต าแหนง Gadget ส าหรบการยายต าแหนงของ Gadget ท าไดโดยการ เขาไปทแผงควบคม gtgt การออกแบบ gtgt
องคประกอบหนาจากนนใหลากเมาสบน Gadget ทตองการยายไปวางในต าแหนงทตองการไดเลยครบ
หนา 42
เมอเขาใจการท างานของ Gadget ชนดตาง ๆ แลวสงทอยากจะฝากเอาไวตอนทายนกคอการจดองคประกอบหนาของบลอกดงน
แนวทางในการจดองคประกอบหนาบลอก
แนวทางในการจดองคประกอบหนานนไมมกฎเกณฑตายตว บางคนชอบใหม 2 column บางคน ชอบใหม 3 column ซงกขนอยกบความชอบและความตองการใชงาน แตทอยากใหค านงไวเสมอคอ ผอน คอ พระเจา ท าอะไรใหเขาใจงายๆ หาอะไรกเจออยางรวดเรว เขาไวเปนพอครบ และอกประการทส าคญคอ การตดตง Gadget ตาง ๆ ควรตดตงเทาทจ าเปนและตองการใชงาน ปฏทน หรอนาฬกานนกไมควรตดตง ลงไปเลย เพราะไมคมคากบการเพมภาระการโหลดใหกบผเขาชม และถาบลอกของคณโหลดไดชา ก เปนไปไดยากทผอานจะกลบมาอก
องคประกอบในหนาของบลอกทผมคดวาคณควรจะมคอ สวนทบอกตวตนของบลอก
ซงอาจจะแสดงในสวนหวของหนา หรอเปนวดโอ สไลดขอความรปถาย อยในต าแหนงทเหนไดชด สวนทเชอมโยงไปยงบทความในบลอก
สวนนจ าเปนมากเพราะจะชวยใหผอานคนหาบทความไดเรวขน คณอาจจะรวมบทความทงหมดเลยหรอ อาจจะใชวธจดหมวดหมใหผอานเลอกสงทตองการจากบลอกของเราไดเรวขน
สวนพนทของสมาชก
สวนนจะแสดงใหเหนวามผสนใจบลอกของเรามากแคไหน และสามารถสมครตดตามบลอกของเราไดทนท เชนอาจจะใช Gadget ผตดตาม หรอใช Like box Plugins ของ Facebook หรออาจจะท า Poll กได
สวนทเปนชองทางใหผอานตดตอเราได
คณอาจจะท า link เชอมโยงใหผอานตดตอคณได หรออาจจะใช Gadget profile ของ Blogger เพอแนะน าตวกได
หนา 43
บทท 7 การแสดงขาวสารลาสดดวย Gadget ฟด
ความหมายของค าวา ฟดโดยสรปกคอเปนสงทแพรกระจายจากบลอกของเราบนโลก Internet เทยบไดกบคลนสญญาณวทยหรอโทรทศน ถามตวรบทกคนกสามารถมองเหนขาวสารทตองการเลอกรบได นอกจากนถามตวชวยสงใหฟดแพรไดแรงขน ขาวสารกยอมจะแพรกระจายไดเรวดวย
ดงนนถาคณสนใจขาวสารจากบลอกใดบลอกหนงคณกสามารถทจะเปดรบขาวสารจากบลอกนนๆ โดยใช Gadget ฟด ซงเปน Gadget ทสามารถเพมไดอยางไมจ ากด ดงนนถาคณตองการรบขาวจาก 10 บลอกกสามารถท าไดโดยการเพม gadget ฟดเขาไปในบลอก 10 ครง ในขณะเดยวกนถาคณใสชอบลอกของตวเองใน Gadget ฟด Gadget ชนดนจะกลายเปน Gadget ทใชแสดง บทความลาสดนนเองครบ
การแสดงขาวสารลาสดโดยการใช Gadget ฟด
1 ไปทองคประกอบของหนา gtgt เพมฟด Gadget
หนา 44
2 ใสโคดตอไปนลงไปใน Gadget ฟด httpชอบลอกblogspotcomfeedspostsdefault
โดยจะตองเปลยนชอบลอกเปนชอบลอกของของคณเองหรอชอบลอกทคณตองการรบขาวสารท update
ตงคาทตองการเพมเตมและบนทกกจะได feeds ขาวสารมาปรากฏทบลอกของคณ
3 ถาตองการเพมบลอกอนอกกท าซ าขอ 1 และ 2 แตตองเปลยนชอบลอกใหม 4 กรณทคณตองการเรยก feed จากเวบทตองการใหคนหา feed จากเวบ wwwgooglecom
แลวแทนโคดในขอ 2 เชน feed ขาวการศกษาจากเวบ httpwwwrssthaicom ใหใสโคด httpwwwrssthaicomnewsphpt=education แทนในขอ 2
หนา 45
บทท 8 แนะน า Gadget ใหมของ blogger ldquoหนาเวบrdquo
ตามเวบไซตตาง ๆ เราคงจะเคยเหนกนวาแตละเวบไซตจะม เมนส าหรบเลอกเปดไปดหนาอน ๆภายในเวบนนๆ เชน ตวอยางในรปดานลาง
Blogger ไดพฒนา Gadget ตวใหมขนมา มชอวา หนาเวบ เพอใหผใชไดสรางหนาของบลอกทตองการไดโดยไมตองมความรในการดดแปลงหรอแกไขแมแบบดวยตนเอง
การเรยกใช Gadget ชนดนสามารถเลอกใชไดเชนเดยวกบการ Add Gadget ชนดอน ๆ นนคอ ไปท องคประกอบของหนา gtgt แลวเลอก เพม Gadget
ตอไปเรามาดวา Gadget น ใชอยางไร และใชเพอจดประสงคใด หลกการของ Gadget นเหมอนการสรางบทความขนมา 1 บทความ และ สราง Link เชอมโยงไป ยงบทความนน ๆ แตมความพเศษตรงทผใชทวไปสรางเมนขนเองไดอยางงายดาย โดยไมตองมความรพนฐานเกยวกบ HTML เลย
หนา 46
ตวอยางวธการใชงาน(จรง) ในตวอยางนผมจะสราง 2 หนาใหเหนเปนตวอยาง ไดแก HOME และ CONTACT ME
ขนเตรยมการ เนองจากผมจะยกตวอยางการสรางหนา Contact me ดงนนใหทกคนไปสราง Form ส าหรบ
ตดตอเจาของบลอกซงกคอเราเอง ไดท httpwwwfoxyformcom
ซงขนตอนในการสราง ฟอรมนนงายมาก มเพยง 4 ขนเทานน (ดรป)
หนา 47
เมอไดโคด แลวคดลอกเกบเอาไวกอนครบ
ขนสรางหนาเวบจรง ขนท 1 สรางหนาแรก หรอ HOME
Log in เขาไปท draftblogger ไปทแผงควบคม gtgt องคประกอบของหนา gtgt แลวเลอก เพม Gadget เลอกอนแรกเลยครบ คอ gadget หนาเวบ
จากนนกสราง หนาแรกขนมาโดยตงชอตามทตองการไดเลย แลวท าการบนทกครบ
หนา 48
ขนท 2 เมอผานขนท 1 มาแลวกเทากบวาเราไดสราง หนาบลอกขนมาแลว 1 หนา
ถาจะท าการเพมหนาอก ใหไปทแผงควบคม gtgt การสงบทความ gtgt แกไขหนาเวบ gtgt หนาเวบใหม
เมอคลกสรางหนาเวบใหม เรากจะพบเครองมอตาง ๆ เหมอนการเขยนบทความนนเองครบ
หนา 49
ใหน าโคดของ Form ทเตรยมไว จากขนเตรยมการมาวางในหนาหนาน จดรปแบบตามตองการแลวบนทกหนาไดเลยครบ
เพยงขนตอนสน ๆ นเรากจะมเมนเชอมโยงไปยง หนาของบลอกถง 2 หนาดวยกน ไดแก HOME และ CONTACT ME
หนา 50
ขนท 3 - ถาหากตองการเพมหนาบลอกเพมขนอกกท าซ าขนตอนทไดกลาวมาขางตนครบ - แตถาตองการลบหนาบลอกทง กมาทเดม แลวจะเหนค าวาลบ ถาตองการลบทงกกดค าวาลบ
ไดเลย
ขนท 4 วธจดการกบเมนหนาเวบ - ถาตองการเรยงล าดบหนาเวบใหม กไปท องคประกอบของหนา แลว คลก Gadget หนาเวบขนมาแกไข gtgt ดรป
หนา 51
นอกจากน Gadget หนาเวบจะมลกษณะพเศษ คอ ถาอยท Sidebar เมนจะจดเรยงเปนแนวตง
หนา 52
แตถาลากไปในต าแหนงใตสวนหว จะจดเรยงเรยงเปนแนวนอนโดยอตโนมต
หนา 53
บทท 9 นบจ านวนคนเยยมชมดวย Flagcounter
อกบรการนบสถตคนเยยมชมทชวยใหเราทราบวาบลอกของเรามผเยยมชมทงในและตางประเทศมากหรอนอย จาก Flagcounter
วธตดตง
1 ไปท httpwwwflagcountercomindexhtml 2 ตงคาตางๆ ตามความตองการแลวกด GET YOUR FLAG COUNTER ดงรป
3 คดลอก HTML โคด ท FLAG COUNTER ไดสรางใหในขนท 2
หนา 54
4 กลบมาทบลอกของเรา ไปทแผงควบคม gtgt รปแบบ gtgt องคประกอบหนา gtgt เพม Gadget ชนด HTMLจาวาสครปต
5 วางโคดทคดลอกมาจากขนท 3 แลวบนทกครบกเปนอนจบขนตอนครบ ลกษณะทไดกดงรป
หนา 55
บทท 10 รปภาพในบทความบน Blogger
คณเคยสงสยไหมครบวา รปภาพทคณ upload ขนไปขณะทเขยนบทความ หรออาจจะเขยนบทความไปแลว รปเหลานนไปอยทไหน เพราะวา Blogger เองไมม sever ยงตองอาศยฐานขอมลของตวแมคอ blogspotcom อย แลวจะเอาพนท ๆ ไหนมาเกบรปตงมากมาย
ค าตอบคอ Blogger จะใชวธเชอมโยงกบ Application อน ๆ ของ Google เพอแกปญหาการเกบขอมล เชนรปภาพใน Blogger ทเราพดถงกนอยตอนนกจะถกเกบ
อยท Picasa Web Albums ดงนนไมวาจะเปนภาพทคณ Upload ขณะเขยนบทความ กจะถกเกบอยใน Picasa Web Albums ทงหมด
คณใชบรการ Picasa Web Albums ไดอยางไร
การใชบรการ Picasa Web Albums สามารถเขาใชไดทนทหากคณมบญชผใชกบ google อยแลว เชนมบญชผใช Gmail หรอ Blogger อยแลวกสามารถ Log in เขาใชไดเลย
Picasa Web Albums ใหพนทเทาไร
Picasa จะใหพนท เพยง 1 GB ตอ 1 บญชผใช นเปนเหตผลทบางคนอาจจะสงสยวาท าไมคณภาพรปหรอขนาดของรปบน Blogger จงลดลง กลาวคอระบบของ Picasa จะท าการลดขนาดของรปทเรา Upload ผาน Blogger ใหมขนาดเลกลงเพอเปนการประหยดพนทนนเอง
หนา 56
คณจะเขาไปจดการรปภาพจาก Blogger ใน Picasa Web ไดอยางไร การจดการภาพใน Picasa Web Albums ท าได 2 วธคอ
1 ใช Software ทพฒนาขนมาจดการ Picasa Web Albums โดยเฉพาะ
คณสามารถเขาไปดาวนโหลด Picasa ไดท httppicasagooglecom 2 เขาไปจดการทเวบไซต Picasa Web Albums โดยตรง โดยไปท httppicasawebgooglecom และ Log in โดยใชชอบญชเดยวกบ Blogger
คณสามารถเขาไป Unload ภาพไดโดยตรงกบ Picasa แลวเรยกมาใชบน blogger ไดโดยใชตวเลอก อปโหลด
หนา 57
แตถาตองการรปภาพบน Blogger ทไดอปโหลดขนไปแลวกคลกทอลบมทตองการแลวเขาไปจดการภาพไดเชนกน ลบรปภาพบน Blogger แลวรปบน Picasa จะถกลบดวยหรอไม
การลบรปภาพบน Blogger ไมสงผลใด ๆ ตอ Picasa Web Albums เลยเวนแตคณจะเขามาลบใน Picasa Web Albums โดยตรง ดงนนถาในขณะเขยนบทความคณเผลอท าพลาดรปภาพหายไป กสามารถเขามาเอารปภาพจาก Picasa Web Albums ใชงานไดอกโดยไมตอง upload ซ า หรอไมตองไปหาภาพมาใหม บทสรป
บทนแนะน าใหพอรจกการเชอมโยงระหวาง Blogger และ Picasa Web Albums ซงเปนบรการในเครอขาย Google เหมอนกน และจะท าใหคณเขาใจการจดการเกยวกบภาพบน Blogger ไดดขน
หนา 58
บทท 11 การสรางวดโอใน YouTube และน ามาใสในบลอก
ถามวดโอในหนาบลอกของเราดวย การสอสารเรองราวตางๆ กจะมชวตชวาและเขาใจงายขน ซงในทนเราสามารถสรางไดไมยากดวยบรการของ wwwyoutubecom ครบ
ขนตอนการฝากวดโอไวกบ youtube
1 ไปท wwwyoutubecom แลวเลอก Create Account ทมมขวาบนซงในกรณทเรา Login อยในเวบบลอกของเรานน กสามารถใชบรการของ youtube ดวย Account เดมโดยไมตองสมครใหมครบ วธการท าไดโดย
11 คลกท 12 กรอกขอมลส าหรบการสรางบญช โดยใช username ของ gmail ของเราเอง 13 จากนน คลก
หนา 59
14 จะพบหนาตางใหกรอก Username และ รหสผาน ของ gmail ใหกรอก e-mail ของเรา
จะพบหนาจอ ดงน จากนนเรากสามารถท าการเพม Video ไดตามทเราตองการ
หนา 60
2 การฝาก youtube มเงอนไขส าคญๆ ดงน - ความยาวของวดโอไมเกน 10 นาท - ควรเปนวดโอทไมกระทบตอสถาบน ชาต ศาสนา พระมหากษตรย และ ศลธรรมอนดงามของสงคม
3 การ upload วดโอขนไปทเมน upload (ทมมขวาบน) แลวท าการเลอกไฟลวดโอจากเครองของเรา และรอจนการ upload เสรจสน
31 คลกทปม Uploads
32 คลกทปม Upload Video
33 เลอกไฟล Video ทตองการ
34
34 เมอ Upload ได 100 แลวใหคลก Save change
หนา 61
4 เมอ upload เสรจสนแลวคลกทขอความ Embed and Sharing Options เรากเหน HTML code ใหคดลอก code เหลานนมาแปะในสวนทเราตองการ
เชนในทนผมคดลอก code มาแปะในบทความกจะไดผลลพธเปนวดโอตามดานลางทเหนครบ
หนา 62
เรอง หนา บทน าhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 1 บทท 1 การสรางเวบบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 4 บทท 2 วธเปลยน Template ของ Bloggerhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 12 บทท 3 วธเขยนและจดการบทความในบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 22 บทท 4 การตงคาพนฐานตางๆ ใหกบบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 26 บทท 5 รจกและใชงาน Gadget ชนดตางๆ บน Bloggerhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 32 บทท 6 การจดการกบ Gadget ในหนาบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 40 บทท 7 การแสดงขาวสารลาสดดวย Gadget ฟดhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 43 บทท 9 นบจ านวนคนเยยมชมดวย Flagcounterhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 53 บทท 10 รปภาพในบทความบน Bloggerhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 55 บทท 11 การสรางวดโอใน YouTube และน ามาใสในบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 58
หนา 63
255
เอกสารประกอบการฝกอบรมเชงปฏบตการ
การพฒนาสอการเรยนการสอน โดยใชโปรแกรมคอมพวเตอรรวมกบ Weblog
หนา 15
3 เรยกไฟล XML ทเตรยมไวตามขนตอนในรปครบ
4 อปโหลดแมแบบขนไปแทนทแมแบบเดม โดยระหวางการแทนท อาจมการถามถงการลบเกบ Widget ของแมแบบเดม ซงถาตองการเกบของเกาเอาไวกเลอก เกบ Widget กจะท าให Widget ของแมแบบเดม ไมถกลบขณะเปลยน Templates
หนา 16
5 จากนนลองแสดงตวอยางด ซงถาพอใจกบแมแบบแลวกใหท าการบนทก กจบขนตอนการเปลยนแมแบบแลวครบ และถาหากคณตองการเปลยนแมแบบอกกสามารถเปลยนไดแบบไมจ ากดครง
นคอผลงาน หลงจากเปลยนแมแบบ นครบ กอนเปลยน Template
หลงเปลยน Template
หนา 17
เครองมอส าหรบ ldquoออกแบบแมแบบrdquo ดวยตนเอง ใหม จาก Blogger
หลงจากทมงาน Blogger ไดสราง Gadget หนาเวบ ออกมาไดไมนาน ตอนนกไดพฒนาการเครองมอส าหรบการออกแบบแมแบบของ blogger ใหยดหยนมากขน โดยใหผใชสามารถปรบแตงแมแบบไดดวยตนเอง ไมวาจะเปนการเลอก Theme การออกแบบโครงรางของหนาวาจะม 2 หรอ 3 คอลมน หรอหลายคอลมน ซงท าไดโดยการคลกเพยงไมกครง การปรบความกวางของ Template และ sidebar เพยงแคคลกเดยวเปนตน ความสามารถทงหลายนผใชสามารถท าไดโดยไมตองมความรเรอง HTML และ CSS เลยส าหรบการใชงานเครองมอนกคลายคลงกบการใชงานเครองมอเดม ๆ ทมอย ซงผมจะอธบายทละสวนดงน
การใช เครองมอออกแบบแมแบบ ท าไดโดย Log in เขาไปท draftblogger และไปท แผงควบคม gtgt
การออกแบบ gtgt องคประกอบของหนา gtgt คลกท ldquoเครองมอออกแบบแมแบบ ใหมrdquo
เมอคลกท ldquoเครองมอออกแบบแมแบบrdquo แลวเราจะพบเครองมอส าหรบออกแบบแมแบบอย 4 อยางดวยกน ไดแก 1 แมแบบ 2 พนหลง 3 รปแบบ และ 4 ขนสง
สวนแสดงตวอยาง
หนา 18
1 การใชงานเครองมอแมแบบ ท าไดโดย คลกทขอความ แมแบบ gtgt จากนนเลอกรปแบบทตองการ gtgt และเลอก theme ทตองการ เมอแสดงตวอยางเปนทนาพอใจแลว ใหคลกทปม ldquoใชกบบลอกrdquo เพอยนยน
2 การใชงานเมนพนหลง การใชงานเครองมอ ldquoพนหลงrdquo สามารถใชเพอเปลยนภาพพนหลงของบลอก และเลอกส Theme ของบลอกไดตามความตองการไดดวย
21 วธเปลยนภาพพนหลงท าไดโดย คลกท ldquoภาพพนหลงrdquo และเลอกถาพตามตองการ และกดปม ldquoใชกบบลอกrdquo เพอยนยน
สวนแสดงตวอยาง
หนา 19
22 การเลอกส Theme ของบลอก คลกทส Theme ทตองการโดย อาจจะคลกเลอกจาก
Theme ส าเรจรปหรอเลอกจาก Theme ทแนะน า
หนา 20
3 การใชงานเครองมอ ldquoรปแบบrdquo คณสามารถใชเครองมอนเพอก าหนดจ านวน คอลมน รปแบบคอลมน ความกวางของคอลมน รวมถงการก าหนดคอลมนใหกบสวนทายของหนาไดดวย
31 การใชงานเครองมอ ldquoการออกแบบเนอความrdquo เครองมอนใชก าหนดรปแบบคอลมนของ template ของคณ ซงท าไดงายดายโดยการคลกเลอกรปแบบทตองการ ดตวอยาง เมอเปนทพอใจแลวกกดปม ldquoใชกบบลอกrdquo เพอยนยน
32 การใชงานเครองมอ ldquoการออกแบบสวนทายrdquo เครองมอนเปนเครองมอส าหรบการ
ก าหนดคอลมนใหกบสวนทายของหนาบลอก ซงท าไดเชนเดยวกบ 31
หนา 21
33 การใชงานเครองมอ ldquoการปรบความกวางrdquo คณสามารถปรบความกวางของแมแบบ และ sidebar จากเครองมอนเพยงแคเลอน slider ใหตรงกบคาตวเลขทตองการเทานน
4 ส าหรบเมนขนสงเปนการก าหนดรายละเอยดตางๆ ใหกบบลอก เชน รปแบบของลงค gadget ตางๆ หวเรอง ชอของบลอก เปนตน ซงคณสามารถปรบแตงตามความตองการแลว แสดงตวอยาง หากเปนทพอใจกบนทกเชนเดยวกบ ขอ 1-3 ทไดกลาวมาแลว
ปล อยาลมนะครบวาเครองมอเหลานจะไมมใน bloggercom แต จะมใน draftbloggercom เทานน
หนา 22
บทท 3 วธเขยนและจดการบทความในบลอก
บทนผมจงจะเลาถงวธเขยนบทความใน Blogger เพอเปนแนวทางใหคณสามารถเขยนบทความลงในบลอกของคณไดสวยงามและเปนมออาชพมากขน
ส าหรบทานทเขยนบทความเปนอยแลวอาจจะขามไปอานบทความอน ๆ ตอไปไดเลยครบ สวนทานทเปนมอใหมจรง ๆ กควรจะอานบทความนใหจบเพอเปนแนวทางในการ
เขยนบทความของคณเองตอไป
1 การเขาไปเขยนบทความ การเขาไปเขยนบทความบน Blogger โดยตรงสามารถเขาไปได 2 ชองทางดวยกนคอ 11 ถาคณใชแมแบบทไมไดซอนแถบน าทางสามารถเขาไปเขยนบทความไดโดยคลกทเมน
บทความใหม
12 เขาไปเขยนบทความผาน draftbloggercom
หนา 23
โปรดสงเกตวาเครองมอในการเขยนบทความของ Draftblogger จะมมากกวาเครองมอของ blogger ปกต ดงนนโดยสวนตวผมแนะน าใหเขยนบทความผาน draftbloggercom เพราะมเครองมอมากกวาวธแรก และควรตงคาให draftblogger เปนเครองมอเรมตน
2 องคประกอบของเครองมอเขยนบทความ
กอนอนผมขอแนะน าใหรจกเครองมอทจ าเปนในการเขยนบทความดงน สวนท 1 คอสวนตงชอเรองหรอชอบทความ สวนท 2 เปนสวนทใชส าหรบกรณทเราตองการวางขอความทคดลอกมาจาก Ms word
หรอโคดวดโอจาก Youtube หรอโคด HTMLจาวาสครปตทตองการใหปรากฏและแสดงผลในบทความ
หนา 24
สวนท 3 เปนแถบทเลอกเมอตองการเขยนขอความปกตซงจะมเครองมอในการเขยนบทความตามทเหนในภาพขางบน
สวนท 4 ส าหรบจดรปแบบอกษร สวนท 5 เปนเครองมอในการใสลงคใหขอความ แทรกภาพลงในบทความ และแทรกวดโอ
ลงในบทความตามล าดบ สวนท 6 รปกระดาษขาดทเหนนนใชในกรณทคณตองการแสดงบทความใหผอานเหนในหนา
หลกเพยงบางสวนเทานน และถาใชเครองมอนผอานจะตองคลกอานเพมเตมจงจะเหนขอความแบบเตม เครองมอนมขอดคอท าใหบทความทมความยาวมาก ๆ สนลงได และท าใหเปดหนาแรกไดเรวขนดวย
สวนท 7 เปนสวนทใชในการจดเรยงขอความ และจดแนวรปภาพไดดวย เชน จดชดซาย ชดขวา กงกลาง เปนตน
สวนท 8 ไดแกการใส การเนนขอความ การลบรปแบบ การตรวจสอบการสะกดค า และการแปลภาษา
สวนท 9 เปนสวนทใชในการวางก าหนดเวลาลางหนา วาจะใหบทความทเขยนเผยแพรใน วนใด
สวนท 10 เปนการใสปายก ากบ ซงเปนสวนทใชระบวาบทความทเขยนนอยในหมวดหมใด ซงสามารถใสไดมากกวา 1 ปายก ากบโดยคนดวยเครองหมายจลภาค และสามารถเลอกปายก ากบทคณเคยใสใหบทความอนไปแลวมาใสอกได เพอท าใหบทความนน ๆ อยในหมวดหมเดยวกน
สวนท 11 เปนการเลอกวาจะบนทกไวกอน หรอจะเผยแพร มประโยชนในกรณทบทความทเขยนใชเวลาเขยนนานมากกอาจจะบนทกเอาไวกอนแลวมาเขยนตอในภายหลงได
หนา 25
เทคนคการเขยนบทความทควรร ในกรณทเรามไฟลเอกสารจาก MS word แลวคดลอกมาวางเพอท าใหเขยนบทความไดเรวขน
บางครงพบปญหาขอผดพลาดของฟอรม (ฟอรมใน MS word ไมสามารถแปลงเปน HTML Code ได)
ปญหานแกไดโดยกอนวางขอความใหคลกทแถบ แกไข HTML แลวจงวางขอความทคดลอกมา
จากนนจงคลกทแถบ เขยน เพอจดรปแบบของบทความตอไป
เทคนคนยงสามารถใชกบการวางโคดวดโอ หรอขอความทคดลอกมาจากเวบไซตไดดวยครบ
หนา 26
บทท 4 การตงคาพนฐานตางๆ ใหกบบลอก
บทนผมจะขอแนะน าการตงคาพนฐานตางๆ ของบลอกเพอใหเขาใจการตงคาในสวนตาง ๆ ของ Blogger และจะท าใหคณสามารถตงคาตาง ๆ ตามความตองการของตนเองได อกทงจะเปนประโยชนในการพฒนาการท า Blogger ในระยะยาวดวย
การตงคาพนฐานตางๆ ของบลอกท าไดโดย Log in เขาไปท blogger เมอมาทหนา แผงควบคม ให Click ท การตงคา
และทานจะเขามาทเมนการตงคาของบลอก
ผมจะแบงการตงคาออกเปน 9 สวนดงน 1 ขนตน
คณสามารถดาวนโหลด Blog เพอเกบเปน Backup ขอมลบทความและ comment ของบลอกไดโดยเลอก สงออกบลอก แตถาคณมขอมลบลอกเดมอยแลวอยากจะน ามาใชกบบลอกใหมทสรางขน กใหเลอก น าเขาบลอก แตถาคดวาไมตองการใชบลอกนแลวกสามารถลบทงไดโดยเลอก ลบบลอก
หนา 27
Title และค าอธบายของบลอก ควรใสใหเขาใจภาพรวมของบลอกและม keyword ในการท าบลอกแทรกอยใน Description ดวย
ในสวนการตงคาอน ๆ ควรตงคาดงน
องคประกอบ ตงคาเปน
เพมบลอกของคณในรายการของเราหรอไม ใช
อนญาตใหเครองมอคนหาพบบลอกของคณหรอไม ใช
แสดงการแกไขอยางรวดเรวบนบลอกของคณหรอไม ใช
มเนอหาส าหรบผใหญหรอไม ไม
เลอกโปรแกรมแกไขบทความ โปรแกรมแกไขทอปเดต
2 การเผยแพร ในการตงคาสวนนสามารถเปลยน URL ของบลอกได
หนา 28
ถาคณตองการเปลยนโดเมนของบลอกจาก blogspotcom เปนโดเมนอนกสามารถตงคาไดตรงสวนน แตจะตองเสยคาใชจายการจดโดเมนผาน google ปละ 10 US (ประมาณ 300 กวาบาทตอป)
3 การจดรปแบบ ในสวนนเปนการตงคาการเผยแพรบทความ เชน จ านวนบทความในหนาแรก รปแบบเวลา
และวนทเปนตน
คณควรจะตงคาตาง ๆ ดงน
องคประกอบ ตงคาเปน
แสดงสงสด เทาไรกได
รปแบบสวนหวของวนท ตงไดตามใจชอบ
รปแบบวนทของดชนคลงบทความ ตงไดตามใจชอบ
รปแบบเวลา ตงไดตามใจชอบ
โซนเวลา (GMT+0700)กรงเทพ
ภาษา ไทย
แปลงการขนบรรทดใหม ไม
แสดงฟลดชอเรอง ใช
แสดงฟลดของลงก ไม
เปดใชการจดเรยงแบบลอย ใช
แมแบบบทความ ยงไมตองตงคา
หนา 29
4 เมนขอคดเหน เปนเมนส าหรบตงคาตาง ๆ เกยวกบการแสดงความคดเหนของบลอก
คณควรจะตงคาตาง ๆ ดงน
องคประกอบ ตงคาเปน
ขอคดเหน แสดง
ใครสามารถแสดงความคดเหน ผใชทมบญช Google
การจดวางฟอรมความคดเหน วางไวใตบทความ
ความคดเหนเรมตนส าหรบบทความ บทความใหมมความคดเหน
ลงกยอนกลบ ซอน
คาเรมตนของลงกยอนกลบส าหรบบทความ บทความใหมมลงกยอนกลบ รปแบบเวลาในสวนความคดเหน ตงคาตามใจ
ขอความของฟอรมความคดเหน ไมตองใสคาใด ๆ กได
การจดการความคดเหน ไม
แสดงการตรวจสอบค าส าหรบความคดเหนหรอไม ไม
แสดงรปภาพโปรไฟลบนความคดเหนหรอไม ใช
อเมลส าหรบแจงเตอนเมอมความคดเหนใหม กรอก email ของคณลงไป
5 เกบเขาคลงบทความ ตงใหเปนรายเดอนจะดทสด
หนา 30
6 ฟดของไซต ถาบทความในบลอกไมมากนก ตงคาเปน แบบเตม แตถาบทความมประมาณ 100 ขนไปควร
จะตงเปน แบบสน
7 อเมลและมอถอ
ในสวนนเปนการตงคา อเมลเพอใหระบบสงบลอกของคณทกครงทมการเผยแพร และเปนการตงคา การใชอปกรณเคลอนทในการเขยนบลอก ตรงนผมยงไมเคยลองเหมอนกน
8 OpenID
คณสามารถใช OpenID URL เพอเขาสไซตอนๆ ทใชงาน OpenID นอกจากนคณยงสามารถก าหนดใหผใช OpenID สามารถแสดงความคดเหนในบลอกของคณ โดยปรบการตงคา ความคดเหน ของคณ
9 สทธ
ในสวนนคณสามารถใชในการเปลยนผเขยนบลอก และเพมผดแลระบบไดถง 100 ราย
หนา 31
นอกจากนคณยงจ ากดคนเขาชมบลอกไดดวย โดยการระบ Email ของผทตองการลงไป
หนา 32
บทท 5 รจกและใชงาน Gadget ชนดตางๆ บน Blogger
เมอเรยนรเกยวกบ การตงคาตาง ๆ ของบลอก การเปลยน Templates ใหกบบลอกไปแลว สวนทเหลอคอ การจดรปแบบองคประกอบหนาใหกบบลอก รวมถงการใชงาน Gadget หลกชนดตางๆ ของ Blogger
Gadget คออะไร
Gadget ใน Blogger นนหมายถงสวนเสรมทเราสามารถตดตงเพมลงไปในแมแบบของ Blogger ซงบางครงกถกเรยกวา widget ซงกหมายถงสงเดยวกนกบ Gadget
วธเพม Gadget กอนอนให Login เขาไปท blogger หรอ draftblogger gtgt จากแผงควบคมใหเลอก การออกแบบ
หนา 33
จากนนใน Layout ของแมแบบคณจะเหนพนท ดงรปดานลางเพอใหเพม Gadget
และเมอคลก เพม Gadget กจะปรากฏ Gadget พนฐาน 21 อยางทจะกลาวถงในหวขอน
นอกจากนยงม Gadget อกมากมายซงคณสามารถเลอกไดจากเมนแกดเจดเพมเตมทางซายมอ
เมอเลอก Gadget ทตองการแลว คลกทปม + เพอท าการเพม Gadget นน ใสชอ Gadget และตงคาทตองการแลวบนทก
รปทเหนขางบนเปน Gadget ผตดตาม ส าหรบ Gadget อน ๆ กท าไดในท านองเดยวกน
หนา 34
รจกกบ Gadget พนฐาน 21 อยางของ Blogger
1 Gadget หนาเวบ
หลกการของ Gadget ชนดนคอคณจะตองสรางหนาเวบขนมากอน แลวใช Gadget นเปนเมนในการเชอมโยงไปยงหนาเวบ
2 Gadget ผตดตาม
Gadget ชนดนใชเพอใหผอานทชนชอบบลอกของคณไดตดตาม และเมอตดตามแลวความเคลอนไหว และการ update บทความของจะไปปรากฏแผงควบคมของผตดตามโดยอตโนมต และมสทธในการแสดงความคดเหนบนบลอกของคณได (กรณทคณอนญาตเฉพาะสมาชก)
3 Gadget ชองคนหา
เปน Gadget ทตดตงเพอใหผอานสามารถคนหาสงทตองการในบลอกของคณไดงายขน
หนา 35
4 Gadget HTMLจาวาสครปต
Gadget ชนดนเปน Gadget ทยดหยนทสดในบรรดา Gadget ทงหมด สามารถประยกตใชไดหลากหลาย เหมาะส าหรบใชตดตงโคดตาง ๆ ลงบน Blogger เชน โคดปฏทน นาฬกา โคดจาวาสครปต โคดรปภาพ โคดวดโอ โคดของลงค เปนตน
5 Gadget ขอความ
เปน Gadget ทเหมาะส าหรบเขยนขอความ เชน ขอความตอนรบ เปนตน
6 Gadget Adsense
คณจะใช Gadget ชนดนไดเมอสมครเขารวมโปรแกรมหรอเปนตวแทนในการเผยแพรโฆษณาบน Google
7 Gadget รปภาพ
ถาคณตองการแสดงรปภาพบนบลอกอยางเดยวกใหเลอกใช Gadget นครบ
หนา 36
8 Gadget สไลดโชว
Gadget นเปนการดง Albums จาก Picasaweb มาแสดงในรปแบบสไลดโชวบนบลอกของ
9 Gadget แถบวดโอ
Gadget นจะท าใหผใชคนหาวดโอบน Youtube จากบลอกของคณได
10 Gadget แบบส ารวจ
Gadget นถอเปน Gadget หนงทนาสนใจมาก แตยงมผใชจ านวนนอย โดยคณอาจจะใชส ารวจความตองการ หรอความคดเหนของผอานตอบลอกของคณ หรอส ารวจเกยวกบเรองทเกยวของกบเนอหาบนบลอกของคณกได
11 Gadget รายการบลอก
Gadget ชนดนเปน Gadget ทสามารถรวบรวมขาวสารลาสดจากบลอกทคณเลอกหรอบลอกทคณตดตาม พรอมทงสามารถแสดงเนอหาแบบยอไดดวย
หนา 37
12 Gadget รายชอลงค
เปน Gadget ทใชสรางลงคไปยงทตาง ๆ โดยคณสามารถปอน URL บน Gadget ชนดนเพอสราง Link โดยไมตองมความรเรอง HTML มากอนเลย
13 Gadget รายการ
เปน Gadget ทคลายคลงกบ Gadget รายชอลงค แตมความยดหยนกวา สามารถสรางขอความรายการและใส link ใหขอความไดดวย
14 Gadget ฟด
คณสามารถใช Gadget นดงขาวสารจากในบลอกของคณ หรอบลอกอนทคณสนใจเอามาแสดงเพยงแคใสชอบลอกทตองการลงไปลงไปใน gadget
15 Gadget Newsreel
เปน gadget ทท าใหพาดหวขาวจาก Google มาปรากฏบนบลอกของคณเทานน
หนา 38
16 Gadget ปายก ากบ
Gadget นมความส าคญ คณควรจะตดตง เพอใหบทความทเขยนเปนหมวดหม ใหผอานเหนชดเจนเลอกอานไดตรงความตองการมากขน
17 Gadget ลงคการสมคร
Gadget นมความส าคญในเรองการสงขาวสารขอมลจากบลอกของคณไปยงผอาน ผอานจะสามารถสมครรบบทความทาง email หรอผานชองทางอน ๆ ไดจาก Gadget น
18 Gadget โลโก
Gadget นไมส าคญนกเปนเพยงตดตง logo ของ blogger ในหนาบลอกเทานน
19 Gadget โปรไฟล
Gadget นจะแสดงขอมลอยางของคณทไดกรอกเอาไวบนบญชของ Blogger ถาคณตองการแสดงขอมลของคณบน Blog กควรจะตดตง Gadget นครบ
หนา 39
20 Gadget คลงบทความของบลอก
Gadget นจะท าใหผอานเหนบทความทงหมดภายในบลอกของคณได
21 Gadget สวนหวของหนา
Gadget นเปนสวนทใส Title และ Description ของ Blog โดยปกตแลว Template ทวไปกจะตดตงสวนนอยแลว
คณสามารถทดลองใช Gadget เหลานไดโดยไมตองกลวความผดพลาดเพราะ Gadget บน
Blogger นนสามารถลบออกไดอยางงายดายโดยวธการจดการกบ Gadget
หนา 40
บทท 6 การจดการกบ Gadget ในหนาบลอก
ในบททผานมาเราได รจกและใชงาน Gadget ชนดตาง ๆ บน Blogger ผมไดกลาวถงวธการเพม Gadget ใหกบบลอก แตยงไมไดกลาวถงการลบ Gadget ออกจากองคประกอบของหนา และนอกจากน ต าแหนงของ Gadget ยงสามารถเคลอนยายต าแหนงไดอกดวย
การลบ Gadget วธท 1 ถาในขณะทเรา log in และเปดหนาบลอกของเราขนมา กจะสงเกตเหนวามเครองมอ
ปรากฏอยตามทตางๆ ในองคประกอบของหนา
และถาเราคลกเขาไปกจะสามารถแกไข หรอ ลบองคประกอบเหลานนออกไปไดเลยครบ
หนา 41
วธท 2 เราสามารถเขาไปลบ Gadget ไดท แผงควบคม gtgt การออกแบบ gtgt องคประกอบของหนา gtgt เลอกแกไข Gadget ทตองการลบ
จากนนเลอกลบไดเชนเดยวกบกรณแรก
การยายต าแหนง Gadget ส าหรบการยายต าแหนงของ Gadget ท าไดโดยการ เขาไปทแผงควบคม gtgt การออกแบบ gtgt
องคประกอบหนาจากนนใหลากเมาสบน Gadget ทตองการยายไปวางในต าแหนงทตองการไดเลยครบ
หนา 42
เมอเขาใจการท างานของ Gadget ชนดตาง ๆ แลวสงทอยากจะฝากเอาไวตอนทายนกคอการจดองคประกอบหนาของบลอกดงน
แนวทางในการจดองคประกอบหนาบลอก
แนวทางในการจดองคประกอบหนานนไมมกฎเกณฑตายตว บางคนชอบใหม 2 column บางคน ชอบใหม 3 column ซงกขนอยกบความชอบและความตองการใชงาน แตทอยากใหค านงไวเสมอคอ ผอน คอ พระเจา ท าอะไรใหเขาใจงายๆ หาอะไรกเจออยางรวดเรว เขาไวเปนพอครบ และอกประการทส าคญคอ การตดตง Gadget ตาง ๆ ควรตดตงเทาทจ าเปนและตองการใชงาน ปฏทน หรอนาฬกานนกไมควรตดตง ลงไปเลย เพราะไมคมคากบการเพมภาระการโหลดใหกบผเขาชม และถาบลอกของคณโหลดไดชา ก เปนไปไดยากทผอานจะกลบมาอก
องคประกอบในหนาของบลอกทผมคดวาคณควรจะมคอ สวนทบอกตวตนของบลอก
ซงอาจจะแสดงในสวนหวของหนา หรอเปนวดโอ สไลดขอความรปถาย อยในต าแหนงทเหนไดชด สวนทเชอมโยงไปยงบทความในบลอก
สวนนจ าเปนมากเพราะจะชวยใหผอานคนหาบทความไดเรวขน คณอาจจะรวมบทความทงหมดเลยหรอ อาจจะใชวธจดหมวดหมใหผอานเลอกสงทตองการจากบลอกของเราไดเรวขน
สวนพนทของสมาชก
สวนนจะแสดงใหเหนวามผสนใจบลอกของเรามากแคไหน และสามารถสมครตดตามบลอกของเราไดทนท เชนอาจจะใช Gadget ผตดตาม หรอใช Like box Plugins ของ Facebook หรออาจจะท า Poll กได
สวนทเปนชองทางใหผอานตดตอเราได
คณอาจจะท า link เชอมโยงใหผอานตดตอคณได หรออาจจะใช Gadget profile ของ Blogger เพอแนะน าตวกได
หนา 43
บทท 7 การแสดงขาวสารลาสดดวย Gadget ฟด
ความหมายของค าวา ฟดโดยสรปกคอเปนสงทแพรกระจายจากบลอกของเราบนโลก Internet เทยบไดกบคลนสญญาณวทยหรอโทรทศน ถามตวรบทกคนกสามารถมองเหนขาวสารทตองการเลอกรบได นอกจากนถามตวชวยสงใหฟดแพรไดแรงขน ขาวสารกยอมจะแพรกระจายไดเรวดวย
ดงนนถาคณสนใจขาวสารจากบลอกใดบลอกหนงคณกสามารถทจะเปดรบขาวสารจากบลอกนนๆ โดยใช Gadget ฟด ซงเปน Gadget ทสามารถเพมไดอยางไมจ ากด ดงนนถาคณตองการรบขาวจาก 10 บลอกกสามารถท าไดโดยการเพม gadget ฟดเขาไปในบลอก 10 ครง ในขณะเดยวกนถาคณใสชอบลอกของตวเองใน Gadget ฟด Gadget ชนดนจะกลายเปน Gadget ทใชแสดง บทความลาสดนนเองครบ
การแสดงขาวสารลาสดโดยการใช Gadget ฟด
1 ไปทองคประกอบของหนา gtgt เพมฟด Gadget
หนา 44
2 ใสโคดตอไปนลงไปใน Gadget ฟด httpชอบลอกblogspotcomfeedspostsdefault
โดยจะตองเปลยนชอบลอกเปนชอบลอกของของคณเองหรอชอบลอกทคณตองการรบขาวสารท update
ตงคาทตองการเพมเตมและบนทกกจะได feeds ขาวสารมาปรากฏทบลอกของคณ
3 ถาตองการเพมบลอกอนอกกท าซ าขอ 1 และ 2 แตตองเปลยนชอบลอกใหม 4 กรณทคณตองการเรยก feed จากเวบทตองการใหคนหา feed จากเวบ wwwgooglecom
แลวแทนโคดในขอ 2 เชน feed ขาวการศกษาจากเวบ httpwwwrssthaicom ใหใสโคด httpwwwrssthaicomnewsphpt=education แทนในขอ 2
หนา 45
บทท 8 แนะน า Gadget ใหมของ blogger ldquoหนาเวบrdquo
ตามเวบไซตตาง ๆ เราคงจะเคยเหนกนวาแตละเวบไซตจะม เมนส าหรบเลอกเปดไปดหนาอน ๆภายในเวบนนๆ เชน ตวอยางในรปดานลาง
Blogger ไดพฒนา Gadget ตวใหมขนมา มชอวา หนาเวบ เพอใหผใชไดสรางหนาของบลอกทตองการไดโดยไมตองมความรในการดดแปลงหรอแกไขแมแบบดวยตนเอง
การเรยกใช Gadget ชนดนสามารถเลอกใชไดเชนเดยวกบการ Add Gadget ชนดอน ๆ นนคอ ไปท องคประกอบของหนา gtgt แลวเลอก เพม Gadget
ตอไปเรามาดวา Gadget น ใชอยางไร และใชเพอจดประสงคใด หลกการของ Gadget นเหมอนการสรางบทความขนมา 1 บทความ และ สราง Link เชอมโยงไป ยงบทความนน ๆ แตมความพเศษตรงทผใชทวไปสรางเมนขนเองไดอยางงายดาย โดยไมตองมความรพนฐานเกยวกบ HTML เลย
หนา 46
ตวอยางวธการใชงาน(จรง) ในตวอยางนผมจะสราง 2 หนาใหเหนเปนตวอยาง ไดแก HOME และ CONTACT ME
ขนเตรยมการ เนองจากผมจะยกตวอยางการสรางหนา Contact me ดงนนใหทกคนไปสราง Form ส าหรบ
ตดตอเจาของบลอกซงกคอเราเอง ไดท httpwwwfoxyformcom
ซงขนตอนในการสราง ฟอรมนนงายมาก มเพยง 4 ขนเทานน (ดรป)
หนา 47
เมอไดโคด แลวคดลอกเกบเอาไวกอนครบ
ขนสรางหนาเวบจรง ขนท 1 สรางหนาแรก หรอ HOME
Log in เขาไปท draftblogger ไปทแผงควบคม gtgt องคประกอบของหนา gtgt แลวเลอก เพม Gadget เลอกอนแรกเลยครบ คอ gadget หนาเวบ
จากนนกสราง หนาแรกขนมาโดยตงชอตามทตองการไดเลย แลวท าการบนทกครบ
หนา 48
ขนท 2 เมอผานขนท 1 มาแลวกเทากบวาเราไดสราง หนาบลอกขนมาแลว 1 หนา
ถาจะท าการเพมหนาอก ใหไปทแผงควบคม gtgt การสงบทความ gtgt แกไขหนาเวบ gtgt หนาเวบใหม
เมอคลกสรางหนาเวบใหม เรากจะพบเครองมอตาง ๆ เหมอนการเขยนบทความนนเองครบ
หนา 49
ใหน าโคดของ Form ทเตรยมไว จากขนเตรยมการมาวางในหนาหนาน จดรปแบบตามตองการแลวบนทกหนาไดเลยครบ
เพยงขนตอนสน ๆ นเรากจะมเมนเชอมโยงไปยง หนาของบลอกถง 2 หนาดวยกน ไดแก HOME และ CONTACT ME
หนา 50
ขนท 3 - ถาหากตองการเพมหนาบลอกเพมขนอกกท าซ าขนตอนทไดกลาวมาขางตนครบ - แตถาตองการลบหนาบลอกทง กมาทเดม แลวจะเหนค าวาลบ ถาตองการลบทงกกดค าวาลบ
ไดเลย
ขนท 4 วธจดการกบเมนหนาเวบ - ถาตองการเรยงล าดบหนาเวบใหม กไปท องคประกอบของหนา แลว คลก Gadget หนาเวบขนมาแกไข gtgt ดรป
หนา 51
นอกจากน Gadget หนาเวบจะมลกษณะพเศษ คอ ถาอยท Sidebar เมนจะจดเรยงเปนแนวตง
หนา 52
แตถาลากไปในต าแหนงใตสวนหว จะจดเรยงเรยงเปนแนวนอนโดยอตโนมต
หนา 53
บทท 9 นบจ านวนคนเยยมชมดวย Flagcounter
อกบรการนบสถตคนเยยมชมทชวยใหเราทราบวาบลอกของเรามผเยยมชมทงในและตางประเทศมากหรอนอย จาก Flagcounter
วธตดตง
1 ไปท httpwwwflagcountercomindexhtml 2 ตงคาตางๆ ตามความตองการแลวกด GET YOUR FLAG COUNTER ดงรป
3 คดลอก HTML โคด ท FLAG COUNTER ไดสรางใหในขนท 2
หนา 54
4 กลบมาทบลอกของเรา ไปทแผงควบคม gtgt รปแบบ gtgt องคประกอบหนา gtgt เพม Gadget ชนด HTMLจาวาสครปต
5 วางโคดทคดลอกมาจากขนท 3 แลวบนทกครบกเปนอนจบขนตอนครบ ลกษณะทไดกดงรป
หนา 55
บทท 10 รปภาพในบทความบน Blogger
คณเคยสงสยไหมครบวา รปภาพทคณ upload ขนไปขณะทเขยนบทความ หรออาจจะเขยนบทความไปแลว รปเหลานนไปอยทไหน เพราะวา Blogger เองไมม sever ยงตองอาศยฐานขอมลของตวแมคอ blogspotcom อย แลวจะเอาพนท ๆ ไหนมาเกบรปตงมากมาย
ค าตอบคอ Blogger จะใชวธเชอมโยงกบ Application อน ๆ ของ Google เพอแกปญหาการเกบขอมล เชนรปภาพใน Blogger ทเราพดถงกนอยตอนนกจะถกเกบ
อยท Picasa Web Albums ดงนนไมวาจะเปนภาพทคณ Upload ขณะเขยนบทความ กจะถกเกบอยใน Picasa Web Albums ทงหมด
คณใชบรการ Picasa Web Albums ไดอยางไร
การใชบรการ Picasa Web Albums สามารถเขาใชไดทนทหากคณมบญชผใชกบ google อยแลว เชนมบญชผใช Gmail หรอ Blogger อยแลวกสามารถ Log in เขาใชไดเลย
Picasa Web Albums ใหพนทเทาไร
Picasa จะใหพนท เพยง 1 GB ตอ 1 บญชผใช นเปนเหตผลทบางคนอาจจะสงสยวาท าไมคณภาพรปหรอขนาดของรปบน Blogger จงลดลง กลาวคอระบบของ Picasa จะท าการลดขนาดของรปทเรา Upload ผาน Blogger ใหมขนาดเลกลงเพอเปนการประหยดพนทนนเอง
หนา 56
คณจะเขาไปจดการรปภาพจาก Blogger ใน Picasa Web ไดอยางไร การจดการภาพใน Picasa Web Albums ท าได 2 วธคอ
1 ใช Software ทพฒนาขนมาจดการ Picasa Web Albums โดยเฉพาะ
คณสามารถเขาไปดาวนโหลด Picasa ไดท httppicasagooglecom 2 เขาไปจดการทเวบไซต Picasa Web Albums โดยตรง โดยไปท httppicasawebgooglecom และ Log in โดยใชชอบญชเดยวกบ Blogger
คณสามารถเขาไป Unload ภาพไดโดยตรงกบ Picasa แลวเรยกมาใชบน blogger ไดโดยใชตวเลอก อปโหลด
หนา 57
แตถาตองการรปภาพบน Blogger ทไดอปโหลดขนไปแลวกคลกทอลบมทตองการแลวเขาไปจดการภาพไดเชนกน ลบรปภาพบน Blogger แลวรปบน Picasa จะถกลบดวยหรอไม
การลบรปภาพบน Blogger ไมสงผลใด ๆ ตอ Picasa Web Albums เลยเวนแตคณจะเขามาลบใน Picasa Web Albums โดยตรง ดงนนถาในขณะเขยนบทความคณเผลอท าพลาดรปภาพหายไป กสามารถเขามาเอารปภาพจาก Picasa Web Albums ใชงานไดอกโดยไมตอง upload ซ า หรอไมตองไปหาภาพมาใหม บทสรป
บทนแนะน าใหพอรจกการเชอมโยงระหวาง Blogger และ Picasa Web Albums ซงเปนบรการในเครอขาย Google เหมอนกน และจะท าใหคณเขาใจการจดการเกยวกบภาพบน Blogger ไดดขน
หนา 58
บทท 11 การสรางวดโอใน YouTube และน ามาใสในบลอก
ถามวดโอในหนาบลอกของเราดวย การสอสารเรองราวตางๆ กจะมชวตชวาและเขาใจงายขน ซงในทนเราสามารถสรางไดไมยากดวยบรการของ wwwyoutubecom ครบ
ขนตอนการฝากวดโอไวกบ youtube
1 ไปท wwwyoutubecom แลวเลอก Create Account ทมมขวาบนซงในกรณทเรา Login อยในเวบบลอกของเรานน กสามารถใชบรการของ youtube ดวย Account เดมโดยไมตองสมครใหมครบ วธการท าไดโดย
11 คลกท 12 กรอกขอมลส าหรบการสรางบญช โดยใช username ของ gmail ของเราเอง 13 จากนน คลก
หนา 59
14 จะพบหนาตางใหกรอก Username และ รหสผาน ของ gmail ใหกรอก e-mail ของเรา
จะพบหนาจอ ดงน จากนนเรากสามารถท าการเพม Video ไดตามทเราตองการ
หนา 60
2 การฝาก youtube มเงอนไขส าคญๆ ดงน - ความยาวของวดโอไมเกน 10 นาท - ควรเปนวดโอทไมกระทบตอสถาบน ชาต ศาสนา พระมหากษตรย และ ศลธรรมอนดงามของสงคม
3 การ upload วดโอขนไปทเมน upload (ทมมขวาบน) แลวท าการเลอกไฟลวดโอจากเครองของเรา และรอจนการ upload เสรจสน
31 คลกทปม Uploads
32 คลกทปม Upload Video
33 เลอกไฟล Video ทตองการ
34
34 เมอ Upload ได 100 แลวใหคลก Save change
หนา 61
4 เมอ upload เสรจสนแลวคลกทขอความ Embed and Sharing Options เรากเหน HTML code ใหคดลอก code เหลานนมาแปะในสวนทเราตองการ
เชนในทนผมคดลอก code มาแปะในบทความกจะไดผลลพธเปนวดโอตามดานลางทเหนครบ
หนา 62
เรอง หนา บทน าhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 1 บทท 1 การสรางเวบบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 4 บทท 2 วธเปลยน Template ของ Bloggerhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 12 บทท 3 วธเขยนและจดการบทความในบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 22 บทท 4 การตงคาพนฐานตางๆ ใหกบบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 26 บทท 5 รจกและใชงาน Gadget ชนดตางๆ บน Bloggerhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 32 บทท 6 การจดการกบ Gadget ในหนาบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 40 บทท 7 การแสดงขาวสารลาสดดวย Gadget ฟดhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 43 บทท 9 นบจ านวนคนเยยมชมดวย Flagcounterhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 53 บทท 10 รปภาพในบทความบน Bloggerhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 55 บทท 11 การสรางวดโอใน YouTube และน ามาใสในบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 58
หนา 63
255
เอกสารประกอบการฝกอบรมเชงปฏบตการ
การพฒนาสอการเรยนการสอน โดยใชโปรแกรมคอมพวเตอรรวมกบ Weblog
หนา 16
5 จากนนลองแสดงตวอยางด ซงถาพอใจกบแมแบบแลวกใหท าการบนทก กจบขนตอนการเปลยนแมแบบแลวครบ และถาหากคณตองการเปลยนแมแบบอกกสามารถเปลยนไดแบบไมจ ากดครง
นคอผลงาน หลงจากเปลยนแมแบบ นครบ กอนเปลยน Template
หลงเปลยน Template
หนา 17
เครองมอส าหรบ ldquoออกแบบแมแบบrdquo ดวยตนเอง ใหม จาก Blogger
หลงจากทมงาน Blogger ไดสราง Gadget หนาเวบ ออกมาไดไมนาน ตอนนกไดพฒนาการเครองมอส าหรบการออกแบบแมแบบของ blogger ใหยดหยนมากขน โดยใหผใชสามารถปรบแตงแมแบบไดดวยตนเอง ไมวาจะเปนการเลอก Theme การออกแบบโครงรางของหนาวาจะม 2 หรอ 3 คอลมน หรอหลายคอลมน ซงท าไดโดยการคลกเพยงไมกครง การปรบความกวางของ Template และ sidebar เพยงแคคลกเดยวเปนตน ความสามารถทงหลายนผใชสามารถท าไดโดยไมตองมความรเรอง HTML และ CSS เลยส าหรบการใชงานเครองมอนกคลายคลงกบการใชงานเครองมอเดม ๆ ทมอย ซงผมจะอธบายทละสวนดงน
การใช เครองมอออกแบบแมแบบ ท าไดโดย Log in เขาไปท draftblogger และไปท แผงควบคม gtgt
การออกแบบ gtgt องคประกอบของหนา gtgt คลกท ldquoเครองมอออกแบบแมแบบ ใหมrdquo
เมอคลกท ldquoเครองมอออกแบบแมแบบrdquo แลวเราจะพบเครองมอส าหรบออกแบบแมแบบอย 4 อยางดวยกน ไดแก 1 แมแบบ 2 พนหลง 3 รปแบบ และ 4 ขนสง
สวนแสดงตวอยาง
หนา 18
1 การใชงานเครองมอแมแบบ ท าไดโดย คลกทขอความ แมแบบ gtgt จากนนเลอกรปแบบทตองการ gtgt และเลอก theme ทตองการ เมอแสดงตวอยางเปนทนาพอใจแลว ใหคลกทปม ldquoใชกบบลอกrdquo เพอยนยน
2 การใชงานเมนพนหลง การใชงานเครองมอ ldquoพนหลงrdquo สามารถใชเพอเปลยนภาพพนหลงของบลอก และเลอกส Theme ของบลอกไดตามความตองการไดดวย
21 วธเปลยนภาพพนหลงท าไดโดย คลกท ldquoภาพพนหลงrdquo และเลอกถาพตามตองการ และกดปม ldquoใชกบบลอกrdquo เพอยนยน
สวนแสดงตวอยาง
หนา 19
22 การเลอกส Theme ของบลอก คลกทส Theme ทตองการโดย อาจจะคลกเลอกจาก
Theme ส าเรจรปหรอเลอกจาก Theme ทแนะน า
หนา 20
3 การใชงานเครองมอ ldquoรปแบบrdquo คณสามารถใชเครองมอนเพอก าหนดจ านวน คอลมน รปแบบคอลมน ความกวางของคอลมน รวมถงการก าหนดคอลมนใหกบสวนทายของหนาไดดวย
31 การใชงานเครองมอ ldquoการออกแบบเนอความrdquo เครองมอนใชก าหนดรปแบบคอลมนของ template ของคณ ซงท าไดงายดายโดยการคลกเลอกรปแบบทตองการ ดตวอยาง เมอเปนทพอใจแลวกกดปม ldquoใชกบบลอกrdquo เพอยนยน
32 การใชงานเครองมอ ldquoการออกแบบสวนทายrdquo เครองมอนเปนเครองมอส าหรบการ
ก าหนดคอลมนใหกบสวนทายของหนาบลอก ซงท าไดเชนเดยวกบ 31
หนา 21
33 การใชงานเครองมอ ldquoการปรบความกวางrdquo คณสามารถปรบความกวางของแมแบบ และ sidebar จากเครองมอนเพยงแคเลอน slider ใหตรงกบคาตวเลขทตองการเทานน
4 ส าหรบเมนขนสงเปนการก าหนดรายละเอยดตางๆ ใหกบบลอก เชน รปแบบของลงค gadget ตางๆ หวเรอง ชอของบลอก เปนตน ซงคณสามารถปรบแตงตามความตองการแลว แสดงตวอยาง หากเปนทพอใจกบนทกเชนเดยวกบ ขอ 1-3 ทไดกลาวมาแลว
ปล อยาลมนะครบวาเครองมอเหลานจะไมมใน bloggercom แต จะมใน draftbloggercom เทานน
หนา 22
บทท 3 วธเขยนและจดการบทความในบลอก
บทนผมจงจะเลาถงวธเขยนบทความใน Blogger เพอเปนแนวทางใหคณสามารถเขยนบทความลงในบลอกของคณไดสวยงามและเปนมออาชพมากขน
ส าหรบทานทเขยนบทความเปนอยแลวอาจจะขามไปอานบทความอน ๆ ตอไปไดเลยครบ สวนทานทเปนมอใหมจรง ๆ กควรจะอานบทความนใหจบเพอเปนแนวทางในการ
เขยนบทความของคณเองตอไป
1 การเขาไปเขยนบทความ การเขาไปเขยนบทความบน Blogger โดยตรงสามารถเขาไปได 2 ชองทางดวยกนคอ 11 ถาคณใชแมแบบทไมไดซอนแถบน าทางสามารถเขาไปเขยนบทความไดโดยคลกทเมน
บทความใหม
12 เขาไปเขยนบทความผาน draftbloggercom
หนา 23
โปรดสงเกตวาเครองมอในการเขยนบทความของ Draftblogger จะมมากกวาเครองมอของ blogger ปกต ดงนนโดยสวนตวผมแนะน าใหเขยนบทความผาน draftbloggercom เพราะมเครองมอมากกวาวธแรก และควรตงคาให draftblogger เปนเครองมอเรมตน
2 องคประกอบของเครองมอเขยนบทความ
กอนอนผมขอแนะน าใหรจกเครองมอทจ าเปนในการเขยนบทความดงน สวนท 1 คอสวนตงชอเรองหรอชอบทความ สวนท 2 เปนสวนทใชส าหรบกรณทเราตองการวางขอความทคดลอกมาจาก Ms word
หรอโคดวดโอจาก Youtube หรอโคด HTMLจาวาสครปตทตองการใหปรากฏและแสดงผลในบทความ
หนา 24
สวนท 3 เปนแถบทเลอกเมอตองการเขยนขอความปกตซงจะมเครองมอในการเขยนบทความตามทเหนในภาพขางบน
สวนท 4 ส าหรบจดรปแบบอกษร สวนท 5 เปนเครองมอในการใสลงคใหขอความ แทรกภาพลงในบทความ และแทรกวดโอ
ลงในบทความตามล าดบ สวนท 6 รปกระดาษขาดทเหนนนใชในกรณทคณตองการแสดงบทความใหผอานเหนในหนา
หลกเพยงบางสวนเทานน และถาใชเครองมอนผอานจะตองคลกอานเพมเตมจงจะเหนขอความแบบเตม เครองมอนมขอดคอท าใหบทความทมความยาวมาก ๆ สนลงได และท าใหเปดหนาแรกไดเรวขนดวย
สวนท 7 เปนสวนทใชในการจดเรยงขอความ และจดแนวรปภาพไดดวย เชน จดชดซาย ชดขวา กงกลาง เปนตน
สวนท 8 ไดแกการใส การเนนขอความ การลบรปแบบ การตรวจสอบการสะกดค า และการแปลภาษา
สวนท 9 เปนสวนทใชในการวางก าหนดเวลาลางหนา วาจะใหบทความทเขยนเผยแพรใน วนใด
สวนท 10 เปนการใสปายก ากบ ซงเปนสวนทใชระบวาบทความทเขยนนอยในหมวดหมใด ซงสามารถใสไดมากกวา 1 ปายก ากบโดยคนดวยเครองหมายจลภาค และสามารถเลอกปายก ากบทคณเคยใสใหบทความอนไปแลวมาใสอกได เพอท าใหบทความนน ๆ อยในหมวดหมเดยวกน
สวนท 11 เปนการเลอกวาจะบนทกไวกอน หรอจะเผยแพร มประโยชนในกรณทบทความทเขยนใชเวลาเขยนนานมากกอาจจะบนทกเอาไวกอนแลวมาเขยนตอในภายหลงได
หนา 25
เทคนคการเขยนบทความทควรร ในกรณทเรามไฟลเอกสารจาก MS word แลวคดลอกมาวางเพอท าใหเขยนบทความไดเรวขน
บางครงพบปญหาขอผดพลาดของฟอรม (ฟอรมใน MS word ไมสามารถแปลงเปน HTML Code ได)
ปญหานแกไดโดยกอนวางขอความใหคลกทแถบ แกไข HTML แลวจงวางขอความทคดลอกมา
จากนนจงคลกทแถบ เขยน เพอจดรปแบบของบทความตอไป
เทคนคนยงสามารถใชกบการวางโคดวดโอ หรอขอความทคดลอกมาจากเวบไซตไดดวยครบ
หนา 26
บทท 4 การตงคาพนฐานตางๆ ใหกบบลอก
บทนผมจะขอแนะน าการตงคาพนฐานตางๆ ของบลอกเพอใหเขาใจการตงคาในสวนตาง ๆ ของ Blogger และจะท าใหคณสามารถตงคาตาง ๆ ตามความตองการของตนเองได อกทงจะเปนประโยชนในการพฒนาการท า Blogger ในระยะยาวดวย
การตงคาพนฐานตางๆ ของบลอกท าไดโดย Log in เขาไปท blogger เมอมาทหนา แผงควบคม ให Click ท การตงคา
และทานจะเขามาทเมนการตงคาของบลอก
ผมจะแบงการตงคาออกเปน 9 สวนดงน 1 ขนตน
คณสามารถดาวนโหลด Blog เพอเกบเปน Backup ขอมลบทความและ comment ของบลอกไดโดยเลอก สงออกบลอก แตถาคณมขอมลบลอกเดมอยแลวอยากจะน ามาใชกบบลอกใหมทสรางขน กใหเลอก น าเขาบลอก แตถาคดวาไมตองการใชบลอกนแลวกสามารถลบทงไดโดยเลอก ลบบลอก
หนา 27
Title และค าอธบายของบลอก ควรใสใหเขาใจภาพรวมของบลอกและม keyword ในการท าบลอกแทรกอยใน Description ดวย
ในสวนการตงคาอน ๆ ควรตงคาดงน
องคประกอบ ตงคาเปน
เพมบลอกของคณในรายการของเราหรอไม ใช
อนญาตใหเครองมอคนหาพบบลอกของคณหรอไม ใช
แสดงการแกไขอยางรวดเรวบนบลอกของคณหรอไม ใช
มเนอหาส าหรบผใหญหรอไม ไม
เลอกโปรแกรมแกไขบทความ โปรแกรมแกไขทอปเดต
2 การเผยแพร ในการตงคาสวนนสามารถเปลยน URL ของบลอกได
หนา 28
ถาคณตองการเปลยนโดเมนของบลอกจาก blogspotcom เปนโดเมนอนกสามารถตงคาไดตรงสวนน แตจะตองเสยคาใชจายการจดโดเมนผาน google ปละ 10 US (ประมาณ 300 กวาบาทตอป)
3 การจดรปแบบ ในสวนนเปนการตงคาการเผยแพรบทความ เชน จ านวนบทความในหนาแรก รปแบบเวลา
และวนทเปนตน
คณควรจะตงคาตาง ๆ ดงน
องคประกอบ ตงคาเปน
แสดงสงสด เทาไรกได
รปแบบสวนหวของวนท ตงไดตามใจชอบ
รปแบบวนทของดชนคลงบทความ ตงไดตามใจชอบ
รปแบบเวลา ตงไดตามใจชอบ
โซนเวลา (GMT+0700)กรงเทพ
ภาษา ไทย
แปลงการขนบรรทดใหม ไม
แสดงฟลดชอเรอง ใช
แสดงฟลดของลงก ไม
เปดใชการจดเรยงแบบลอย ใช
แมแบบบทความ ยงไมตองตงคา
หนา 29
4 เมนขอคดเหน เปนเมนส าหรบตงคาตาง ๆ เกยวกบการแสดงความคดเหนของบลอก
คณควรจะตงคาตาง ๆ ดงน
องคประกอบ ตงคาเปน
ขอคดเหน แสดง
ใครสามารถแสดงความคดเหน ผใชทมบญช Google
การจดวางฟอรมความคดเหน วางไวใตบทความ
ความคดเหนเรมตนส าหรบบทความ บทความใหมมความคดเหน
ลงกยอนกลบ ซอน
คาเรมตนของลงกยอนกลบส าหรบบทความ บทความใหมมลงกยอนกลบ รปแบบเวลาในสวนความคดเหน ตงคาตามใจ
ขอความของฟอรมความคดเหน ไมตองใสคาใด ๆ กได
การจดการความคดเหน ไม
แสดงการตรวจสอบค าส าหรบความคดเหนหรอไม ไม
แสดงรปภาพโปรไฟลบนความคดเหนหรอไม ใช
อเมลส าหรบแจงเตอนเมอมความคดเหนใหม กรอก email ของคณลงไป
5 เกบเขาคลงบทความ ตงใหเปนรายเดอนจะดทสด
หนา 30
6 ฟดของไซต ถาบทความในบลอกไมมากนก ตงคาเปน แบบเตม แตถาบทความมประมาณ 100 ขนไปควร
จะตงเปน แบบสน
7 อเมลและมอถอ
ในสวนนเปนการตงคา อเมลเพอใหระบบสงบลอกของคณทกครงทมการเผยแพร และเปนการตงคา การใชอปกรณเคลอนทในการเขยนบลอก ตรงนผมยงไมเคยลองเหมอนกน
8 OpenID
คณสามารถใช OpenID URL เพอเขาสไซตอนๆ ทใชงาน OpenID นอกจากนคณยงสามารถก าหนดใหผใช OpenID สามารถแสดงความคดเหนในบลอกของคณ โดยปรบการตงคา ความคดเหน ของคณ
9 สทธ
ในสวนนคณสามารถใชในการเปลยนผเขยนบลอก และเพมผดแลระบบไดถง 100 ราย
หนา 31
นอกจากนคณยงจ ากดคนเขาชมบลอกไดดวย โดยการระบ Email ของผทตองการลงไป
หนา 32
บทท 5 รจกและใชงาน Gadget ชนดตางๆ บน Blogger
เมอเรยนรเกยวกบ การตงคาตาง ๆ ของบลอก การเปลยน Templates ใหกบบลอกไปแลว สวนทเหลอคอ การจดรปแบบองคประกอบหนาใหกบบลอก รวมถงการใชงาน Gadget หลกชนดตางๆ ของ Blogger
Gadget คออะไร
Gadget ใน Blogger นนหมายถงสวนเสรมทเราสามารถตดตงเพมลงไปในแมแบบของ Blogger ซงบางครงกถกเรยกวา widget ซงกหมายถงสงเดยวกนกบ Gadget
วธเพม Gadget กอนอนให Login เขาไปท blogger หรอ draftblogger gtgt จากแผงควบคมใหเลอก การออกแบบ
หนา 33
จากนนใน Layout ของแมแบบคณจะเหนพนท ดงรปดานลางเพอใหเพม Gadget
และเมอคลก เพม Gadget กจะปรากฏ Gadget พนฐาน 21 อยางทจะกลาวถงในหวขอน
นอกจากนยงม Gadget อกมากมายซงคณสามารถเลอกไดจากเมนแกดเจดเพมเตมทางซายมอ
เมอเลอก Gadget ทตองการแลว คลกทปม + เพอท าการเพม Gadget นน ใสชอ Gadget และตงคาทตองการแลวบนทก
รปทเหนขางบนเปน Gadget ผตดตาม ส าหรบ Gadget อน ๆ กท าไดในท านองเดยวกน
หนา 34
รจกกบ Gadget พนฐาน 21 อยางของ Blogger
1 Gadget หนาเวบ
หลกการของ Gadget ชนดนคอคณจะตองสรางหนาเวบขนมากอน แลวใช Gadget นเปนเมนในการเชอมโยงไปยงหนาเวบ
2 Gadget ผตดตาม
Gadget ชนดนใชเพอใหผอานทชนชอบบลอกของคณไดตดตาม และเมอตดตามแลวความเคลอนไหว และการ update บทความของจะไปปรากฏแผงควบคมของผตดตามโดยอตโนมต และมสทธในการแสดงความคดเหนบนบลอกของคณได (กรณทคณอนญาตเฉพาะสมาชก)
3 Gadget ชองคนหา
เปน Gadget ทตดตงเพอใหผอานสามารถคนหาสงทตองการในบลอกของคณไดงายขน
หนา 35
4 Gadget HTMLจาวาสครปต
Gadget ชนดนเปน Gadget ทยดหยนทสดในบรรดา Gadget ทงหมด สามารถประยกตใชไดหลากหลาย เหมาะส าหรบใชตดตงโคดตาง ๆ ลงบน Blogger เชน โคดปฏทน นาฬกา โคดจาวาสครปต โคดรปภาพ โคดวดโอ โคดของลงค เปนตน
5 Gadget ขอความ
เปน Gadget ทเหมาะส าหรบเขยนขอความ เชน ขอความตอนรบ เปนตน
6 Gadget Adsense
คณจะใช Gadget ชนดนไดเมอสมครเขารวมโปรแกรมหรอเปนตวแทนในการเผยแพรโฆษณาบน Google
7 Gadget รปภาพ
ถาคณตองการแสดงรปภาพบนบลอกอยางเดยวกใหเลอกใช Gadget นครบ
หนา 36
8 Gadget สไลดโชว
Gadget นเปนการดง Albums จาก Picasaweb มาแสดงในรปแบบสไลดโชวบนบลอกของ
9 Gadget แถบวดโอ
Gadget นจะท าใหผใชคนหาวดโอบน Youtube จากบลอกของคณได
10 Gadget แบบส ารวจ
Gadget นถอเปน Gadget หนงทนาสนใจมาก แตยงมผใชจ านวนนอย โดยคณอาจจะใชส ารวจความตองการ หรอความคดเหนของผอานตอบลอกของคณ หรอส ารวจเกยวกบเรองทเกยวของกบเนอหาบนบลอกของคณกได
11 Gadget รายการบลอก
Gadget ชนดนเปน Gadget ทสามารถรวบรวมขาวสารลาสดจากบลอกทคณเลอกหรอบลอกทคณตดตาม พรอมทงสามารถแสดงเนอหาแบบยอไดดวย
หนา 37
12 Gadget รายชอลงค
เปน Gadget ทใชสรางลงคไปยงทตาง ๆ โดยคณสามารถปอน URL บน Gadget ชนดนเพอสราง Link โดยไมตองมความรเรอง HTML มากอนเลย
13 Gadget รายการ
เปน Gadget ทคลายคลงกบ Gadget รายชอลงค แตมความยดหยนกวา สามารถสรางขอความรายการและใส link ใหขอความไดดวย
14 Gadget ฟด
คณสามารถใช Gadget นดงขาวสารจากในบลอกของคณ หรอบลอกอนทคณสนใจเอามาแสดงเพยงแคใสชอบลอกทตองการลงไปลงไปใน gadget
15 Gadget Newsreel
เปน gadget ทท าใหพาดหวขาวจาก Google มาปรากฏบนบลอกของคณเทานน
หนา 38
16 Gadget ปายก ากบ
Gadget นมความส าคญ คณควรจะตดตง เพอใหบทความทเขยนเปนหมวดหม ใหผอานเหนชดเจนเลอกอานไดตรงความตองการมากขน
17 Gadget ลงคการสมคร
Gadget นมความส าคญในเรองการสงขาวสารขอมลจากบลอกของคณไปยงผอาน ผอานจะสามารถสมครรบบทความทาง email หรอผานชองทางอน ๆ ไดจาก Gadget น
18 Gadget โลโก
Gadget นไมส าคญนกเปนเพยงตดตง logo ของ blogger ในหนาบลอกเทานน
19 Gadget โปรไฟล
Gadget นจะแสดงขอมลอยางของคณทไดกรอกเอาไวบนบญชของ Blogger ถาคณตองการแสดงขอมลของคณบน Blog กควรจะตดตง Gadget นครบ
หนา 39
20 Gadget คลงบทความของบลอก
Gadget นจะท าใหผอานเหนบทความทงหมดภายในบลอกของคณได
21 Gadget สวนหวของหนา
Gadget นเปนสวนทใส Title และ Description ของ Blog โดยปกตแลว Template ทวไปกจะตดตงสวนนอยแลว
คณสามารถทดลองใช Gadget เหลานไดโดยไมตองกลวความผดพลาดเพราะ Gadget บน
Blogger นนสามารถลบออกไดอยางงายดายโดยวธการจดการกบ Gadget
หนา 40
บทท 6 การจดการกบ Gadget ในหนาบลอก
ในบททผานมาเราได รจกและใชงาน Gadget ชนดตาง ๆ บน Blogger ผมไดกลาวถงวธการเพม Gadget ใหกบบลอก แตยงไมไดกลาวถงการลบ Gadget ออกจากองคประกอบของหนา และนอกจากน ต าแหนงของ Gadget ยงสามารถเคลอนยายต าแหนงไดอกดวย
การลบ Gadget วธท 1 ถาในขณะทเรา log in และเปดหนาบลอกของเราขนมา กจะสงเกตเหนวามเครองมอ
ปรากฏอยตามทตางๆ ในองคประกอบของหนา
และถาเราคลกเขาไปกจะสามารถแกไข หรอ ลบองคประกอบเหลานนออกไปไดเลยครบ
หนา 41
วธท 2 เราสามารถเขาไปลบ Gadget ไดท แผงควบคม gtgt การออกแบบ gtgt องคประกอบของหนา gtgt เลอกแกไข Gadget ทตองการลบ
จากนนเลอกลบไดเชนเดยวกบกรณแรก
การยายต าแหนง Gadget ส าหรบการยายต าแหนงของ Gadget ท าไดโดยการ เขาไปทแผงควบคม gtgt การออกแบบ gtgt
องคประกอบหนาจากนนใหลากเมาสบน Gadget ทตองการยายไปวางในต าแหนงทตองการไดเลยครบ
หนา 42
เมอเขาใจการท างานของ Gadget ชนดตาง ๆ แลวสงทอยากจะฝากเอาไวตอนทายนกคอการจดองคประกอบหนาของบลอกดงน
แนวทางในการจดองคประกอบหนาบลอก
แนวทางในการจดองคประกอบหนานนไมมกฎเกณฑตายตว บางคนชอบใหม 2 column บางคน ชอบใหม 3 column ซงกขนอยกบความชอบและความตองการใชงาน แตทอยากใหค านงไวเสมอคอ ผอน คอ พระเจา ท าอะไรใหเขาใจงายๆ หาอะไรกเจออยางรวดเรว เขาไวเปนพอครบ และอกประการทส าคญคอ การตดตง Gadget ตาง ๆ ควรตดตงเทาทจ าเปนและตองการใชงาน ปฏทน หรอนาฬกานนกไมควรตดตง ลงไปเลย เพราะไมคมคากบการเพมภาระการโหลดใหกบผเขาชม และถาบลอกของคณโหลดไดชา ก เปนไปไดยากทผอานจะกลบมาอก
องคประกอบในหนาของบลอกทผมคดวาคณควรจะมคอ สวนทบอกตวตนของบลอก
ซงอาจจะแสดงในสวนหวของหนา หรอเปนวดโอ สไลดขอความรปถาย อยในต าแหนงทเหนไดชด สวนทเชอมโยงไปยงบทความในบลอก
สวนนจ าเปนมากเพราะจะชวยใหผอานคนหาบทความไดเรวขน คณอาจจะรวมบทความทงหมดเลยหรอ อาจจะใชวธจดหมวดหมใหผอานเลอกสงทตองการจากบลอกของเราไดเรวขน
สวนพนทของสมาชก
สวนนจะแสดงใหเหนวามผสนใจบลอกของเรามากแคไหน และสามารถสมครตดตามบลอกของเราไดทนท เชนอาจจะใช Gadget ผตดตาม หรอใช Like box Plugins ของ Facebook หรออาจจะท า Poll กได
สวนทเปนชองทางใหผอานตดตอเราได
คณอาจจะท า link เชอมโยงใหผอานตดตอคณได หรออาจจะใช Gadget profile ของ Blogger เพอแนะน าตวกได
หนา 43
บทท 7 การแสดงขาวสารลาสดดวย Gadget ฟด
ความหมายของค าวา ฟดโดยสรปกคอเปนสงทแพรกระจายจากบลอกของเราบนโลก Internet เทยบไดกบคลนสญญาณวทยหรอโทรทศน ถามตวรบทกคนกสามารถมองเหนขาวสารทตองการเลอกรบได นอกจากนถามตวชวยสงใหฟดแพรไดแรงขน ขาวสารกยอมจะแพรกระจายไดเรวดวย
ดงนนถาคณสนใจขาวสารจากบลอกใดบลอกหนงคณกสามารถทจะเปดรบขาวสารจากบลอกนนๆ โดยใช Gadget ฟด ซงเปน Gadget ทสามารถเพมไดอยางไมจ ากด ดงนนถาคณตองการรบขาวจาก 10 บลอกกสามารถท าไดโดยการเพม gadget ฟดเขาไปในบลอก 10 ครง ในขณะเดยวกนถาคณใสชอบลอกของตวเองใน Gadget ฟด Gadget ชนดนจะกลายเปน Gadget ทใชแสดง บทความลาสดนนเองครบ
การแสดงขาวสารลาสดโดยการใช Gadget ฟด
1 ไปทองคประกอบของหนา gtgt เพมฟด Gadget
หนา 44
2 ใสโคดตอไปนลงไปใน Gadget ฟด httpชอบลอกblogspotcomfeedspostsdefault
โดยจะตองเปลยนชอบลอกเปนชอบลอกของของคณเองหรอชอบลอกทคณตองการรบขาวสารท update
ตงคาทตองการเพมเตมและบนทกกจะได feeds ขาวสารมาปรากฏทบลอกของคณ
3 ถาตองการเพมบลอกอนอกกท าซ าขอ 1 และ 2 แตตองเปลยนชอบลอกใหม 4 กรณทคณตองการเรยก feed จากเวบทตองการใหคนหา feed จากเวบ wwwgooglecom
แลวแทนโคดในขอ 2 เชน feed ขาวการศกษาจากเวบ httpwwwrssthaicom ใหใสโคด httpwwwrssthaicomnewsphpt=education แทนในขอ 2
หนา 45
บทท 8 แนะน า Gadget ใหมของ blogger ldquoหนาเวบrdquo
ตามเวบไซตตาง ๆ เราคงจะเคยเหนกนวาแตละเวบไซตจะม เมนส าหรบเลอกเปดไปดหนาอน ๆภายในเวบนนๆ เชน ตวอยางในรปดานลาง
Blogger ไดพฒนา Gadget ตวใหมขนมา มชอวา หนาเวบ เพอใหผใชไดสรางหนาของบลอกทตองการไดโดยไมตองมความรในการดดแปลงหรอแกไขแมแบบดวยตนเอง
การเรยกใช Gadget ชนดนสามารถเลอกใชไดเชนเดยวกบการ Add Gadget ชนดอน ๆ นนคอ ไปท องคประกอบของหนา gtgt แลวเลอก เพม Gadget
ตอไปเรามาดวา Gadget น ใชอยางไร และใชเพอจดประสงคใด หลกการของ Gadget นเหมอนการสรางบทความขนมา 1 บทความ และ สราง Link เชอมโยงไป ยงบทความนน ๆ แตมความพเศษตรงทผใชทวไปสรางเมนขนเองไดอยางงายดาย โดยไมตองมความรพนฐานเกยวกบ HTML เลย
หนา 46
ตวอยางวธการใชงาน(จรง) ในตวอยางนผมจะสราง 2 หนาใหเหนเปนตวอยาง ไดแก HOME และ CONTACT ME
ขนเตรยมการ เนองจากผมจะยกตวอยางการสรางหนา Contact me ดงนนใหทกคนไปสราง Form ส าหรบ
ตดตอเจาของบลอกซงกคอเราเอง ไดท httpwwwfoxyformcom
ซงขนตอนในการสราง ฟอรมนนงายมาก มเพยง 4 ขนเทานน (ดรป)
หนา 47
เมอไดโคด แลวคดลอกเกบเอาไวกอนครบ
ขนสรางหนาเวบจรง ขนท 1 สรางหนาแรก หรอ HOME
Log in เขาไปท draftblogger ไปทแผงควบคม gtgt องคประกอบของหนา gtgt แลวเลอก เพม Gadget เลอกอนแรกเลยครบ คอ gadget หนาเวบ
จากนนกสราง หนาแรกขนมาโดยตงชอตามทตองการไดเลย แลวท าการบนทกครบ
หนา 48
ขนท 2 เมอผานขนท 1 มาแลวกเทากบวาเราไดสราง หนาบลอกขนมาแลว 1 หนา
ถาจะท าการเพมหนาอก ใหไปทแผงควบคม gtgt การสงบทความ gtgt แกไขหนาเวบ gtgt หนาเวบใหม
เมอคลกสรางหนาเวบใหม เรากจะพบเครองมอตาง ๆ เหมอนการเขยนบทความนนเองครบ
หนา 49
ใหน าโคดของ Form ทเตรยมไว จากขนเตรยมการมาวางในหนาหนาน จดรปแบบตามตองการแลวบนทกหนาไดเลยครบ
เพยงขนตอนสน ๆ นเรากจะมเมนเชอมโยงไปยง หนาของบลอกถง 2 หนาดวยกน ไดแก HOME และ CONTACT ME
หนา 50
ขนท 3 - ถาหากตองการเพมหนาบลอกเพมขนอกกท าซ าขนตอนทไดกลาวมาขางตนครบ - แตถาตองการลบหนาบลอกทง กมาทเดม แลวจะเหนค าวาลบ ถาตองการลบทงกกดค าวาลบ
ไดเลย
ขนท 4 วธจดการกบเมนหนาเวบ - ถาตองการเรยงล าดบหนาเวบใหม กไปท องคประกอบของหนา แลว คลก Gadget หนาเวบขนมาแกไข gtgt ดรป
หนา 51
นอกจากน Gadget หนาเวบจะมลกษณะพเศษ คอ ถาอยท Sidebar เมนจะจดเรยงเปนแนวตง
หนา 52
แตถาลากไปในต าแหนงใตสวนหว จะจดเรยงเรยงเปนแนวนอนโดยอตโนมต
หนา 53
บทท 9 นบจ านวนคนเยยมชมดวย Flagcounter
อกบรการนบสถตคนเยยมชมทชวยใหเราทราบวาบลอกของเรามผเยยมชมทงในและตางประเทศมากหรอนอย จาก Flagcounter
วธตดตง
1 ไปท httpwwwflagcountercomindexhtml 2 ตงคาตางๆ ตามความตองการแลวกด GET YOUR FLAG COUNTER ดงรป
3 คดลอก HTML โคด ท FLAG COUNTER ไดสรางใหในขนท 2
หนา 54
4 กลบมาทบลอกของเรา ไปทแผงควบคม gtgt รปแบบ gtgt องคประกอบหนา gtgt เพม Gadget ชนด HTMLจาวาสครปต
5 วางโคดทคดลอกมาจากขนท 3 แลวบนทกครบกเปนอนจบขนตอนครบ ลกษณะทไดกดงรป
หนา 55
บทท 10 รปภาพในบทความบน Blogger
คณเคยสงสยไหมครบวา รปภาพทคณ upload ขนไปขณะทเขยนบทความ หรออาจจะเขยนบทความไปแลว รปเหลานนไปอยทไหน เพราะวา Blogger เองไมม sever ยงตองอาศยฐานขอมลของตวแมคอ blogspotcom อย แลวจะเอาพนท ๆ ไหนมาเกบรปตงมากมาย
ค าตอบคอ Blogger จะใชวธเชอมโยงกบ Application อน ๆ ของ Google เพอแกปญหาการเกบขอมล เชนรปภาพใน Blogger ทเราพดถงกนอยตอนนกจะถกเกบ
อยท Picasa Web Albums ดงนนไมวาจะเปนภาพทคณ Upload ขณะเขยนบทความ กจะถกเกบอยใน Picasa Web Albums ทงหมด
คณใชบรการ Picasa Web Albums ไดอยางไร
การใชบรการ Picasa Web Albums สามารถเขาใชไดทนทหากคณมบญชผใชกบ google อยแลว เชนมบญชผใช Gmail หรอ Blogger อยแลวกสามารถ Log in เขาใชไดเลย
Picasa Web Albums ใหพนทเทาไร
Picasa จะใหพนท เพยง 1 GB ตอ 1 บญชผใช นเปนเหตผลทบางคนอาจจะสงสยวาท าไมคณภาพรปหรอขนาดของรปบน Blogger จงลดลง กลาวคอระบบของ Picasa จะท าการลดขนาดของรปทเรา Upload ผาน Blogger ใหมขนาดเลกลงเพอเปนการประหยดพนทนนเอง
หนา 56
คณจะเขาไปจดการรปภาพจาก Blogger ใน Picasa Web ไดอยางไร การจดการภาพใน Picasa Web Albums ท าได 2 วธคอ
1 ใช Software ทพฒนาขนมาจดการ Picasa Web Albums โดยเฉพาะ
คณสามารถเขาไปดาวนโหลด Picasa ไดท httppicasagooglecom 2 เขาไปจดการทเวบไซต Picasa Web Albums โดยตรง โดยไปท httppicasawebgooglecom และ Log in โดยใชชอบญชเดยวกบ Blogger
คณสามารถเขาไป Unload ภาพไดโดยตรงกบ Picasa แลวเรยกมาใชบน blogger ไดโดยใชตวเลอก อปโหลด
หนา 57
แตถาตองการรปภาพบน Blogger ทไดอปโหลดขนไปแลวกคลกทอลบมทตองการแลวเขาไปจดการภาพไดเชนกน ลบรปภาพบน Blogger แลวรปบน Picasa จะถกลบดวยหรอไม
การลบรปภาพบน Blogger ไมสงผลใด ๆ ตอ Picasa Web Albums เลยเวนแตคณจะเขามาลบใน Picasa Web Albums โดยตรง ดงนนถาในขณะเขยนบทความคณเผลอท าพลาดรปภาพหายไป กสามารถเขามาเอารปภาพจาก Picasa Web Albums ใชงานไดอกโดยไมตอง upload ซ า หรอไมตองไปหาภาพมาใหม บทสรป
บทนแนะน าใหพอรจกการเชอมโยงระหวาง Blogger และ Picasa Web Albums ซงเปนบรการในเครอขาย Google เหมอนกน และจะท าใหคณเขาใจการจดการเกยวกบภาพบน Blogger ไดดขน
หนา 58
บทท 11 การสรางวดโอใน YouTube และน ามาใสในบลอก
ถามวดโอในหนาบลอกของเราดวย การสอสารเรองราวตางๆ กจะมชวตชวาและเขาใจงายขน ซงในทนเราสามารถสรางไดไมยากดวยบรการของ wwwyoutubecom ครบ
ขนตอนการฝากวดโอไวกบ youtube
1 ไปท wwwyoutubecom แลวเลอก Create Account ทมมขวาบนซงในกรณทเรา Login อยในเวบบลอกของเรานน กสามารถใชบรการของ youtube ดวย Account เดมโดยไมตองสมครใหมครบ วธการท าไดโดย
11 คลกท 12 กรอกขอมลส าหรบการสรางบญช โดยใช username ของ gmail ของเราเอง 13 จากนน คลก
หนา 59
14 จะพบหนาตางใหกรอก Username และ รหสผาน ของ gmail ใหกรอก e-mail ของเรา
จะพบหนาจอ ดงน จากนนเรากสามารถท าการเพม Video ไดตามทเราตองการ
หนา 60
2 การฝาก youtube มเงอนไขส าคญๆ ดงน - ความยาวของวดโอไมเกน 10 นาท - ควรเปนวดโอทไมกระทบตอสถาบน ชาต ศาสนา พระมหากษตรย และ ศลธรรมอนดงามของสงคม
3 การ upload วดโอขนไปทเมน upload (ทมมขวาบน) แลวท าการเลอกไฟลวดโอจากเครองของเรา และรอจนการ upload เสรจสน
31 คลกทปม Uploads
32 คลกทปม Upload Video
33 เลอกไฟล Video ทตองการ
34
34 เมอ Upload ได 100 แลวใหคลก Save change
หนา 61
4 เมอ upload เสรจสนแลวคลกทขอความ Embed and Sharing Options เรากเหน HTML code ใหคดลอก code เหลานนมาแปะในสวนทเราตองการ
เชนในทนผมคดลอก code มาแปะในบทความกจะไดผลลพธเปนวดโอตามดานลางทเหนครบ
หนา 62
เรอง หนา บทน าhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 1 บทท 1 การสรางเวบบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 4 บทท 2 วธเปลยน Template ของ Bloggerhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 12 บทท 3 วธเขยนและจดการบทความในบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 22 บทท 4 การตงคาพนฐานตางๆ ใหกบบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 26 บทท 5 รจกและใชงาน Gadget ชนดตางๆ บน Bloggerhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 32 บทท 6 การจดการกบ Gadget ในหนาบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 40 บทท 7 การแสดงขาวสารลาสดดวย Gadget ฟดhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 43 บทท 9 นบจ านวนคนเยยมชมดวย Flagcounterhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 53 บทท 10 รปภาพในบทความบน Bloggerhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 55 บทท 11 การสรางวดโอใน YouTube และน ามาใสในบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 58
หนา 63
255
เอกสารประกอบการฝกอบรมเชงปฏบตการ
การพฒนาสอการเรยนการสอน โดยใชโปรแกรมคอมพวเตอรรวมกบ Weblog
หนา 17
เครองมอส าหรบ ldquoออกแบบแมแบบrdquo ดวยตนเอง ใหม จาก Blogger
หลงจากทมงาน Blogger ไดสราง Gadget หนาเวบ ออกมาไดไมนาน ตอนนกไดพฒนาการเครองมอส าหรบการออกแบบแมแบบของ blogger ใหยดหยนมากขน โดยใหผใชสามารถปรบแตงแมแบบไดดวยตนเอง ไมวาจะเปนการเลอก Theme การออกแบบโครงรางของหนาวาจะม 2 หรอ 3 คอลมน หรอหลายคอลมน ซงท าไดโดยการคลกเพยงไมกครง การปรบความกวางของ Template และ sidebar เพยงแคคลกเดยวเปนตน ความสามารถทงหลายนผใชสามารถท าไดโดยไมตองมความรเรอง HTML และ CSS เลยส าหรบการใชงานเครองมอนกคลายคลงกบการใชงานเครองมอเดม ๆ ทมอย ซงผมจะอธบายทละสวนดงน
การใช เครองมอออกแบบแมแบบ ท าไดโดย Log in เขาไปท draftblogger และไปท แผงควบคม gtgt
การออกแบบ gtgt องคประกอบของหนา gtgt คลกท ldquoเครองมอออกแบบแมแบบ ใหมrdquo
เมอคลกท ldquoเครองมอออกแบบแมแบบrdquo แลวเราจะพบเครองมอส าหรบออกแบบแมแบบอย 4 อยางดวยกน ไดแก 1 แมแบบ 2 พนหลง 3 รปแบบ และ 4 ขนสง
สวนแสดงตวอยาง
หนา 18
1 การใชงานเครองมอแมแบบ ท าไดโดย คลกทขอความ แมแบบ gtgt จากนนเลอกรปแบบทตองการ gtgt และเลอก theme ทตองการ เมอแสดงตวอยางเปนทนาพอใจแลว ใหคลกทปม ldquoใชกบบลอกrdquo เพอยนยน
2 การใชงานเมนพนหลง การใชงานเครองมอ ldquoพนหลงrdquo สามารถใชเพอเปลยนภาพพนหลงของบลอก และเลอกส Theme ของบลอกไดตามความตองการไดดวย
21 วธเปลยนภาพพนหลงท าไดโดย คลกท ldquoภาพพนหลงrdquo และเลอกถาพตามตองการ และกดปม ldquoใชกบบลอกrdquo เพอยนยน
สวนแสดงตวอยาง
หนา 19
22 การเลอกส Theme ของบลอก คลกทส Theme ทตองการโดย อาจจะคลกเลอกจาก
Theme ส าเรจรปหรอเลอกจาก Theme ทแนะน า
หนา 20
3 การใชงานเครองมอ ldquoรปแบบrdquo คณสามารถใชเครองมอนเพอก าหนดจ านวน คอลมน รปแบบคอลมน ความกวางของคอลมน รวมถงการก าหนดคอลมนใหกบสวนทายของหนาไดดวย
31 การใชงานเครองมอ ldquoการออกแบบเนอความrdquo เครองมอนใชก าหนดรปแบบคอลมนของ template ของคณ ซงท าไดงายดายโดยการคลกเลอกรปแบบทตองการ ดตวอยาง เมอเปนทพอใจแลวกกดปม ldquoใชกบบลอกrdquo เพอยนยน
32 การใชงานเครองมอ ldquoการออกแบบสวนทายrdquo เครองมอนเปนเครองมอส าหรบการ
ก าหนดคอลมนใหกบสวนทายของหนาบลอก ซงท าไดเชนเดยวกบ 31
หนา 21
33 การใชงานเครองมอ ldquoการปรบความกวางrdquo คณสามารถปรบความกวางของแมแบบ และ sidebar จากเครองมอนเพยงแคเลอน slider ใหตรงกบคาตวเลขทตองการเทานน
4 ส าหรบเมนขนสงเปนการก าหนดรายละเอยดตางๆ ใหกบบลอก เชน รปแบบของลงค gadget ตางๆ หวเรอง ชอของบลอก เปนตน ซงคณสามารถปรบแตงตามความตองการแลว แสดงตวอยาง หากเปนทพอใจกบนทกเชนเดยวกบ ขอ 1-3 ทไดกลาวมาแลว
ปล อยาลมนะครบวาเครองมอเหลานจะไมมใน bloggercom แต จะมใน draftbloggercom เทานน
หนา 22
บทท 3 วธเขยนและจดการบทความในบลอก
บทนผมจงจะเลาถงวธเขยนบทความใน Blogger เพอเปนแนวทางใหคณสามารถเขยนบทความลงในบลอกของคณไดสวยงามและเปนมออาชพมากขน
ส าหรบทานทเขยนบทความเปนอยแลวอาจจะขามไปอานบทความอน ๆ ตอไปไดเลยครบ สวนทานทเปนมอใหมจรง ๆ กควรจะอานบทความนใหจบเพอเปนแนวทางในการ
เขยนบทความของคณเองตอไป
1 การเขาไปเขยนบทความ การเขาไปเขยนบทความบน Blogger โดยตรงสามารถเขาไปได 2 ชองทางดวยกนคอ 11 ถาคณใชแมแบบทไมไดซอนแถบน าทางสามารถเขาไปเขยนบทความไดโดยคลกทเมน
บทความใหม
12 เขาไปเขยนบทความผาน draftbloggercom
หนา 23
โปรดสงเกตวาเครองมอในการเขยนบทความของ Draftblogger จะมมากกวาเครองมอของ blogger ปกต ดงนนโดยสวนตวผมแนะน าใหเขยนบทความผาน draftbloggercom เพราะมเครองมอมากกวาวธแรก และควรตงคาให draftblogger เปนเครองมอเรมตน
2 องคประกอบของเครองมอเขยนบทความ
กอนอนผมขอแนะน าใหรจกเครองมอทจ าเปนในการเขยนบทความดงน สวนท 1 คอสวนตงชอเรองหรอชอบทความ สวนท 2 เปนสวนทใชส าหรบกรณทเราตองการวางขอความทคดลอกมาจาก Ms word
หรอโคดวดโอจาก Youtube หรอโคด HTMLจาวาสครปตทตองการใหปรากฏและแสดงผลในบทความ
หนา 24
สวนท 3 เปนแถบทเลอกเมอตองการเขยนขอความปกตซงจะมเครองมอในการเขยนบทความตามทเหนในภาพขางบน
สวนท 4 ส าหรบจดรปแบบอกษร สวนท 5 เปนเครองมอในการใสลงคใหขอความ แทรกภาพลงในบทความ และแทรกวดโอ
ลงในบทความตามล าดบ สวนท 6 รปกระดาษขาดทเหนนนใชในกรณทคณตองการแสดงบทความใหผอานเหนในหนา
หลกเพยงบางสวนเทานน และถาใชเครองมอนผอานจะตองคลกอานเพมเตมจงจะเหนขอความแบบเตม เครองมอนมขอดคอท าใหบทความทมความยาวมาก ๆ สนลงได และท าใหเปดหนาแรกไดเรวขนดวย
สวนท 7 เปนสวนทใชในการจดเรยงขอความ และจดแนวรปภาพไดดวย เชน จดชดซาย ชดขวา กงกลาง เปนตน
สวนท 8 ไดแกการใส การเนนขอความ การลบรปแบบ การตรวจสอบการสะกดค า และการแปลภาษา
สวนท 9 เปนสวนทใชในการวางก าหนดเวลาลางหนา วาจะใหบทความทเขยนเผยแพรใน วนใด
สวนท 10 เปนการใสปายก ากบ ซงเปนสวนทใชระบวาบทความทเขยนนอยในหมวดหมใด ซงสามารถใสไดมากกวา 1 ปายก ากบโดยคนดวยเครองหมายจลภาค และสามารถเลอกปายก ากบทคณเคยใสใหบทความอนไปแลวมาใสอกได เพอท าใหบทความนน ๆ อยในหมวดหมเดยวกน
สวนท 11 เปนการเลอกวาจะบนทกไวกอน หรอจะเผยแพร มประโยชนในกรณทบทความทเขยนใชเวลาเขยนนานมากกอาจจะบนทกเอาไวกอนแลวมาเขยนตอในภายหลงได
หนา 25
เทคนคการเขยนบทความทควรร ในกรณทเรามไฟลเอกสารจาก MS word แลวคดลอกมาวางเพอท าใหเขยนบทความไดเรวขน
บางครงพบปญหาขอผดพลาดของฟอรม (ฟอรมใน MS word ไมสามารถแปลงเปน HTML Code ได)
ปญหานแกไดโดยกอนวางขอความใหคลกทแถบ แกไข HTML แลวจงวางขอความทคดลอกมา
จากนนจงคลกทแถบ เขยน เพอจดรปแบบของบทความตอไป
เทคนคนยงสามารถใชกบการวางโคดวดโอ หรอขอความทคดลอกมาจากเวบไซตไดดวยครบ
หนา 26
บทท 4 การตงคาพนฐานตางๆ ใหกบบลอก
บทนผมจะขอแนะน าการตงคาพนฐานตางๆ ของบลอกเพอใหเขาใจการตงคาในสวนตาง ๆ ของ Blogger และจะท าใหคณสามารถตงคาตาง ๆ ตามความตองการของตนเองได อกทงจะเปนประโยชนในการพฒนาการท า Blogger ในระยะยาวดวย
การตงคาพนฐานตางๆ ของบลอกท าไดโดย Log in เขาไปท blogger เมอมาทหนา แผงควบคม ให Click ท การตงคา
และทานจะเขามาทเมนการตงคาของบลอก
ผมจะแบงการตงคาออกเปน 9 สวนดงน 1 ขนตน
คณสามารถดาวนโหลด Blog เพอเกบเปน Backup ขอมลบทความและ comment ของบลอกไดโดยเลอก สงออกบลอก แตถาคณมขอมลบลอกเดมอยแลวอยากจะน ามาใชกบบลอกใหมทสรางขน กใหเลอก น าเขาบลอก แตถาคดวาไมตองการใชบลอกนแลวกสามารถลบทงไดโดยเลอก ลบบลอก
หนา 27
Title และค าอธบายของบลอก ควรใสใหเขาใจภาพรวมของบลอกและม keyword ในการท าบลอกแทรกอยใน Description ดวย
ในสวนการตงคาอน ๆ ควรตงคาดงน
องคประกอบ ตงคาเปน
เพมบลอกของคณในรายการของเราหรอไม ใช
อนญาตใหเครองมอคนหาพบบลอกของคณหรอไม ใช
แสดงการแกไขอยางรวดเรวบนบลอกของคณหรอไม ใช
มเนอหาส าหรบผใหญหรอไม ไม
เลอกโปรแกรมแกไขบทความ โปรแกรมแกไขทอปเดต
2 การเผยแพร ในการตงคาสวนนสามารถเปลยน URL ของบลอกได
หนา 28
ถาคณตองการเปลยนโดเมนของบลอกจาก blogspotcom เปนโดเมนอนกสามารถตงคาไดตรงสวนน แตจะตองเสยคาใชจายการจดโดเมนผาน google ปละ 10 US (ประมาณ 300 กวาบาทตอป)
3 การจดรปแบบ ในสวนนเปนการตงคาการเผยแพรบทความ เชน จ านวนบทความในหนาแรก รปแบบเวลา
และวนทเปนตน
คณควรจะตงคาตาง ๆ ดงน
องคประกอบ ตงคาเปน
แสดงสงสด เทาไรกได
รปแบบสวนหวของวนท ตงไดตามใจชอบ
รปแบบวนทของดชนคลงบทความ ตงไดตามใจชอบ
รปแบบเวลา ตงไดตามใจชอบ
โซนเวลา (GMT+0700)กรงเทพ
ภาษา ไทย
แปลงการขนบรรทดใหม ไม
แสดงฟลดชอเรอง ใช
แสดงฟลดของลงก ไม
เปดใชการจดเรยงแบบลอย ใช
แมแบบบทความ ยงไมตองตงคา
หนา 29
4 เมนขอคดเหน เปนเมนส าหรบตงคาตาง ๆ เกยวกบการแสดงความคดเหนของบลอก
คณควรจะตงคาตาง ๆ ดงน
องคประกอบ ตงคาเปน
ขอคดเหน แสดง
ใครสามารถแสดงความคดเหน ผใชทมบญช Google
การจดวางฟอรมความคดเหน วางไวใตบทความ
ความคดเหนเรมตนส าหรบบทความ บทความใหมมความคดเหน
ลงกยอนกลบ ซอน
คาเรมตนของลงกยอนกลบส าหรบบทความ บทความใหมมลงกยอนกลบ รปแบบเวลาในสวนความคดเหน ตงคาตามใจ
ขอความของฟอรมความคดเหน ไมตองใสคาใด ๆ กได
การจดการความคดเหน ไม
แสดงการตรวจสอบค าส าหรบความคดเหนหรอไม ไม
แสดงรปภาพโปรไฟลบนความคดเหนหรอไม ใช
อเมลส าหรบแจงเตอนเมอมความคดเหนใหม กรอก email ของคณลงไป
5 เกบเขาคลงบทความ ตงใหเปนรายเดอนจะดทสด
หนา 30
6 ฟดของไซต ถาบทความในบลอกไมมากนก ตงคาเปน แบบเตม แตถาบทความมประมาณ 100 ขนไปควร
จะตงเปน แบบสน
7 อเมลและมอถอ
ในสวนนเปนการตงคา อเมลเพอใหระบบสงบลอกของคณทกครงทมการเผยแพร และเปนการตงคา การใชอปกรณเคลอนทในการเขยนบลอก ตรงนผมยงไมเคยลองเหมอนกน
8 OpenID
คณสามารถใช OpenID URL เพอเขาสไซตอนๆ ทใชงาน OpenID นอกจากนคณยงสามารถก าหนดใหผใช OpenID สามารถแสดงความคดเหนในบลอกของคณ โดยปรบการตงคา ความคดเหน ของคณ
9 สทธ
ในสวนนคณสามารถใชในการเปลยนผเขยนบลอก และเพมผดแลระบบไดถง 100 ราย
หนา 31
นอกจากนคณยงจ ากดคนเขาชมบลอกไดดวย โดยการระบ Email ของผทตองการลงไป
หนา 32
บทท 5 รจกและใชงาน Gadget ชนดตางๆ บน Blogger
เมอเรยนรเกยวกบ การตงคาตาง ๆ ของบลอก การเปลยน Templates ใหกบบลอกไปแลว สวนทเหลอคอ การจดรปแบบองคประกอบหนาใหกบบลอก รวมถงการใชงาน Gadget หลกชนดตางๆ ของ Blogger
Gadget คออะไร
Gadget ใน Blogger นนหมายถงสวนเสรมทเราสามารถตดตงเพมลงไปในแมแบบของ Blogger ซงบางครงกถกเรยกวา widget ซงกหมายถงสงเดยวกนกบ Gadget
วธเพม Gadget กอนอนให Login เขาไปท blogger หรอ draftblogger gtgt จากแผงควบคมใหเลอก การออกแบบ
หนา 33
จากนนใน Layout ของแมแบบคณจะเหนพนท ดงรปดานลางเพอใหเพม Gadget
และเมอคลก เพม Gadget กจะปรากฏ Gadget พนฐาน 21 อยางทจะกลาวถงในหวขอน
นอกจากนยงม Gadget อกมากมายซงคณสามารถเลอกไดจากเมนแกดเจดเพมเตมทางซายมอ
เมอเลอก Gadget ทตองการแลว คลกทปม + เพอท าการเพม Gadget นน ใสชอ Gadget และตงคาทตองการแลวบนทก
รปทเหนขางบนเปน Gadget ผตดตาม ส าหรบ Gadget อน ๆ กท าไดในท านองเดยวกน
หนา 34
รจกกบ Gadget พนฐาน 21 อยางของ Blogger
1 Gadget หนาเวบ
หลกการของ Gadget ชนดนคอคณจะตองสรางหนาเวบขนมากอน แลวใช Gadget นเปนเมนในการเชอมโยงไปยงหนาเวบ
2 Gadget ผตดตาม
Gadget ชนดนใชเพอใหผอานทชนชอบบลอกของคณไดตดตาม และเมอตดตามแลวความเคลอนไหว และการ update บทความของจะไปปรากฏแผงควบคมของผตดตามโดยอตโนมต และมสทธในการแสดงความคดเหนบนบลอกของคณได (กรณทคณอนญาตเฉพาะสมาชก)
3 Gadget ชองคนหา
เปน Gadget ทตดตงเพอใหผอานสามารถคนหาสงทตองการในบลอกของคณไดงายขน
หนา 35
4 Gadget HTMLจาวาสครปต
Gadget ชนดนเปน Gadget ทยดหยนทสดในบรรดา Gadget ทงหมด สามารถประยกตใชไดหลากหลาย เหมาะส าหรบใชตดตงโคดตาง ๆ ลงบน Blogger เชน โคดปฏทน นาฬกา โคดจาวาสครปต โคดรปภาพ โคดวดโอ โคดของลงค เปนตน
5 Gadget ขอความ
เปน Gadget ทเหมาะส าหรบเขยนขอความ เชน ขอความตอนรบ เปนตน
6 Gadget Adsense
คณจะใช Gadget ชนดนไดเมอสมครเขารวมโปรแกรมหรอเปนตวแทนในการเผยแพรโฆษณาบน Google
7 Gadget รปภาพ
ถาคณตองการแสดงรปภาพบนบลอกอยางเดยวกใหเลอกใช Gadget นครบ
หนา 36
8 Gadget สไลดโชว
Gadget นเปนการดง Albums จาก Picasaweb มาแสดงในรปแบบสไลดโชวบนบลอกของ
9 Gadget แถบวดโอ
Gadget นจะท าใหผใชคนหาวดโอบน Youtube จากบลอกของคณได
10 Gadget แบบส ารวจ
Gadget นถอเปน Gadget หนงทนาสนใจมาก แตยงมผใชจ านวนนอย โดยคณอาจจะใชส ารวจความตองการ หรอความคดเหนของผอานตอบลอกของคณ หรอส ารวจเกยวกบเรองทเกยวของกบเนอหาบนบลอกของคณกได
11 Gadget รายการบลอก
Gadget ชนดนเปน Gadget ทสามารถรวบรวมขาวสารลาสดจากบลอกทคณเลอกหรอบลอกทคณตดตาม พรอมทงสามารถแสดงเนอหาแบบยอไดดวย
หนา 37
12 Gadget รายชอลงค
เปน Gadget ทใชสรางลงคไปยงทตาง ๆ โดยคณสามารถปอน URL บน Gadget ชนดนเพอสราง Link โดยไมตองมความรเรอง HTML มากอนเลย
13 Gadget รายการ
เปน Gadget ทคลายคลงกบ Gadget รายชอลงค แตมความยดหยนกวา สามารถสรางขอความรายการและใส link ใหขอความไดดวย
14 Gadget ฟด
คณสามารถใช Gadget นดงขาวสารจากในบลอกของคณ หรอบลอกอนทคณสนใจเอามาแสดงเพยงแคใสชอบลอกทตองการลงไปลงไปใน gadget
15 Gadget Newsreel
เปน gadget ทท าใหพาดหวขาวจาก Google มาปรากฏบนบลอกของคณเทานน
หนา 38
16 Gadget ปายก ากบ
Gadget นมความส าคญ คณควรจะตดตง เพอใหบทความทเขยนเปนหมวดหม ใหผอานเหนชดเจนเลอกอานไดตรงความตองการมากขน
17 Gadget ลงคการสมคร
Gadget นมความส าคญในเรองการสงขาวสารขอมลจากบลอกของคณไปยงผอาน ผอานจะสามารถสมครรบบทความทาง email หรอผานชองทางอน ๆ ไดจาก Gadget น
18 Gadget โลโก
Gadget นไมส าคญนกเปนเพยงตดตง logo ของ blogger ในหนาบลอกเทานน
19 Gadget โปรไฟล
Gadget นจะแสดงขอมลอยางของคณทไดกรอกเอาไวบนบญชของ Blogger ถาคณตองการแสดงขอมลของคณบน Blog กควรจะตดตง Gadget นครบ
หนา 39
20 Gadget คลงบทความของบลอก
Gadget นจะท าใหผอานเหนบทความทงหมดภายในบลอกของคณได
21 Gadget สวนหวของหนา
Gadget นเปนสวนทใส Title และ Description ของ Blog โดยปกตแลว Template ทวไปกจะตดตงสวนนอยแลว
คณสามารถทดลองใช Gadget เหลานไดโดยไมตองกลวความผดพลาดเพราะ Gadget บน
Blogger นนสามารถลบออกไดอยางงายดายโดยวธการจดการกบ Gadget
หนา 40
บทท 6 การจดการกบ Gadget ในหนาบลอก
ในบททผานมาเราได รจกและใชงาน Gadget ชนดตาง ๆ บน Blogger ผมไดกลาวถงวธการเพม Gadget ใหกบบลอก แตยงไมไดกลาวถงการลบ Gadget ออกจากองคประกอบของหนา และนอกจากน ต าแหนงของ Gadget ยงสามารถเคลอนยายต าแหนงไดอกดวย
การลบ Gadget วธท 1 ถาในขณะทเรา log in และเปดหนาบลอกของเราขนมา กจะสงเกตเหนวามเครองมอ
ปรากฏอยตามทตางๆ ในองคประกอบของหนา
และถาเราคลกเขาไปกจะสามารถแกไข หรอ ลบองคประกอบเหลานนออกไปไดเลยครบ
หนา 41
วธท 2 เราสามารถเขาไปลบ Gadget ไดท แผงควบคม gtgt การออกแบบ gtgt องคประกอบของหนา gtgt เลอกแกไข Gadget ทตองการลบ
จากนนเลอกลบไดเชนเดยวกบกรณแรก
การยายต าแหนง Gadget ส าหรบการยายต าแหนงของ Gadget ท าไดโดยการ เขาไปทแผงควบคม gtgt การออกแบบ gtgt
องคประกอบหนาจากนนใหลากเมาสบน Gadget ทตองการยายไปวางในต าแหนงทตองการไดเลยครบ
หนา 42
เมอเขาใจการท างานของ Gadget ชนดตาง ๆ แลวสงทอยากจะฝากเอาไวตอนทายนกคอการจดองคประกอบหนาของบลอกดงน
แนวทางในการจดองคประกอบหนาบลอก
แนวทางในการจดองคประกอบหนานนไมมกฎเกณฑตายตว บางคนชอบใหม 2 column บางคน ชอบใหม 3 column ซงกขนอยกบความชอบและความตองการใชงาน แตทอยากใหค านงไวเสมอคอ ผอน คอ พระเจา ท าอะไรใหเขาใจงายๆ หาอะไรกเจออยางรวดเรว เขาไวเปนพอครบ และอกประการทส าคญคอ การตดตง Gadget ตาง ๆ ควรตดตงเทาทจ าเปนและตองการใชงาน ปฏทน หรอนาฬกานนกไมควรตดตง ลงไปเลย เพราะไมคมคากบการเพมภาระการโหลดใหกบผเขาชม และถาบลอกของคณโหลดไดชา ก เปนไปไดยากทผอานจะกลบมาอก
องคประกอบในหนาของบลอกทผมคดวาคณควรจะมคอ สวนทบอกตวตนของบลอก
ซงอาจจะแสดงในสวนหวของหนา หรอเปนวดโอ สไลดขอความรปถาย อยในต าแหนงทเหนไดชด สวนทเชอมโยงไปยงบทความในบลอก
สวนนจ าเปนมากเพราะจะชวยใหผอานคนหาบทความไดเรวขน คณอาจจะรวมบทความทงหมดเลยหรอ อาจจะใชวธจดหมวดหมใหผอานเลอกสงทตองการจากบลอกของเราไดเรวขน
สวนพนทของสมาชก
สวนนจะแสดงใหเหนวามผสนใจบลอกของเรามากแคไหน และสามารถสมครตดตามบลอกของเราไดทนท เชนอาจจะใช Gadget ผตดตาม หรอใช Like box Plugins ของ Facebook หรออาจจะท า Poll กได
สวนทเปนชองทางใหผอานตดตอเราได
คณอาจจะท า link เชอมโยงใหผอานตดตอคณได หรออาจจะใช Gadget profile ของ Blogger เพอแนะน าตวกได
หนา 43
บทท 7 การแสดงขาวสารลาสดดวย Gadget ฟด
ความหมายของค าวา ฟดโดยสรปกคอเปนสงทแพรกระจายจากบลอกของเราบนโลก Internet เทยบไดกบคลนสญญาณวทยหรอโทรทศน ถามตวรบทกคนกสามารถมองเหนขาวสารทตองการเลอกรบได นอกจากนถามตวชวยสงใหฟดแพรไดแรงขน ขาวสารกยอมจะแพรกระจายไดเรวดวย
ดงนนถาคณสนใจขาวสารจากบลอกใดบลอกหนงคณกสามารถทจะเปดรบขาวสารจากบลอกนนๆ โดยใช Gadget ฟด ซงเปน Gadget ทสามารถเพมไดอยางไมจ ากด ดงนนถาคณตองการรบขาวจาก 10 บลอกกสามารถท าไดโดยการเพม gadget ฟดเขาไปในบลอก 10 ครง ในขณะเดยวกนถาคณใสชอบลอกของตวเองใน Gadget ฟด Gadget ชนดนจะกลายเปน Gadget ทใชแสดง บทความลาสดนนเองครบ
การแสดงขาวสารลาสดโดยการใช Gadget ฟด
1 ไปทองคประกอบของหนา gtgt เพมฟด Gadget
หนา 44
2 ใสโคดตอไปนลงไปใน Gadget ฟด httpชอบลอกblogspotcomfeedspostsdefault
โดยจะตองเปลยนชอบลอกเปนชอบลอกของของคณเองหรอชอบลอกทคณตองการรบขาวสารท update
ตงคาทตองการเพมเตมและบนทกกจะได feeds ขาวสารมาปรากฏทบลอกของคณ
3 ถาตองการเพมบลอกอนอกกท าซ าขอ 1 และ 2 แตตองเปลยนชอบลอกใหม 4 กรณทคณตองการเรยก feed จากเวบทตองการใหคนหา feed จากเวบ wwwgooglecom
แลวแทนโคดในขอ 2 เชน feed ขาวการศกษาจากเวบ httpwwwrssthaicom ใหใสโคด httpwwwrssthaicomnewsphpt=education แทนในขอ 2
หนา 45
บทท 8 แนะน า Gadget ใหมของ blogger ldquoหนาเวบrdquo
ตามเวบไซตตาง ๆ เราคงจะเคยเหนกนวาแตละเวบไซตจะม เมนส าหรบเลอกเปดไปดหนาอน ๆภายในเวบนนๆ เชน ตวอยางในรปดานลาง
Blogger ไดพฒนา Gadget ตวใหมขนมา มชอวา หนาเวบ เพอใหผใชไดสรางหนาของบลอกทตองการไดโดยไมตองมความรในการดดแปลงหรอแกไขแมแบบดวยตนเอง
การเรยกใช Gadget ชนดนสามารถเลอกใชไดเชนเดยวกบการ Add Gadget ชนดอน ๆ นนคอ ไปท องคประกอบของหนา gtgt แลวเลอก เพม Gadget
ตอไปเรามาดวา Gadget น ใชอยางไร และใชเพอจดประสงคใด หลกการของ Gadget นเหมอนการสรางบทความขนมา 1 บทความ และ สราง Link เชอมโยงไป ยงบทความนน ๆ แตมความพเศษตรงทผใชทวไปสรางเมนขนเองไดอยางงายดาย โดยไมตองมความรพนฐานเกยวกบ HTML เลย
หนา 46
ตวอยางวธการใชงาน(จรง) ในตวอยางนผมจะสราง 2 หนาใหเหนเปนตวอยาง ไดแก HOME และ CONTACT ME
ขนเตรยมการ เนองจากผมจะยกตวอยางการสรางหนา Contact me ดงนนใหทกคนไปสราง Form ส าหรบ
ตดตอเจาของบลอกซงกคอเราเอง ไดท httpwwwfoxyformcom
ซงขนตอนในการสราง ฟอรมนนงายมาก มเพยง 4 ขนเทานน (ดรป)
หนา 47
เมอไดโคด แลวคดลอกเกบเอาไวกอนครบ
ขนสรางหนาเวบจรง ขนท 1 สรางหนาแรก หรอ HOME
Log in เขาไปท draftblogger ไปทแผงควบคม gtgt องคประกอบของหนา gtgt แลวเลอก เพม Gadget เลอกอนแรกเลยครบ คอ gadget หนาเวบ
จากนนกสราง หนาแรกขนมาโดยตงชอตามทตองการไดเลย แลวท าการบนทกครบ
หนา 48
ขนท 2 เมอผานขนท 1 มาแลวกเทากบวาเราไดสราง หนาบลอกขนมาแลว 1 หนา
ถาจะท าการเพมหนาอก ใหไปทแผงควบคม gtgt การสงบทความ gtgt แกไขหนาเวบ gtgt หนาเวบใหม
เมอคลกสรางหนาเวบใหม เรากจะพบเครองมอตาง ๆ เหมอนการเขยนบทความนนเองครบ
หนา 49
ใหน าโคดของ Form ทเตรยมไว จากขนเตรยมการมาวางในหนาหนาน จดรปแบบตามตองการแลวบนทกหนาไดเลยครบ
เพยงขนตอนสน ๆ นเรากจะมเมนเชอมโยงไปยง หนาของบลอกถง 2 หนาดวยกน ไดแก HOME และ CONTACT ME
หนา 50
ขนท 3 - ถาหากตองการเพมหนาบลอกเพมขนอกกท าซ าขนตอนทไดกลาวมาขางตนครบ - แตถาตองการลบหนาบลอกทง กมาทเดม แลวจะเหนค าวาลบ ถาตองการลบทงกกดค าวาลบ
ไดเลย
ขนท 4 วธจดการกบเมนหนาเวบ - ถาตองการเรยงล าดบหนาเวบใหม กไปท องคประกอบของหนา แลว คลก Gadget หนาเวบขนมาแกไข gtgt ดรป
หนา 51
นอกจากน Gadget หนาเวบจะมลกษณะพเศษ คอ ถาอยท Sidebar เมนจะจดเรยงเปนแนวตง
หนา 52
แตถาลากไปในต าแหนงใตสวนหว จะจดเรยงเรยงเปนแนวนอนโดยอตโนมต
หนา 53
บทท 9 นบจ านวนคนเยยมชมดวย Flagcounter
อกบรการนบสถตคนเยยมชมทชวยใหเราทราบวาบลอกของเรามผเยยมชมทงในและตางประเทศมากหรอนอย จาก Flagcounter
วธตดตง
1 ไปท httpwwwflagcountercomindexhtml 2 ตงคาตางๆ ตามความตองการแลวกด GET YOUR FLAG COUNTER ดงรป
3 คดลอก HTML โคด ท FLAG COUNTER ไดสรางใหในขนท 2
หนา 54
4 กลบมาทบลอกของเรา ไปทแผงควบคม gtgt รปแบบ gtgt องคประกอบหนา gtgt เพม Gadget ชนด HTMLจาวาสครปต
5 วางโคดทคดลอกมาจากขนท 3 แลวบนทกครบกเปนอนจบขนตอนครบ ลกษณะทไดกดงรป
หนา 55
บทท 10 รปภาพในบทความบน Blogger
คณเคยสงสยไหมครบวา รปภาพทคณ upload ขนไปขณะทเขยนบทความ หรออาจจะเขยนบทความไปแลว รปเหลานนไปอยทไหน เพราะวา Blogger เองไมม sever ยงตองอาศยฐานขอมลของตวแมคอ blogspotcom อย แลวจะเอาพนท ๆ ไหนมาเกบรปตงมากมาย
ค าตอบคอ Blogger จะใชวธเชอมโยงกบ Application อน ๆ ของ Google เพอแกปญหาการเกบขอมล เชนรปภาพใน Blogger ทเราพดถงกนอยตอนนกจะถกเกบ
อยท Picasa Web Albums ดงนนไมวาจะเปนภาพทคณ Upload ขณะเขยนบทความ กจะถกเกบอยใน Picasa Web Albums ทงหมด
คณใชบรการ Picasa Web Albums ไดอยางไร
การใชบรการ Picasa Web Albums สามารถเขาใชไดทนทหากคณมบญชผใชกบ google อยแลว เชนมบญชผใช Gmail หรอ Blogger อยแลวกสามารถ Log in เขาใชไดเลย
Picasa Web Albums ใหพนทเทาไร
Picasa จะใหพนท เพยง 1 GB ตอ 1 บญชผใช นเปนเหตผลทบางคนอาจจะสงสยวาท าไมคณภาพรปหรอขนาดของรปบน Blogger จงลดลง กลาวคอระบบของ Picasa จะท าการลดขนาดของรปทเรา Upload ผาน Blogger ใหมขนาดเลกลงเพอเปนการประหยดพนทนนเอง
หนา 56
คณจะเขาไปจดการรปภาพจาก Blogger ใน Picasa Web ไดอยางไร การจดการภาพใน Picasa Web Albums ท าได 2 วธคอ
1 ใช Software ทพฒนาขนมาจดการ Picasa Web Albums โดยเฉพาะ
คณสามารถเขาไปดาวนโหลด Picasa ไดท httppicasagooglecom 2 เขาไปจดการทเวบไซต Picasa Web Albums โดยตรง โดยไปท httppicasawebgooglecom และ Log in โดยใชชอบญชเดยวกบ Blogger
คณสามารถเขาไป Unload ภาพไดโดยตรงกบ Picasa แลวเรยกมาใชบน blogger ไดโดยใชตวเลอก อปโหลด
หนา 57
แตถาตองการรปภาพบน Blogger ทไดอปโหลดขนไปแลวกคลกทอลบมทตองการแลวเขาไปจดการภาพไดเชนกน ลบรปภาพบน Blogger แลวรปบน Picasa จะถกลบดวยหรอไม
การลบรปภาพบน Blogger ไมสงผลใด ๆ ตอ Picasa Web Albums เลยเวนแตคณจะเขามาลบใน Picasa Web Albums โดยตรง ดงนนถาในขณะเขยนบทความคณเผลอท าพลาดรปภาพหายไป กสามารถเขามาเอารปภาพจาก Picasa Web Albums ใชงานไดอกโดยไมตอง upload ซ า หรอไมตองไปหาภาพมาใหม บทสรป
บทนแนะน าใหพอรจกการเชอมโยงระหวาง Blogger และ Picasa Web Albums ซงเปนบรการในเครอขาย Google เหมอนกน และจะท าใหคณเขาใจการจดการเกยวกบภาพบน Blogger ไดดขน
หนา 58
บทท 11 การสรางวดโอใน YouTube และน ามาใสในบลอก
ถามวดโอในหนาบลอกของเราดวย การสอสารเรองราวตางๆ กจะมชวตชวาและเขาใจงายขน ซงในทนเราสามารถสรางไดไมยากดวยบรการของ wwwyoutubecom ครบ
ขนตอนการฝากวดโอไวกบ youtube
1 ไปท wwwyoutubecom แลวเลอก Create Account ทมมขวาบนซงในกรณทเรา Login อยในเวบบลอกของเรานน กสามารถใชบรการของ youtube ดวย Account เดมโดยไมตองสมครใหมครบ วธการท าไดโดย
11 คลกท 12 กรอกขอมลส าหรบการสรางบญช โดยใช username ของ gmail ของเราเอง 13 จากนน คลก
หนา 59
14 จะพบหนาตางใหกรอก Username และ รหสผาน ของ gmail ใหกรอก e-mail ของเรา
จะพบหนาจอ ดงน จากนนเรากสามารถท าการเพม Video ไดตามทเราตองการ
หนา 60
2 การฝาก youtube มเงอนไขส าคญๆ ดงน - ความยาวของวดโอไมเกน 10 นาท - ควรเปนวดโอทไมกระทบตอสถาบน ชาต ศาสนา พระมหากษตรย และ ศลธรรมอนดงามของสงคม
3 การ upload วดโอขนไปทเมน upload (ทมมขวาบน) แลวท าการเลอกไฟลวดโอจากเครองของเรา และรอจนการ upload เสรจสน
31 คลกทปม Uploads
32 คลกทปม Upload Video
33 เลอกไฟล Video ทตองการ
34
34 เมอ Upload ได 100 แลวใหคลก Save change
หนา 61
4 เมอ upload เสรจสนแลวคลกทขอความ Embed and Sharing Options เรากเหน HTML code ใหคดลอก code เหลานนมาแปะในสวนทเราตองการ
เชนในทนผมคดลอก code มาแปะในบทความกจะไดผลลพธเปนวดโอตามดานลางทเหนครบ
หนา 62
เรอง หนา บทน าhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 1 บทท 1 การสรางเวบบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 4 บทท 2 วธเปลยน Template ของ Bloggerhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 12 บทท 3 วธเขยนและจดการบทความในบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 22 บทท 4 การตงคาพนฐานตางๆ ใหกบบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 26 บทท 5 รจกและใชงาน Gadget ชนดตางๆ บน Bloggerhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 32 บทท 6 การจดการกบ Gadget ในหนาบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 40 บทท 7 การแสดงขาวสารลาสดดวย Gadget ฟดhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 43 บทท 9 นบจ านวนคนเยยมชมดวย Flagcounterhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 53 บทท 10 รปภาพในบทความบน Bloggerhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 55 บทท 11 การสรางวดโอใน YouTube และน ามาใสในบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 58
หนา 63
255
เอกสารประกอบการฝกอบรมเชงปฏบตการ
การพฒนาสอการเรยนการสอน โดยใชโปรแกรมคอมพวเตอรรวมกบ Weblog
หนา 18
1 การใชงานเครองมอแมแบบ ท าไดโดย คลกทขอความ แมแบบ gtgt จากนนเลอกรปแบบทตองการ gtgt และเลอก theme ทตองการ เมอแสดงตวอยางเปนทนาพอใจแลว ใหคลกทปม ldquoใชกบบลอกrdquo เพอยนยน
2 การใชงานเมนพนหลง การใชงานเครองมอ ldquoพนหลงrdquo สามารถใชเพอเปลยนภาพพนหลงของบลอก และเลอกส Theme ของบลอกไดตามความตองการไดดวย
21 วธเปลยนภาพพนหลงท าไดโดย คลกท ldquoภาพพนหลงrdquo และเลอกถาพตามตองการ และกดปม ldquoใชกบบลอกrdquo เพอยนยน
สวนแสดงตวอยาง
หนา 19
22 การเลอกส Theme ของบลอก คลกทส Theme ทตองการโดย อาจจะคลกเลอกจาก
Theme ส าเรจรปหรอเลอกจาก Theme ทแนะน า
หนา 20
3 การใชงานเครองมอ ldquoรปแบบrdquo คณสามารถใชเครองมอนเพอก าหนดจ านวน คอลมน รปแบบคอลมน ความกวางของคอลมน รวมถงการก าหนดคอลมนใหกบสวนทายของหนาไดดวย
31 การใชงานเครองมอ ldquoการออกแบบเนอความrdquo เครองมอนใชก าหนดรปแบบคอลมนของ template ของคณ ซงท าไดงายดายโดยการคลกเลอกรปแบบทตองการ ดตวอยาง เมอเปนทพอใจแลวกกดปม ldquoใชกบบลอกrdquo เพอยนยน
32 การใชงานเครองมอ ldquoการออกแบบสวนทายrdquo เครองมอนเปนเครองมอส าหรบการ
ก าหนดคอลมนใหกบสวนทายของหนาบลอก ซงท าไดเชนเดยวกบ 31
หนา 21
33 การใชงานเครองมอ ldquoการปรบความกวางrdquo คณสามารถปรบความกวางของแมแบบ และ sidebar จากเครองมอนเพยงแคเลอน slider ใหตรงกบคาตวเลขทตองการเทานน
4 ส าหรบเมนขนสงเปนการก าหนดรายละเอยดตางๆ ใหกบบลอก เชน รปแบบของลงค gadget ตางๆ หวเรอง ชอของบลอก เปนตน ซงคณสามารถปรบแตงตามความตองการแลว แสดงตวอยาง หากเปนทพอใจกบนทกเชนเดยวกบ ขอ 1-3 ทไดกลาวมาแลว
ปล อยาลมนะครบวาเครองมอเหลานจะไมมใน bloggercom แต จะมใน draftbloggercom เทานน
หนา 22
บทท 3 วธเขยนและจดการบทความในบลอก
บทนผมจงจะเลาถงวธเขยนบทความใน Blogger เพอเปนแนวทางใหคณสามารถเขยนบทความลงในบลอกของคณไดสวยงามและเปนมออาชพมากขน
ส าหรบทานทเขยนบทความเปนอยแลวอาจจะขามไปอานบทความอน ๆ ตอไปไดเลยครบ สวนทานทเปนมอใหมจรง ๆ กควรจะอานบทความนใหจบเพอเปนแนวทางในการ
เขยนบทความของคณเองตอไป
1 การเขาไปเขยนบทความ การเขาไปเขยนบทความบน Blogger โดยตรงสามารถเขาไปได 2 ชองทางดวยกนคอ 11 ถาคณใชแมแบบทไมไดซอนแถบน าทางสามารถเขาไปเขยนบทความไดโดยคลกทเมน
บทความใหม
12 เขาไปเขยนบทความผาน draftbloggercom
หนา 23
โปรดสงเกตวาเครองมอในการเขยนบทความของ Draftblogger จะมมากกวาเครองมอของ blogger ปกต ดงนนโดยสวนตวผมแนะน าใหเขยนบทความผาน draftbloggercom เพราะมเครองมอมากกวาวธแรก และควรตงคาให draftblogger เปนเครองมอเรมตน
2 องคประกอบของเครองมอเขยนบทความ
กอนอนผมขอแนะน าใหรจกเครองมอทจ าเปนในการเขยนบทความดงน สวนท 1 คอสวนตงชอเรองหรอชอบทความ สวนท 2 เปนสวนทใชส าหรบกรณทเราตองการวางขอความทคดลอกมาจาก Ms word
หรอโคดวดโอจาก Youtube หรอโคด HTMLจาวาสครปตทตองการใหปรากฏและแสดงผลในบทความ
หนา 24
สวนท 3 เปนแถบทเลอกเมอตองการเขยนขอความปกตซงจะมเครองมอในการเขยนบทความตามทเหนในภาพขางบน
สวนท 4 ส าหรบจดรปแบบอกษร สวนท 5 เปนเครองมอในการใสลงคใหขอความ แทรกภาพลงในบทความ และแทรกวดโอ
ลงในบทความตามล าดบ สวนท 6 รปกระดาษขาดทเหนนนใชในกรณทคณตองการแสดงบทความใหผอานเหนในหนา
หลกเพยงบางสวนเทานน และถาใชเครองมอนผอานจะตองคลกอานเพมเตมจงจะเหนขอความแบบเตม เครองมอนมขอดคอท าใหบทความทมความยาวมาก ๆ สนลงได และท าใหเปดหนาแรกไดเรวขนดวย
สวนท 7 เปนสวนทใชในการจดเรยงขอความ และจดแนวรปภาพไดดวย เชน จดชดซาย ชดขวา กงกลาง เปนตน
สวนท 8 ไดแกการใส การเนนขอความ การลบรปแบบ การตรวจสอบการสะกดค า และการแปลภาษา
สวนท 9 เปนสวนทใชในการวางก าหนดเวลาลางหนา วาจะใหบทความทเขยนเผยแพรใน วนใด
สวนท 10 เปนการใสปายก ากบ ซงเปนสวนทใชระบวาบทความทเขยนนอยในหมวดหมใด ซงสามารถใสไดมากกวา 1 ปายก ากบโดยคนดวยเครองหมายจลภาค และสามารถเลอกปายก ากบทคณเคยใสใหบทความอนไปแลวมาใสอกได เพอท าใหบทความนน ๆ อยในหมวดหมเดยวกน
สวนท 11 เปนการเลอกวาจะบนทกไวกอน หรอจะเผยแพร มประโยชนในกรณทบทความทเขยนใชเวลาเขยนนานมากกอาจจะบนทกเอาไวกอนแลวมาเขยนตอในภายหลงได
หนา 25
เทคนคการเขยนบทความทควรร ในกรณทเรามไฟลเอกสารจาก MS word แลวคดลอกมาวางเพอท าใหเขยนบทความไดเรวขน
บางครงพบปญหาขอผดพลาดของฟอรม (ฟอรมใน MS word ไมสามารถแปลงเปน HTML Code ได)
ปญหานแกไดโดยกอนวางขอความใหคลกทแถบ แกไข HTML แลวจงวางขอความทคดลอกมา
จากนนจงคลกทแถบ เขยน เพอจดรปแบบของบทความตอไป
เทคนคนยงสามารถใชกบการวางโคดวดโอ หรอขอความทคดลอกมาจากเวบไซตไดดวยครบ
หนา 26
บทท 4 การตงคาพนฐานตางๆ ใหกบบลอก
บทนผมจะขอแนะน าการตงคาพนฐานตางๆ ของบลอกเพอใหเขาใจการตงคาในสวนตาง ๆ ของ Blogger และจะท าใหคณสามารถตงคาตาง ๆ ตามความตองการของตนเองได อกทงจะเปนประโยชนในการพฒนาการท า Blogger ในระยะยาวดวย
การตงคาพนฐานตางๆ ของบลอกท าไดโดย Log in เขาไปท blogger เมอมาทหนา แผงควบคม ให Click ท การตงคา
และทานจะเขามาทเมนการตงคาของบลอก
ผมจะแบงการตงคาออกเปน 9 สวนดงน 1 ขนตน
คณสามารถดาวนโหลด Blog เพอเกบเปน Backup ขอมลบทความและ comment ของบลอกไดโดยเลอก สงออกบลอก แตถาคณมขอมลบลอกเดมอยแลวอยากจะน ามาใชกบบลอกใหมทสรางขน กใหเลอก น าเขาบลอก แตถาคดวาไมตองการใชบลอกนแลวกสามารถลบทงไดโดยเลอก ลบบลอก
หนา 27
Title และค าอธบายของบลอก ควรใสใหเขาใจภาพรวมของบลอกและม keyword ในการท าบลอกแทรกอยใน Description ดวย
ในสวนการตงคาอน ๆ ควรตงคาดงน
องคประกอบ ตงคาเปน
เพมบลอกของคณในรายการของเราหรอไม ใช
อนญาตใหเครองมอคนหาพบบลอกของคณหรอไม ใช
แสดงการแกไขอยางรวดเรวบนบลอกของคณหรอไม ใช
มเนอหาส าหรบผใหญหรอไม ไม
เลอกโปรแกรมแกไขบทความ โปรแกรมแกไขทอปเดต
2 การเผยแพร ในการตงคาสวนนสามารถเปลยน URL ของบลอกได
หนา 28
ถาคณตองการเปลยนโดเมนของบลอกจาก blogspotcom เปนโดเมนอนกสามารถตงคาไดตรงสวนน แตจะตองเสยคาใชจายการจดโดเมนผาน google ปละ 10 US (ประมาณ 300 กวาบาทตอป)
3 การจดรปแบบ ในสวนนเปนการตงคาการเผยแพรบทความ เชน จ านวนบทความในหนาแรก รปแบบเวลา
และวนทเปนตน
คณควรจะตงคาตาง ๆ ดงน
องคประกอบ ตงคาเปน
แสดงสงสด เทาไรกได
รปแบบสวนหวของวนท ตงไดตามใจชอบ
รปแบบวนทของดชนคลงบทความ ตงไดตามใจชอบ
รปแบบเวลา ตงไดตามใจชอบ
โซนเวลา (GMT+0700)กรงเทพ
ภาษา ไทย
แปลงการขนบรรทดใหม ไม
แสดงฟลดชอเรอง ใช
แสดงฟลดของลงก ไม
เปดใชการจดเรยงแบบลอย ใช
แมแบบบทความ ยงไมตองตงคา
หนา 29
4 เมนขอคดเหน เปนเมนส าหรบตงคาตาง ๆ เกยวกบการแสดงความคดเหนของบลอก
คณควรจะตงคาตาง ๆ ดงน
องคประกอบ ตงคาเปน
ขอคดเหน แสดง
ใครสามารถแสดงความคดเหน ผใชทมบญช Google
การจดวางฟอรมความคดเหน วางไวใตบทความ
ความคดเหนเรมตนส าหรบบทความ บทความใหมมความคดเหน
ลงกยอนกลบ ซอน
คาเรมตนของลงกยอนกลบส าหรบบทความ บทความใหมมลงกยอนกลบ รปแบบเวลาในสวนความคดเหน ตงคาตามใจ
ขอความของฟอรมความคดเหน ไมตองใสคาใด ๆ กได
การจดการความคดเหน ไม
แสดงการตรวจสอบค าส าหรบความคดเหนหรอไม ไม
แสดงรปภาพโปรไฟลบนความคดเหนหรอไม ใช
อเมลส าหรบแจงเตอนเมอมความคดเหนใหม กรอก email ของคณลงไป
5 เกบเขาคลงบทความ ตงใหเปนรายเดอนจะดทสด
หนา 30
6 ฟดของไซต ถาบทความในบลอกไมมากนก ตงคาเปน แบบเตม แตถาบทความมประมาณ 100 ขนไปควร
จะตงเปน แบบสน
7 อเมลและมอถอ
ในสวนนเปนการตงคา อเมลเพอใหระบบสงบลอกของคณทกครงทมการเผยแพร และเปนการตงคา การใชอปกรณเคลอนทในการเขยนบลอก ตรงนผมยงไมเคยลองเหมอนกน
8 OpenID
คณสามารถใช OpenID URL เพอเขาสไซตอนๆ ทใชงาน OpenID นอกจากนคณยงสามารถก าหนดใหผใช OpenID สามารถแสดงความคดเหนในบลอกของคณ โดยปรบการตงคา ความคดเหน ของคณ
9 สทธ
ในสวนนคณสามารถใชในการเปลยนผเขยนบลอก และเพมผดแลระบบไดถง 100 ราย
หนา 31
นอกจากนคณยงจ ากดคนเขาชมบลอกไดดวย โดยการระบ Email ของผทตองการลงไป
หนา 32
บทท 5 รจกและใชงาน Gadget ชนดตางๆ บน Blogger
เมอเรยนรเกยวกบ การตงคาตาง ๆ ของบลอก การเปลยน Templates ใหกบบลอกไปแลว สวนทเหลอคอ การจดรปแบบองคประกอบหนาใหกบบลอก รวมถงการใชงาน Gadget หลกชนดตางๆ ของ Blogger
Gadget คออะไร
Gadget ใน Blogger นนหมายถงสวนเสรมทเราสามารถตดตงเพมลงไปในแมแบบของ Blogger ซงบางครงกถกเรยกวา widget ซงกหมายถงสงเดยวกนกบ Gadget
วธเพม Gadget กอนอนให Login เขาไปท blogger หรอ draftblogger gtgt จากแผงควบคมใหเลอก การออกแบบ
หนา 33
จากนนใน Layout ของแมแบบคณจะเหนพนท ดงรปดานลางเพอใหเพม Gadget
และเมอคลก เพม Gadget กจะปรากฏ Gadget พนฐาน 21 อยางทจะกลาวถงในหวขอน
นอกจากนยงม Gadget อกมากมายซงคณสามารถเลอกไดจากเมนแกดเจดเพมเตมทางซายมอ
เมอเลอก Gadget ทตองการแลว คลกทปม + เพอท าการเพม Gadget นน ใสชอ Gadget และตงคาทตองการแลวบนทก
รปทเหนขางบนเปน Gadget ผตดตาม ส าหรบ Gadget อน ๆ กท าไดในท านองเดยวกน
หนา 34
รจกกบ Gadget พนฐาน 21 อยางของ Blogger
1 Gadget หนาเวบ
หลกการของ Gadget ชนดนคอคณจะตองสรางหนาเวบขนมากอน แลวใช Gadget นเปนเมนในการเชอมโยงไปยงหนาเวบ
2 Gadget ผตดตาม
Gadget ชนดนใชเพอใหผอานทชนชอบบลอกของคณไดตดตาม และเมอตดตามแลวความเคลอนไหว และการ update บทความของจะไปปรากฏแผงควบคมของผตดตามโดยอตโนมต และมสทธในการแสดงความคดเหนบนบลอกของคณได (กรณทคณอนญาตเฉพาะสมาชก)
3 Gadget ชองคนหา
เปน Gadget ทตดตงเพอใหผอานสามารถคนหาสงทตองการในบลอกของคณไดงายขน
หนา 35
4 Gadget HTMLจาวาสครปต
Gadget ชนดนเปน Gadget ทยดหยนทสดในบรรดา Gadget ทงหมด สามารถประยกตใชไดหลากหลาย เหมาะส าหรบใชตดตงโคดตาง ๆ ลงบน Blogger เชน โคดปฏทน นาฬกา โคดจาวาสครปต โคดรปภาพ โคดวดโอ โคดของลงค เปนตน
5 Gadget ขอความ
เปน Gadget ทเหมาะส าหรบเขยนขอความ เชน ขอความตอนรบ เปนตน
6 Gadget Adsense
คณจะใช Gadget ชนดนไดเมอสมครเขารวมโปรแกรมหรอเปนตวแทนในการเผยแพรโฆษณาบน Google
7 Gadget รปภาพ
ถาคณตองการแสดงรปภาพบนบลอกอยางเดยวกใหเลอกใช Gadget นครบ
หนา 36
8 Gadget สไลดโชว
Gadget นเปนการดง Albums จาก Picasaweb มาแสดงในรปแบบสไลดโชวบนบลอกของ
9 Gadget แถบวดโอ
Gadget นจะท าใหผใชคนหาวดโอบน Youtube จากบลอกของคณได
10 Gadget แบบส ารวจ
Gadget นถอเปน Gadget หนงทนาสนใจมาก แตยงมผใชจ านวนนอย โดยคณอาจจะใชส ารวจความตองการ หรอความคดเหนของผอานตอบลอกของคณ หรอส ารวจเกยวกบเรองทเกยวของกบเนอหาบนบลอกของคณกได
11 Gadget รายการบลอก
Gadget ชนดนเปน Gadget ทสามารถรวบรวมขาวสารลาสดจากบลอกทคณเลอกหรอบลอกทคณตดตาม พรอมทงสามารถแสดงเนอหาแบบยอไดดวย
หนา 37
12 Gadget รายชอลงค
เปน Gadget ทใชสรางลงคไปยงทตาง ๆ โดยคณสามารถปอน URL บน Gadget ชนดนเพอสราง Link โดยไมตองมความรเรอง HTML มากอนเลย
13 Gadget รายการ
เปน Gadget ทคลายคลงกบ Gadget รายชอลงค แตมความยดหยนกวา สามารถสรางขอความรายการและใส link ใหขอความไดดวย
14 Gadget ฟด
คณสามารถใช Gadget นดงขาวสารจากในบลอกของคณ หรอบลอกอนทคณสนใจเอามาแสดงเพยงแคใสชอบลอกทตองการลงไปลงไปใน gadget
15 Gadget Newsreel
เปน gadget ทท าใหพาดหวขาวจาก Google มาปรากฏบนบลอกของคณเทานน
หนา 38
16 Gadget ปายก ากบ
Gadget นมความส าคญ คณควรจะตดตง เพอใหบทความทเขยนเปนหมวดหม ใหผอานเหนชดเจนเลอกอานไดตรงความตองการมากขน
17 Gadget ลงคการสมคร
Gadget นมความส าคญในเรองการสงขาวสารขอมลจากบลอกของคณไปยงผอาน ผอานจะสามารถสมครรบบทความทาง email หรอผานชองทางอน ๆ ไดจาก Gadget น
18 Gadget โลโก
Gadget นไมส าคญนกเปนเพยงตดตง logo ของ blogger ในหนาบลอกเทานน
19 Gadget โปรไฟล
Gadget นจะแสดงขอมลอยางของคณทไดกรอกเอาไวบนบญชของ Blogger ถาคณตองการแสดงขอมลของคณบน Blog กควรจะตดตง Gadget นครบ
หนา 39
20 Gadget คลงบทความของบลอก
Gadget นจะท าใหผอานเหนบทความทงหมดภายในบลอกของคณได
21 Gadget สวนหวของหนา
Gadget นเปนสวนทใส Title และ Description ของ Blog โดยปกตแลว Template ทวไปกจะตดตงสวนนอยแลว
คณสามารถทดลองใช Gadget เหลานไดโดยไมตองกลวความผดพลาดเพราะ Gadget บน
Blogger นนสามารถลบออกไดอยางงายดายโดยวธการจดการกบ Gadget
หนา 40
บทท 6 การจดการกบ Gadget ในหนาบลอก
ในบททผานมาเราได รจกและใชงาน Gadget ชนดตาง ๆ บน Blogger ผมไดกลาวถงวธการเพม Gadget ใหกบบลอก แตยงไมไดกลาวถงการลบ Gadget ออกจากองคประกอบของหนา และนอกจากน ต าแหนงของ Gadget ยงสามารถเคลอนยายต าแหนงไดอกดวย
การลบ Gadget วธท 1 ถาในขณะทเรา log in และเปดหนาบลอกของเราขนมา กจะสงเกตเหนวามเครองมอ
ปรากฏอยตามทตางๆ ในองคประกอบของหนา
และถาเราคลกเขาไปกจะสามารถแกไข หรอ ลบองคประกอบเหลานนออกไปไดเลยครบ
หนา 41
วธท 2 เราสามารถเขาไปลบ Gadget ไดท แผงควบคม gtgt การออกแบบ gtgt องคประกอบของหนา gtgt เลอกแกไข Gadget ทตองการลบ
จากนนเลอกลบไดเชนเดยวกบกรณแรก
การยายต าแหนง Gadget ส าหรบการยายต าแหนงของ Gadget ท าไดโดยการ เขาไปทแผงควบคม gtgt การออกแบบ gtgt
องคประกอบหนาจากนนใหลากเมาสบน Gadget ทตองการยายไปวางในต าแหนงทตองการไดเลยครบ
หนา 42
เมอเขาใจการท างานของ Gadget ชนดตาง ๆ แลวสงทอยากจะฝากเอาไวตอนทายนกคอการจดองคประกอบหนาของบลอกดงน
แนวทางในการจดองคประกอบหนาบลอก
แนวทางในการจดองคประกอบหนานนไมมกฎเกณฑตายตว บางคนชอบใหม 2 column บางคน ชอบใหม 3 column ซงกขนอยกบความชอบและความตองการใชงาน แตทอยากใหค านงไวเสมอคอ ผอน คอ พระเจา ท าอะไรใหเขาใจงายๆ หาอะไรกเจออยางรวดเรว เขาไวเปนพอครบ และอกประการทส าคญคอ การตดตง Gadget ตาง ๆ ควรตดตงเทาทจ าเปนและตองการใชงาน ปฏทน หรอนาฬกานนกไมควรตดตง ลงไปเลย เพราะไมคมคากบการเพมภาระการโหลดใหกบผเขาชม และถาบลอกของคณโหลดไดชา ก เปนไปไดยากทผอานจะกลบมาอก
องคประกอบในหนาของบลอกทผมคดวาคณควรจะมคอ สวนทบอกตวตนของบลอก
ซงอาจจะแสดงในสวนหวของหนา หรอเปนวดโอ สไลดขอความรปถาย อยในต าแหนงทเหนไดชด สวนทเชอมโยงไปยงบทความในบลอก
สวนนจ าเปนมากเพราะจะชวยใหผอานคนหาบทความไดเรวขน คณอาจจะรวมบทความทงหมดเลยหรอ อาจจะใชวธจดหมวดหมใหผอานเลอกสงทตองการจากบลอกของเราไดเรวขน
สวนพนทของสมาชก
สวนนจะแสดงใหเหนวามผสนใจบลอกของเรามากแคไหน และสามารถสมครตดตามบลอกของเราไดทนท เชนอาจจะใช Gadget ผตดตาม หรอใช Like box Plugins ของ Facebook หรออาจจะท า Poll กได
สวนทเปนชองทางใหผอานตดตอเราได
คณอาจจะท า link เชอมโยงใหผอานตดตอคณได หรออาจจะใช Gadget profile ของ Blogger เพอแนะน าตวกได
หนา 43
บทท 7 การแสดงขาวสารลาสดดวย Gadget ฟด
ความหมายของค าวา ฟดโดยสรปกคอเปนสงทแพรกระจายจากบลอกของเราบนโลก Internet เทยบไดกบคลนสญญาณวทยหรอโทรทศน ถามตวรบทกคนกสามารถมองเหนขาวสารทตองการเลอกรบได นอกจากนถามตวชวยสงใหฟดแพรไดแรงขน ขาวสารกยอมจะแพรกระจายไดเรวดวย
ดงนนถาคณสนใจขาวสารจากบลอกใดบลอกหนงคณกสามารถทจะเปดรบขาวสารจากบลอกนนๆ โดยใช Gadget ฟด ซงเปน Gadget ทสามารถเพมไดอยางไมจ ากด ดงนนถาคณตองการรบขาวจาก 10 บลอกกสามารถท าไดโดยการเพม gadget ฟดเขาไปในบลอก 10 ครง ในขณะเดยวกนถาคณใสชอบลอกของตวเองใน Gadget ฟด Gadget ชนดนจะกลายเปน Gadget ทใชแสดง บทความลาสดนนเองครบ
การแสดงขาวสารลาสดโดยการใช Gadget ฟด
1 ไปทองคประกอบของหนา gtgt เพมฟด Gadget
หนา 44
2 ใสโคดตอไปนลงไปใน Gadget ฟด httpชอบลอกblogspotcomfeedspostsdefault
โดยจะตองเปลยนชอบลอกเปนชอบลอกของของคณเองหรอชอบลอกทคณตองการรบขาวสารท update
ตงคาทตองการเพมเตมและบนทกกจะได feeds ขาวสารมาปรากฏทบลอกของคณ
3 ถาตองการเพมบลอกอนอกกท าซ าขอ 1 และ 2 แตตองเปลยนชอบลอกใหม 4 กรณทคณตองการเรยก feed จากเวบทตองการใหคนหา feed จากเวบ wwwgooglecom
แลวแทนโคดในขอ 2 เชน feed ขาวการศกษาจากเวบ httpwwwrssthaicom ใหใสโคด httpwwwrssthaicomnewsphpt=education แทนในขอ 2
หนา 45
บทท 8 แนะน า Gadget ใหมของ blogger ldquoหนาเวบrdquo
ตามเวบไซตตาง ๆ เราคงจะเคยเหนกนวาแตละเวบไซตจะม เมนส าหรบเลอกเปดไปดหนาอน ๆภายในเวบนนๆ เชน ตวอยางในรปดานลาง
Blogger ไดพฒนา Gadget ตวใหมขนมา มชอวา หนาเวบ เพอใหผใชไดสรางหนาของบลอกทตองการไดโดยไมตองมความรในการดดแปลงหรอแกไขแมแบบดวยตนเอง
การเรยกใช Gadget ชนดนสามารถเลอกใชไดเชนเดยวกบการ Add Gadget ชนดอน ๆ นนคอ ไปท องคประกอบของหนา gtgt แลวเลอก เพม Gadget
ตอไปเรามาดวา Gadget น ใชอยางไร และใชเพอจดประสงคใด หลกการของ Gadget นเหมอนการสรางบทความขนมา 1 บทความ และ สราง Link เชอมโยงไป ยงบทความนน ๆ แตมความพเศษตรงทผใชทวไปสรางเมนขนเองไดอยางงายดาย โดยไมตองมความรพนฐานเกยวกบ HTML เลย
หนา 46
ตวอยางวธการใชงาน(จรง) ในตวอยางนผมจะสราง 2 หนาใหเหนเปนตวอยาง ไดแก HOME และ CONTACT ME
ขนเตรยมการ เนองจากผมจะยกตวอยางการสรางหนา Contact me ดงนนใหทกคนไปสราง Form ส าหรบ
ตดตอเจาของบลอกซงกคอเราเอง ไดท httpwwwfoxyformcom
ซงขนตอนในการสราง ฟอรมนนงายมาก มเพยง 4 ขนเทานน (ดรป)
หนา 47
เมอไดโคด แลวคดลอกเกบเอาไวกอนครบ
ขนสรางหนาเวบจรง ขนท 1 สรางหนาแรก หรอ HOME
Log in เขาไปท draftblogger ไปทแผงควบคม gtgt องคประกอบของหนา gtgt แลวเลอก เพม Gadget เลอกอนแรกเลยครบ คอ gadget หนาเวบ
จากนนกสราง หนาแรกขนมาโดยตงชอตามทตองการไดเลย แลวท าการบนทกครบ
หนา 48
ขนท 2 เมอผานขนท 1 มาแลวกเทากบวาเราไดสราง หนาบลอกขนมาแลว 1 หนา
ถาจะท าการเพมหนาอก ใหไปทแผงควบคม gtgt การสงบทความ gtgt แกไขหนาเวบ gtgt หนาเวบใหม
เมอคลกสรางหนาเวบใหม เรากจะพบเครองมอตาง ๆ เหมอนการเขยนบทความนนเองครบ
หนา 49
ใหน าโคดของ Form ทเตรยมไว จากขนเตรยมการมาวางในหนาหนาน จดรปแบบตามตองการแลวบนทกหนาไดเลยครบ
เพยงขนตอนสน ๆ นเรากจะมเมนเชอมโยงไปยง หนาของบลอกถง 2 หนาดวยกน ไดแก HOME และ CONTACT ME
หนา 50
ขนท 3 - ถาหากตองการเพมหนาบลอกเพมขนอกกท าซ าขนตอนทไดกลาวมาขางตนครบ - แตถาตองการลบหนาบลอกทง กมาทเดม แลวจะเหนค าวาลบ ถาตองการลบทงกกดค าวาลบ
ไดเลย
ขนท 4 วธจดการกบเมนหนาเวบ - ถาตองการเรยงล าดบหนาเวบใหม กไปท องคประกอบของหนา แลว คลก Gadget หนาเวบขนมาแกไข gtgt ดรป
หนา 51
นอกจากน Gadget หนาเวบจะมลกษณะพเศษ คอ ถาอยท Sidebar เมนจะจดเรยงเปนแนวตง
หนา 52
แตถาลากไปในต าแหนงใตสวนหว จะจดเรยงเรยงเปนแนวนอนโดยอตโนมต
หนา 53
บทท 9 นบจ านวนคนเยยมชมดวย Flagcounter
อกบรการนบสถตคนเยยมชมทชวยใหเราทราบวาบลอกของเรามผเยยมชมทงในและตางประเทศมากหรอนอย จาก Flagcounter
วธตดตง
1 ไปท httpwwwflagcountercomindexhtml 2 ตงคาตางๆ ตามความตองการแลวกด GET YOUR FLAG COUNTER ดงรป
3 คดลอก HTML โคด ท FLAG COUNTER ไดสรางใหในขนท 2
หนา 54
4 กลบมาทบลอกของเรา ไปทแผงควบคม gtgt รปแบบ gtgt องคประกอบหนา gtgt เพม Gadget ชนด HTMLจาวาสครปต
5 วางโคดทคดลอกมาจากขนท 3 แลวบนทกครบกเปนอนจบขนตอนครบ ลกษณะทไดกดงรป
หนา 55
บทท 10 รปภาพในบทความบน Blogger
คณเคยสงสยไหมครบวา รปภาพทคณ upload ขนไปขณะทเขยนบทความ หรออาจจะเขยนบทความไปแลว รปเหลานนไปอยทไหน เพราะวา Blogger เองไมม sever ยงตองอาศยฐานขอมลของตวแมคอ blogspotcom อย แลวจะเอาพนท ๆ ไหนมาเกบรปตงมากมาย
ค าตอบคอ Blogger จะใชวธเชอมโยงกบ Application อน ๆ ของ Google เพอแกปญหาการเกบขอมล เชนรปภาพใน Blogger ทเราพดถงกนอยตอนนกจะถกเกบ
อยท Picasa Web Albums ดงนนไมวาจะเปนภาพทคณ Upload ขณะเขยนบทความ กจะถกเกบอยใน Picasa Web Albums ทงหมด
คณใชบรการ Picasa Web Albums ไดอยางไร
การใชบรการ Picasa Web Albums สามารถเขาใชไดทนทหากคณมบญชผใชกบ google อยแลว เชนมบญชผใช Gmail หรอ Blogger อยแลวกสามารถ Log in เขาใชไดเลย
Picasa Web Albums ใหพนทเทาไร
Picasa จะใหพนท เพยง 1 GB ตอ 1 บญชผใช นเปนเหตผลทบางคนอาจจะสงสยวาท าไมคณภาพรปหรอขนาดของรปบน Blogger จงลดลง กลาวคอระบบของ Picasa จะท าการลดขนาดของรปทเรา Upload ผาน Blogger ใหมขนาดเลกลงเพอเปนการประหยดพนทนนเอง
หนา 56
คณจะเขาไปจดการรปภาพจาก Blogger ใน Picasa Web ไดอยางไร การจดการภาพใน Picasa Web Albums ท าได 2 วธคอ
1 ใช Software ทพฒนาขนมาจดการ Picasa Web Albums โดยเฉพาะ
คณสามารถเขาไปดาวนโหลด Picasa ไดท httppicasagooglecom 2 เขาไปจดการทเวบไซต Picasa Web Albums โดยตรง โดยไปท httppicasawebgooglecom และ Log in โดยใชชอบญชเดยวกบ Blogger
คณสามารถเขาไป Unload ภาพไดโดยตรงกบ Picasa แลวเรยกมาใชบน blogger ไดโดยใชตวเลอก อปโหลด
หนา 57
แตถาตองการรปภาพบน Blogger ทไดอปโหลดขนไปแลวกคลกทอลบมทตองการแลวเขาไปจดการภาพไดเชนกน ลบรปภาพบน Blogger แลวรปบน Picasa จะถกลบดวยหรอไม
การลบรปภาพบน Blogger ไมสงผลใด ๆ ตอ Picasa Web Albums เลยเวนแตคณจะเขามาลบใน Picasa Web Albums โดยตรง ดงนนถาในขณะเขยนบทความคณเผลอท าพลาดรปภาพหายไป กสามารถเขามาเอารปภาพจาก Picasa Web Albums ใชงานไดอกโดยไมตอง upload ซ า หรอไมตองไปหาภาพมาใหม บทสรป
บทนแนะน าใหพอรจกการเชอมโยงระหวาง Blogger และ Picasa Web Albums ซงเปนบรการในเครอขาย Google เหมอนกน และจะท าใหคณเขาใจการจดการเกยวกบภาพบน Blogger ไดดขน
หนา 58
บทท 11 การสรางวดโอใน YouTube และน ามาใสในบลอก
ถามวดโอในหนาบลอกของเราดวย การสอสารเรองราวตางๆ กจะมชวตชวาและเขาใจงายขน ซงในทนเราสามารถสรางไดไมยากดวยบรการของ wwwyoutubecom ครบ
ขนตอนการฝากวดโอไวกบ youtube
1 ไปท wwwyoutubecom แลวเลอก Create Account ทมมขวาบนซงในกรณทเรา Login อยในเวบบลอกของเรานน กสามารถใชบรการของ youtube ดวย Account เดมโดยไมตองสมครใหมครบ วธการท าไดโดย
11 คลกท 12 กรอกขอมลส าหรบการสรางบญช โดยใช username ของ gmail ของเราเอง 13 จากนน คลก
หนา 59
14 จะพบหนาตางใหกรอก Username และ รหสผาน ของ gmail ใหกรอก e-mail ของเรา
จะพบหนาจอ ดงน จากนนเรากสามารถท าการเพม Video ไดตามทเราตองการ
หนา 60
2 การฝาก youtube มเงอนไขส าคญๆ ดงน - ความยาวของวดโอไมเกน 10 นาท - ควรเปนวดโอทไมกระทบตอสถาบน ชาต ศาสนา พระมหากษตรย และ ศลธรรมอนดงามของสงคม
3 การ upload วดโอขนไปทเมน upload (ทมมขวาบน) แลวท าการเลอกไฟลวดโอจากเครองของเรา และรอจนการ upload เสรจสน
31 คลกทปม Uploads
32 คลกทปม Upload Video
33 เลอกไฟล Video ทตองการ
34
34 เมอ Upload ได 100 แลวใหคลก Save change
หนา 61
4 เมอ upload เสรจสนแลวคลกทขอความ Embed and Sharing Options เรากเหน HTML code ใหคดลอก code เหลานนมาแปะในสวนทเราตองการ
เชนในทนผมคดลอก code มาแปะในบทความกจะไดผลลพธเปนวดโอตามดานลางทเหนครบ
หนา 62
เรอง หนา บทน าhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 1 บทท 1 การสรางเวบบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 4 บทท 2 วธเปลยน Template ของ Bloggerhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 12 บทท 3 วธเขยนและจดการบทความในบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 22 บทท 4 การตงคาพนฐานตางๆ ใหกบบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 26 บทท 5 รจกและใชงาน Gadget ชนดตางๆ บน Bloggerhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 32 บทท 6 การจดการกบ Gadget ในหนาบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 40 บทท 7 การแสดงขาวสารลาสดดวย Gadget ฟดhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 43 บทท 9 นบจ านวนคนเยยมชมดวย Flagcounterhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 53 บทท 10 รปภาพในบทความบน Bloggerhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 55 บทท 11 การสรางวดโอใน YouTube และน ามาใสในบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 58
หนา 63
255
เอกสารประกอบการฝกอบรมเชงปฏบตการ
การพฒนาสอการเรยนการสอน โดยใชโปรแกรมคอมพวเตอรรวมกบ Weblog
หนา 19
22 การเลอกส Theme ของบลอก คลกทส Theme ทตองการโดย อาจจะคลกเลอกจาก
Theme ส าเรจรปหรอเลอกจาก Theme ทแนะน า
หนา 20
3 การใชงานเครองมอ ldquoรปแบบrdquo คณสามารถใชเครองมอนเพอก าหนดจ านวน คอลมน รปแบบคอลมน ความกวางของคอลมน รวมถงการก าหนดคอลมนใหกบสวนทายของหนาไดดวย
31 การใชงานเครองมอ ldquoการออกแบบเนอความrdquo เครองมอนใชก าหนดรปแบบคอลมนของ template ของคณ ซงท าไดงายดายโดยการคลกเลอกรปแบบทตองการ ดตวอยาง เมอเปนทพอใจแลวกกดปม ldquoใชกบบลอกrdquo เพอยนยน
32 การใชงานเครองมอ ldquoการออกแบบสวนทายrdquo เครองมอนเปนเครองมอส าหรบการ
ก าหนดคอลมนใหกบสวนทายของหนาบลอก ซงท าไดเชนเดยวกบ 31
หนา 21
33 การใชงานเครองมอ ldquoการปรบความกวางrdquo คณสามารถปรบความกวางของแมแบบ และ sidebar จากเครองมอนเพยงแคเลอน slider ใหตรงกบคาตวเลขทตองการเทานน
4 ส าหรบเมนขนสงเปนการก าหนดรายละเอยดตางๆ ใหกบบลอก เชน รปแบบของลงค gadget ตางๆ หวเรอง ชอของบลอก เปนตน ซงคณสามารถปรบแตงตามความตองการแลว แสดงตวอยาง หากเปนทพอใจกบนทกเชนเดยวกบ ขอ 1-3 ทไดกลาวมาแลว
ปล อยาลมนะครบวาเครองมอเหลานจะไมมใน bloggercom แต จะมใน draftbloggercom เทานน
หนา 22
บทท 3 วธเขยนและจดการบทความในบลอก
บทนผมจงจะเลาถงวธเขยนบทความใน Blogger เพอเปนแนวทางใหคณสามารถเขยนบทความลงในบลอกของคณไดสวยงามและเปนมออาชพมากขน
ส าหรบทานทเขยนบทความเปนอยแลวอาจจะขามไปอานบทความอน ๆ ตอไปไดเลยครบ สวนทานทเปนมอใหมจรง ๆ กควรจะอานบทความนใหจบเพอเปนแนวทางในการ
เขยนบทความของคณเองตอไป
1 การเขาไปเขยนบทความ การเขาไปเขยนบทความบน Blogger โดยตรงสามารถเขาไปได 2 ชองทางดวยกนคอ 11 ถาคณใชแมแบบทไมไดซอนแถบน าทางสามารถเขาไปเขยนบทความไดโดยคลกทเมน
บทความใหม
12 เขาไปเขยนบทความผาน draftbloggercom
หนา 23
โปรดสงเกตวาเครองมอในการเขยนบทความของ Draftblogger จะมมากกวาเครองมอของ blogger ปกต ดงนนโดยสวนตวผมแนะน าใหเขยนบทความผาน draftbloggercom เพราะมเครองมอมากกวาวธแรก และควรตงคาให draftblogger เปนเครองมอเรมตน
2 องคประกอบของเครองมอเขยนบทความ
กอนอนผมขอแนะน าใหรจกเครองมอทจ าเปนในการเขยนบทความดงน สวนท 1 คอสวนตงชอเรองหรอชอบทความ สวนท 2 เปนสวนทใชส าหรบกรณทเราตองการวางขอความทคดลอกมาจาก Ms word
หรอโคดวดโอจาก Youtube หรอโคด HTMLจาวาสครปตทตองการใหปรากฏและแสดงผลในบทความ
หนา 24
สวนท 3 เปนแถบทเลอกเมอตองการเขยนขอความปกตซงจะมเครองมอในการเขยนบทความตามทเหนในภาพขางบน
สวนท 4 ส าหรบจดรปแบบอกษร สวนท 5 เปนเครองมอในการใสลงคใหขอความ แทรกภาพลงในบทความ และแทรกวดโอ
ลงในบทความตามล าดบ สวนท 6 รปกระดาษขาดทเหนนนใชในกรณทคณตองการแสดงบทความใหผอานเหนในหนา
หลกเพยงบางสวนเทานน และถาใชเครองมอนผอานจะตองคลกอานเพมเตมจงจะเหนขอความแบบเตม เครองมอนมขอดคอท าใหบทความทมความยาวมาก ๆ สนลงได และท าใหเปดหนาแรกไดเรวขนดวย
สวนท 7 เปนสวนทใชในการจดเรยงขอความ และจดแนวรปภาพไดดวย เชน จดชดซาย ชดขวา กงกลาง เปนตน
สวนท 8 ไดแกการใส การเนนขอความ การลบรปแบบ การตรวจสอบการสะกดค า และการแปลภาษา
สวนท 9 เปนสวนทใชในการวางก าหนดเวลาลางหนา วาจะใหบทความทเขยนเผยแพรใน วนใด
สวนท 10 เปนการใสปายก ากบ ซงเปนสวนทใชระบวาบทความทเขยนนอยในหมวดหมใด ซงสามารถใสไดมากกวา 1 ปายก ากบโดยคนดวยเครองหมายจลภาค และสามารถเลอกปายก ากบทคณเคยใสใหบทความอนไปแลวมาใสอกได เพอท าใหบทความนน ๆ อยในหมวดหมเดยวกน
สวนท 11 เปนการเลอกวาจะบนทกไวกอน หรอจะเผยแพร มประโยชนในกรณทบทความทเขยนใชเวลาเขยนนานมากกอาจจะบนทกเอาไวกอนแลวมาเขยนตอในภายหลงได
หนา 25
เทคนคการเขยนบทความทควรร ในกรณทเรามไฟลเอกสารจาก MS word แลวคดลอกมาวางเพอท าใหเขยนบทความไดเรวขน
บางครงพบปญหาขอผดพลาดของฟอรม (ฟอรมใน MS word ไมสามารถแปลงเปน HTML Code ได)
ปญหานแกไดโดยกอนวางขอความใหคลกทแถบ แกไข HTML แลวจงวางขอความทคดลอกมา
จากนนจงคลกทแถบ เขยน เพอจดรปแบบของบทความตอไป
เทคนคนยงสามารถใชกบการวางโคดวดโอ หรอขอความทคดลอกมาจากเวบไซตไดดวยครบ
หนา 26
บทท 4 การตงคาพนฐานตางๆ ใหกบบลอก
บทนผมจะขอแนะน าการตงคาพนฐานตางๆ ของบลอกเพอใหเขาใจการตงคาในสวนตาง ๆ ของ Blogger และจะท าใหคณสามารถตงคาตาง ๆ ตามความตองการของตนเองได อกทงจะเปนประโยชนในการพฒนาการท า Blogger ในระยะยาวดวย
การตงคาพนฐานตางๆ ของบลอกท าไดโดย Log in เขาไปท blogger เมอมาทหนา แผงควบคม ให Click ท การตงคา
และทานจะเขามาทเมนการตงคาของบลอก
ผมจะแบงการตงคาออกเปน 9 สวนดงน 1 ขนตน
คณสามารถดาวนโหลด Blog เพอเกบเปน Backup ขอมลบทความและ comment ของบลอกไดโดยเลอก สงออกบลอก แตถาคณมขอมลบลอกเดมอยแลวอยากจะน ามาใชกบบลอกใหมทสรางขน กใหเลอก น าเขาบลอก แตถาคดวาไมตองการใชบลอกนแลวกสามารถลบทงไดโดยเลอก ลบบลอก
หนา 27
Title และค าอธบายของบลอก ควรใสใหเขาใจภาพรวมของบลอกและม keyword ในการท าบลอกแทรกอยใน Description ดวย
ในสวนการตงคาอน ๆ ควรตงคาดงน
องคประกอบ ตงคาเปน
เพมบลอกของคณในรายการของเราหรอไม ใช
อนญาตใหเครองมอคนหาพบบลอกของคณหรอไม ใช
แสดงการแกไขอยางรวดเรวบนบลอกของคณหรอไม ใช
มเนอหาส าหรบผใหญหรอไม ไม
เลอกโปรแกรมแกไขบทความ โปรแกรมแกไขทอปเดต
2 การเผยแพร ในการตงคาสวนนสามารถเปลยน URL ของบลอกได
หนา 28
ถาคณตองการเปลยนโดเมนของบลอกจาก blogspotcom เปนโดเมนอนกสามารถตงคาไดตรงสวนน แตจะตองเสยคาใชจายการจดโดเมนผาน google ปละ 10 US (ประมาณ 300 กวาบาทตอป)
3 การจดรปแบบ ในสวนนเปนการตงคาการเผยแพรบทความ เชน จ านวนบทความในหนาแรก รปแบบเวลา
และวนทเปนตน
คณควรจะตงคาตาง ๆ ดงน
องคประกอบ ตงคาเปน
แสดงสงสด เทาไรกได
รปแบบสวนหวของวนท ตงไดตามใจชอบ
รปแบบวนทของดชนคลงบทความ ตงไดตามใจชอบ
รปแบบเวลา ตงไดตามใจชอบ
โซนเวลา (GMT+0700)กรงเทพ
ภาษา ไทย
แปลงการขนบรรทดใหม ไม
แสดงฟลดชอเรอง ใช
แสดงฟลดของลงก ไม
เปดใชการจดเรยงแบบลอย ใช
แมแบบบทความ ยงไมตองตงคา
หนา 29
4 เมนขอคดเหน เปนเมนส าหรบตงคาตาง ๆ เกยวกบการแสดงความคดเหนของบลอก
คณควรจะตงคาตาง ๆ ดงน
องคประกอบ ตงคาเปน
ขอคดเหน แสดง
ใครสามารถแสดงความคดเหน ผใชทมบญช Google
การจดวางฟอรมความคดเหน วางไวใตบทความ
ความคดเหนเรมตนส าหรบบทความ บทความใหมมความคดเหน
ลงกยอนกลบ ซอน
คาเรมตนของลงกยอนกลบส าหรบบทความ บทความใหมมลงกยอนกลบ รปแบบเวลาในสวนความคดเหน ตงคาตามใจ
ขอความของฟอรมความคดเหน ไมตองใสคาใด ๆ กได
การจดการความคดเหน ไม
แสดงการตรวจสอบค าส าหรบความคดเหนหรอไม ไม
แสดงรปภาพโปรไฟลบนความคดเหนหรอไม ใช
อเมลส าหรบแจงเตอนเมอมความคดเหนใหม กรอก email ของคณลงไป
5 เกบเขาคลงบทความ ตงใหเปนรายเดอนจะดทสด
หนา 30
6 ฟดของไซต ถาบทความในบลอกไมมากนก ตงคาเปน แบบเตม แตถาบทความมประมาณ 100 ขนไปควร
จะตงเปน แบบสน
7 อเมลและมอถอ
ในสวนนเปนการตงคา อเมลเพอใหระบบสงบลอกของคณทกครงทมการเผยแพร และเปนการตงคา การใชอปกรณเคลอนทในการเขยนบลอก ตรงนผมยงไมเคยลองเหมอนกน
8 OpenID
คณสามารถใช OpenID URL เพอเขาสไซตอนๆ ทใชงาน OpenID นอกจากนคณยงสามารถก าหนดใหผใช OpenID สามารถแสดงความคดเหนในบลอกของคณ โดยปรบการตงคา ความคดเหน ของคณ
9 สทธ
ในสวนนคณสามารถใชในการเปลยนผเขยนบลอก และเพมผดแลระบบไดถง 100 ราย
หนา 31
นอกจากนคณยงจ ากดคนเขาชมบลอกไดดวย โดยการระบ Email ของผทตองการลงไป
หนา 32
บทท 5 รจกและใชงาน Gadget ชนดตางๆ บน Blogger
เมอเรยนรเกยวกบ การตงคาตาง ๆ ของบลอก การเปลยน Templates ใหกบบลอกไปแลว สวนทเหลอคอ การจดรปแบบองคประกอบหนาใหกบบลอก รวมถงการใชงาน Gadget หลกชนดตางๆ ของ Blogger
Gadget คออะไร
Gadget ใน Blogger นนหมายถงสวนเสรมทเราสามารถตดตงเพมลงไปในแมแบบของ Blogger ซงบางครงกถกเรยกวา widget ซงกหมายถงสงเดยวกนกบ Gadget
วธเพม Gadget กอนอนให Login เขาไปท blogger หรอ draftblogger gtgt จากแผงควบคมใหเลอก การออกแบบ
หนา 33
จากนนใน Layout ของแมแบบคณจะเหนพนท ดงรปดานลางเพอใหเพม Gadget
และเมอคลก เพม Gadget กจะปรากฏ Gadget พนฐาน 21 อยางทจะกลาวถงในหวขอน
นอกจากนยงม Gadget อกมากมายซงคณสามารถเลอกไดจากเมนแกดเจดเพมเตมทางซายมอ
เมอเลอก Gadget ทตองการแลว คลกทปม + เพอท าการเพม Gadget นน ใสชอ Gadget และตงคาทตองการแลวบนทก
รปทเหนขางบนเปน Gadget ผตดตาม ส าหรบ Gadget อน ๆ กท าไดในท านองเดยวกน
หนา 34
รจกกบ Gadget พนฐาน 21 อยางของ Blogger
1 Gadget หนาเวบ
หลกการของ Gadget ชนดนคอคณจะตองสรางหนาเวบขนมากอน แลวใช Gadget นเปนเมนในการเชอมโยงไปยงหนาเวบ
2 Gadget ผตดตาม
Gadget ชนดนใชเพอใหผอานทชนชอบบลอกของคณไดตดตาม และเมอตดตามแลวความเคลอนไหว และการ update บทความของจะไปปรากฏแผงควบคมของผตดตามโดยอตโนมต และมสทธในการแสดงความคดเหนบนบลอกของคณได (กรณทคณอนญาตเฉพาะสมาชก)
3 Gadget ชองคนหา
เปน Gadget ทตดตงเพอใหผอานสามารถคนหาสงทตองการในบลอกของคณไดงายขน
หนา 35
4 Gadget HTMLจาวาสครปต
Gadget ชนดนเปน Gadget ทยดหยนทสดในบรรดา Gadget ทงหมด สามารถประยกตใชไดหลากหลาย เหมาะส าหรบใชตดตงโคดตาง ๆ ลงบน Blogger เชน โคดปฏทน นาฬกา โคดจาวาสครปต โคดรปภาพ โคดวดโอ โคดของลงค เปนตน
5 Gadget ขอความ
เปน Gadget ทเหมาะส าหรบเขยนขอความ เชน ขอความตอนรบ เปนตน
6 Gadget Adsense
คณจะใช Gadget ชนดนไดเมอสมครเขารวมโปรแกรมหรอเปนตวแทนในการเผยแพรโฆษณาบน Google
7 Gadget รปภาพ
ถาคณตองการแสดงรปภาพบนบลอกอยางเดยวกใหเลอกใช Gadget นครบ
หนา 36
8 Gadget สไลดโชว
Gadget นเปนการดง Albums จาก Picasaweb มาแสดงในรปแบบสไลดโชวบนบลอกของ
9 Gadget แถบวดโอ
Gadget นจะท าใหผใชคนหาวดโอบน Youtube จากบลอกของคณได
10 Gadget แบบส ารวจ
Gadget นถอเปน Gadget หนงทนาสนใจมาก แตยงมผใชจ านวนนอย โดยคณอาจจะใชส ารวจความตองการ หรอความคดเหนของผอานตอบลอกของคณ หรอส ารวจเกยวกบเรองทเกยวของกบเนอหาบนบลอกของคณกได
11 Gadget รายการบลอก
Gadget ชนดนเปน Gadget ทสามารถรวบรวมขาวสารลาสดจากบลอกทคณเลอกหรอบลอกทคณตดตาม พรอมทงสามารถแสดงเนอหาแบบยอไดดวย
หนา 37
12 Gadget รายชอลงค
เปน Gadget ทใชสรางลงคไปยงทตาง ๆ โดยคณสามารถปอน URL บน Gadget ชนดนเพอสราง Link โดยไมตองมความรเรอง HTML มากอนเลย
13 Gadget รายการ
เปน Gadget ทคลายคลงกบ Gadget รายชอลงค แตมความยดหยนกวา สามารถสรางขอความรายการและใส link ใหขอความไดดวย
14 Gadget ฟด
คณสามารถใช Gadget นดงขาวสารจากในบลอกของคณ หรอบลอกอนทคณสนใจเอามาแสดงเพยงแคใสชอบลอกทตองการลงไปลงไปใน gadget
15 Gadget Newsreel
เปน gadget ทท าใหพาดหวขาวจาก Google มาปรากฏบนบลอกของคณเทานน
หนา 38
16 Gadget ปายก ากบ
Gadget นมความส าคญ คณควรจะตดตง เพอใหบทความทเขยนเปนหมวดหม ใหผอานเหนชดเจนเลอกอานไดตรงความตองการมากขน
17 Gadget ลงคการสมคร
Gadget นมความส าคญในเรองการสงขาวสารขอมลจากบลอกของคณไปยงผอาน ผอานจะสามารถสมครรบบทความทาง email หรอผานชองทางอน ๆ ไดจาก Gadget น
18 Gadget โลโก
Gadget นไมส าคญนกเปนเพยงตดตง logo ของ blogger ในหนาบลอกเทานน
19 Gadget โปรไฟล
Gadget นจะแสดงขอมลอยางของคณทไดกรอกเอาไวบนบญชของ Blogger ถาคณตองการแสดงขอมลของคณบน Blog กควรจะตดตง Gadget นครบ
หนา 39
20 Gadget คลงบทความของบลอก
Gadget นจะท าใหผอานเหนบทความทงหมดภายในบลอกของคณได
21 Gadget สวนหวของหนา
Gadget นเปนสวนทใส Title และ Description ของ Blog โดยปกตแลว Template ทวไปกจะตดตงสวนนอยแลว
คณสามารถทดลองใช Gadget เหลานไดโดยไมตองกลวความผดพลาดเพราะ Gadget บน
Blogger นนสามารถลบออกไดอยางงายดายโดยวธการจดการกบ Gadget
หนา 40
บทท 6 การจดการกบ Gadget ในหนาบลอก
ในบททผานมาเราได รจกและใชงาน Gadget ชนดตาง ๆ บน Blogger ผมไดกลาวถงวธการเพม Gadget ใหกบบลอก แตยงไมไดกลาวถงการลบ Gadget ออกจากองคประกอบของหนา และนอกจากน ต าแหนงของ Gadget ยงสามารถเคลอนยายต าแหนงไดอกดวย
การลบ Gadget วธท 1 ถาในขณะทเรา log in และเปดหนาบลอกของเราขนมา กจะสงเกตเหนวามเครองมอ
ปรากฏอยตามทตางๆ ในองคประกอบของหนา
และถาเราคลกเขาไปกจะสามารถแกไข หรอ ลบองคประกอบเหลานนออกไปไดเลยครบ
หนา 41
วธท 2 เราสามารถเขาไปลบ Gadget ไดท แผงควบคม gtgt การออกแบบ gtgt องคประกอบของหนา gtgt เลอกแกไข Gadget ทตองการลบ
จากนนเลอกลบไดเชนเดยวกบกรณแรก
การยายต าแหนง Gadget ส าหรบการยายต าแหนงของ Gadget ท าไดโดยการ เขาไปทแผงควบคม gtgt การออกแบบ gtgt
องคประกอบหนาจากนนใหลากเมาสบน Gadget ทตองการยายไปวางในต าแหนงทตองการไดเลยครบ
หนา 42
เมอเขาใจการท างานของ Gadget ชนดตาง ๆ แลวสงทอยากจะฝากเอาไวตอนทายนกคอการจดองคประกอบหนาของบลอกดงน
แนวทางในการจดองคประกอบหนาบลอก
แนวทางในการจดองคประกอบหนานนไมมกฎเกณฑตายตว บางคนชอบใหม 2 column บางคน ชอบใหม 3 column ซงกขนอยกบความชอบและความตองการใชงาน แตทอยากใหค านงไวเสมอคอ ผอน คอ พระเจา ท าอะไรใหเขาใจงายๆ หาอะไรกเจออยางรวดเรว เขาไวเปนพอครบ และอกประการทส าคญคอ การตดตง Gadget ตาง ๆ ควรตดตงเทาทจ าเปนและตองการใชงาน ปฏทน หรอนาฬกานนกไมควรตดตง ลงไปเลย เพราะไมคมคากบการเพมภาระการโหลดใหกบผเขาชม และถาบลอกของคณโหลดไดชา ก เปนไปไดยากทผอานจะกลบมาอก
องคประกอบในหนาของบลอกทผมคดวาคณควรจะมคอ สวนทบอกตวตนของบลอก
ซงอาจจะแสดงในสวนหวของหนา หรอเปนวดโอ สไลดขอความรปถาย อยในต าแหนงทเหนไดชด สวนทเชอมโยงไปยงบทความในบลอก
สวนนจ าเปนมากเพราะจะชวยใหผอานคนหาบทความไดเรวขน คณอาจจะรวมบทความทงหมดเลยหรอ อาจจะใชวธจดหมวดหมใหผอานเลอกสงทตองการจากบลอกของเราไดเรวขน
สวนพนทของสมาชก
สวนนจะแสดงใหเหนวามผสนใจบลอกของเรามากแคไหน และสามารถสมครตดตามบลอกของเราไดทนท เชนอาจจะใช Gadget ผตดตาม หรอใช Like box Plugins ของ Facebook หรออาจจะท า Poll กได
สวนทเปนชองทางใหผอานตดตอเราได
คณอาจจะท า link เชอมโยงใหผอานตดตอคณได หรออาจจะใช Gadget profile ของ Blogger เพอแนะน าตวกได
หนา 43
บทท 7 การแสดงขาวสารลาสดดวย Gadget ฟด
ความหมายของค าวา ฟดโดยสรปกคอเปนสงทแพรกระจายจากบลอกของเราบนโลก Internet เทยบไดกบคลนสญญาณวทยหรอโทรทศน ถามตวรบทกคนกสามารถมองเหนขาวสารทตองการเลอกรบได นอกจากนถามตวชวยสงใหฟดแพรไดแรงขน ขาวสารกยอมจะแพรกระจายไดเรวดวย
ดงนนถาคณสนใจขาวสารจากบลอกใดบลอกหนงคณกสามารถทจะเปดรบขาวสารจากบลอกนนๆ โดยใช Gadget ฟด ซงเปน Gadget ทสามารถเพมไดอยางไมจ ากด ดงนนถาคณตองการรบขาวจาก 10 บลอกกสามารถท าไดโดยการเพม gadget ฟดเขาไปในบลอก 10 ครง ในขณะเดยวกนถาคณใสชอบลอกของตวเองใน Gadget ฟด Gadget ชนดนจะกลายเปน Gadget ทใชแสดง บทความลาสดนนเองครบ
การแสดงขาวสารลาสดโดยการใช Gadget ฟด
1 ไปทองคประกอบของหนา gtgt เพมฟด Gadget
หนา 44
2 ใสโคดตอไปนลงไปใน Gadget ฟด httpชอบลอกblogspotcomfeedspostsdefault
โดยจะตองเปลยนชอบลอกเปนชอบลอกของของคณเองหรอชอบลอกทคณตองการรบขาวสารท update
ตงคาทตองการเพมเตมและบนทกกจะได feeds ขาวสารมาปรากฏทบลอกของคณ
3 ถาตองการเพมบลอกอนอกกท าซ าขอ 1 และ 2 แตตองเปลยนชอบลอกใหม 4 กรณทคณตองการเรยก feed จากเวบทตองการใหคนหา feed จากเวบ wwwgooglecom
แลวแทนโคดในขอ 2 เชน feed ขาวการศกษาจากเวบ httpwwwrssthaicom ใหใสโคด httpwwwrssthaicomnewsphpt=education แทนในขอ 2
หนา 45
บทท 8 แนะน า Gadget ใหมของ blogger ldquoหนาเวบrdquo
ตามเวบไซตตาง ๆ เราคงจะเคยเหนกนวาแตละเวบไซตจะม เมนส าหรบเลอกเปดไปดหนาอน ๆภายในเวบนนๆ เชน ตวอยางในรปดานลาง
Blogger ไดพฒนา Gadget ตวใหมขนมา มชอวา หนาเวบ เพอใหผใชไดสรางหนาของบลอกทตองการไดโดยไมตองมความรในการดดแปลงหรอแกไขแมแบบดวยตนเอง
การเรยกใช Gadget ชนดนสามารถเลอกใชไดเชนเดยวกบการ Add Gadget ชนดอน ๆ นนคอ ไปท องคประกอบของหนา gtgt แลวเลอก เพม Gadget
ตอไปเรามาดวา Gadget น ใชอยางไร และใชเพอจดประสงคใด หลกการของ Gadget นเหมอนการสรางบทความขนมา 1 บทความ และ สราง Link เชอมโยงไป ยงบทความนน ๆ แตมความพเศษตรงทผใชทวไปสรางเมนขนเองไดอยางงายดาย โดยไมตองมความรพนฐานเกยวกบ HTML เลย
หนา 46
ตวอยางวธการใชงาน(จรง) ในตวอยางนผมจะสราง 2 หนาใหเหนเปนตวอยาง ไดแก HOME และ CONTACT ME
ขนเตรยมการ เนองจากผมจะยกตวอยางการสรางหนา Contact me ดงนนใหทกคนไปสราง Form ส าหรบ
ตดตอเจาของบลอกซงกคอเราเอง ไดท httpwwwfoxyformcom
ซงขนตอนในการสราง ฟอรมนนงายมาก มเพยง 4 ขนเทานน (ดรป)
หนา 47
เมอไดโคด แลวคดลอกเกบเอาไวกอนครบ
ขนสรางหนาเวบจรง ขนท 1 สรางหนาแรก หรอ HOME
Log in เขาไปท draftblogger ไปทแผงควบคม gtgt องคประกอบของหนา gtgt แลวเลอก เพม Gadget เลอกอนแรกเลยครบ คอ gadget หนาเวบ
จากนนกสราง หนาแรกขนมาโดยตงชอตามทตองการไดเลย แลวท าการบนทกครบ
หนา 48
ขนท 2 เมอผานขนท 1 มาแลวกเทากบวาเราไดสราง หนาบลอกขนมาแลว 1 หนา
ถาจะท าการเพมหนาอก ใหไปทแผงควบคม gtgt การสงบทความ gtgt แกไขหนาเวบ gtgt หนาเวบใหม
เมอคลกสรางหนาเวบใหม เรากจะพบเครองมอตาง ๆ เหมอนการเขยนบทความนนเองครบ
หนา 49
ใหน าโคดของ Form ทเตรยมไว จากขนเตรยมการมาวางในหนาหนาน จดรปแบบตามตองการแลวบนทกหนาไดเลยครบ
เพยงขนตอนสน ๆ นเรากจะมเมนเชอมโยงไปยง หนาของบลอกถง 2 หนาดวยกน ไดแก HOME และ CONTACT ME
หนา 50
ขนท 3 - ถาหากตองการเพมหนาบลอกเพมขนอกกท าซ าขนตอนทไดกลาวมาขางตนครบ - แตถาตองการลบหนาบลอกทง กมาทเดม แลวจะเหนค าวาลบ ถาตองการลบทงกกดค าวาลบ
ไดเลย
ขนท 4 วธจดการกบเมนหนาเวบ - ถาตองการเรยงล าดบหนาเวบใหม กไปท องคประกอบของหนา แลว คลก Gadget หนาเวบขนมาแกไข gtgt ดรป
หนา 51
นอกจากน Gadget หนาเวบจะมลกษณะพเศษ คอ ถาอยท Sidebar เมนจะจดเรยงเปนแนวตง
หนา 52
แตถาลากไปในต าแหนงใตสวนหว จะจดเรยงเรยงเปนแนวนอนโดยอตโนมต
หนา 53
บทท 9 นบจ านวนคนเยยมชมดวย Flagcounter
อกบรการนบสถตคนเยยมชมทชวยใหเราทราบวาบลอกของเรามผเยยมชมทงในและตางประเทศมากหรอนอย จาก Flagcounter
วธตดตง
1 ไปท httpwwwflagcountercomindexhtml 2 ตงคาตางๆ ตามความตองการแลวกด GET YOUR FLAG COUNTER ดงรป
3 คดลอก HTML โคด ท FLAG COUNTER ไดสรางใหในขนท 2
หนา 54
4 กลบมาทบลอกของเรา ไปทแผงควบคม gtgt รปแบบ gtgt องคประกอบหนา gtgt เพม Gadget ชนด HTMLจาวาสครปต
5 วางโคดทคดลอกมาจากขนท 3 แลวบนทกครบกเปนอนจบขนตอนครบ ลกษณะทไดกดงรป
หนา 55
บทท 10 รปภาพในบทความบน Blogger
คณเคยสงสยไหมครบวา รปภาพทคณ upload ขนไปขณะทเขยนบทความ หรออาจจะเขยนบทความไปแลว รปเหลานนไปอยทไหน เพราะวา Blogger เองไมม sever ยงตองอาศยฐานขอมลของตวแมคอ blogspotcom อย แลวจะเอาพนท ๆ ไหนมาเกบรปตงมากมาย
ค าตอบคอ Blogger จะใชวธเชอมโยงกบ Application อน ๆ ของ Google เพอแกปญหาการเกบขอมล เชนรปภาพใน Blogger ทเราพดถงกนอยตอนนกจะถกเกบ
อยท Picasa Web Albums ดงนนไมวาจะเปนภาพทคณ Upload ขณะเขยนบทความ กจะถกเกบอยใน Picasa Web Albums ทงหมด
คณใชบรการ Picasa Web Albums ไดอยางไร
การใชบรการ Picasa Web Albums สามารถเขาใชไดทนทหากคณมบญชผใชกบ google อยแลว เชนมบญชผใช Gmail หรอ Blogger อยแลวกสามารถ Log in เขาใชไดเลย
Picasa Web Albums ใหพนทเทาไร
Picasa จะใหพนท เพยง 1 GB ตอ 1 บญชผใช นเปนเหตผลทบางคนอาจจะสงสยวาท าไมคณภาพรปหรอขนาดของรปบน Blogger จงลดลง กลาวคอระบบของ Picasa จะท าการลดขนาดของรปทเรา Upload ผาน Blogger ใหมขนาดเลกลงเพอเปนการประหยดพนทนนเอง
หนา 56
คณจะเขาไปจดการรปภาพจาก Blogger ใน Picasa Web ไดอยางไร การจดการภาพใน Picasa Web Albums ท าได 2 วธคอ
1 ใช Software ทพฒนาขนมาจดการ Picasa Web Albums โดยเฉพาะ
คณสามารถเขาไปดาวนโหลด Picasa ไดท httppicasagooglecom 2 เขาไปจดการทเวบไซต Picasa Web Albums โดยตรง โดยไปท httppicasawebgooglecom และ Log in โดยใชชอบญชเดยวกบ Blogger
คณสามารถเขาไป Unload ภาพไดโดยตรงกบ Picasa แลวเรยกมาใชบน blogger ไดโดยใชตวเลอก อปโหลด
หนา 57
แตถาตองการรปภาพบน Blogger ทไดอปโหลดขนไปแลวกคลกทอลบมทตองการแลวเขาไปจดการภาพไดเชนกน ลบรปภาพบน Blogger แลวรปบน Picasa จะถกลบดวยหรอไม
การลบรปภาพบน Blogger ไมสงผลใด ๆ ตอ Picasa Web Albums เลยเวนแตคณจะเขามาลบใน Picasa Web Albums โดยตรง ดงนนถาในขณะเขยนบทความคณเผลอท าพลาดรปภาพหายไป กสามารถเขามาเอารปภาพจาก Picasa Web Albums ใชงานไดอกโดยไมตอง upload ซ า หรอไมตองไปหาภาพมาใหม บทสรป
บทนแนะน าใหพอรจกการเชอมโยงระหวาง Blogger และ Picasa Web Albums ซงเปนบรการในเครอขาย Google เหมอนกน และจะท าใหคณเขาใจการจดการเกยวกบภาพบน Blogger ไดดขน
หนา 58
บทท 11 การสรางวดโอใน YouTube และน ามาใสในบลอก
ถามวดโอในหนาบลอกของเราดวย การสอสารเรองราวตางๆ กจะมชวตชวาและเขาใจงายขน ซงในทนเราสามารถสรางไดไมยากดวยบรการของ wwwyoutubecom ครบ
ขนตอนการฝากวดโอไวกบ youtube
1 ไปท wwwyoutubecom แลวเลอก Create Account ทมมขวาบนซงในกรณทเรา Login อยในเวบบลอกของเรานน กสามารถใชบรการของ youtube ดวย Account เดมโดยไมตองสมครใหมครบ วธการท าไดโดย
11 คลกท 12 กรอกขอมลส าหรบการสรางบญช โดยใช username ของ gmail ของเราเอง 13 จากนน คลก
หนา 59
14 จะพบหนาตางใหกรอก Username และ รหสผาน ของ gmail ใหกรอก e-mail ของเรา
จะพบหนาจอ ดงน จากนนเรากสามารถท าการเพม Video ไดตามทเราตองการ
หนา 60
2 การฝาก youtube มเงอนไขส าคญๆ ดงน - ความยาวของวดโอไมเกน 10 นาท - ควรเปนวดโอทไมกระทบตอสถาบน ชาต ศาสนา พระมหากษตรย และ ศลธรรมอนดงามของสงคม
3 การ upload วดโอขนไปทเมน upload (ทมมขวาบน) แลวท าการเลอกไฟลวดโอจากเครองของเรา และรอจนการ upload เสรจสน
31 คลกทปม Uploads
32 คลกทปม Upload Video
33 เลอกไฟล Video ทตองการ
34
34 เมอ Upload ได 100 แลวใหคลก Save change
หนา 61
4 เมอ upload เสรจสนแลวคลกทขอความ Embed and Sharing Options เรากเหน HTML code ใหคดลอก code เหลานนมาแปะในสวนทเราตองการ
เชนในทนผมคดลอก code มาแปะในบทความกจะไดผลลพธเปนวดโอตามดานลางทเหนครบ
หนา 62
เรอง หนา บทน าhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 1 บทท 1 การสรางเวบบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 4 บทท 2 วธเปลยน Template ของ Bloggerhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 12 บทท 3 วธเขยนและจดการบทความในบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 22 บทท 4 การตงคาพนฐานตางๆ ใหกบบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 26 บทท 5 รจกและใชงาน Gadget ชนดตางๆ บน Bloggerhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 32 บทท 6 การจดการกบ Gadget ในหนาบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 40 บทท 7 การแสดงขาวสารลาสดดวย Gadget ฟดhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 43 บทท 9 นบจ านวนคนเยยมชมดวย Flagcounterhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 53 บทท 10 รปภาพในบทความบน Bloggerhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 55 บทท 11 การสรางวดโอใน YouTube และน ามาใสในบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 58
หนา 63
255
เอกสารประกอบการฝกอบรมเชงปฏบตการ
การพฒนาสอการเรยนการสอน โดยใชโปรแกรมคอมพวเตอรรวมกบ Weblog
หนา 20
3 การใชงานเครองมอ ldquoรปแบบrdquo คณสามารถใชเครองมอนเพอก าหนดจ านวน คอลมน รปแบบคอลมน ความกวางของคอลมน รวมถงการก าหนดคอลมนใหกบสวนทายของหนาไดดวย
31 การใชงานเครองมอ ldquoการออกแบบเนอความrdquo เครองมอนใชก าหนดรปแบบคอลมนของ template ของคณ ซงท าไดงายดายโดยการคลกเลอกรปแบบทตองการ ดตวอยาง เมอเปนทพอใจแลวกกดปม ldquoใชกบบลอกrdquo เพอยนยน
32 การใชงานเครองมอ ldquoการออกแบบสวนทายrdquo เครองมอนเปนเครองมอส าหรบการ
ก าหนดคอลมนใหกบสวนทายของหนาบลอก ซงท าไดเชนเดยวกบ 31
หนา 21
33 การใชงานเครองมอ ldquoการปรบความกวางrdquo คณสามารถปรบความกวางของแมแบบ และ sidebar จากเครองมอนเพยงแคเลอน slider ใหตรงกบคาตวเลขทตองการเทานน
4 ส าหรบเมนขนสงเปนการก าหนดรายละเอยดตางๆ ใหกบบลอก เชน รปแบบของลงค gadget ตางๆ หวเรอง ชอของบลอก เปนตน ซงคณสามารถปรบแตงตามความตองการแลว แสดงตวอยาง หากเปนทพอใจกบนทกเชนเดยวกบ ขอ 1-3 ทไดกลาวมาแลว
ปล อยาลมนะครบวาเครองมอเหลานจะไมมใน bloggercom แต จะมใน draftbloggercom เทานน
หนา 22
บทท 3 วธเขยนและจดการบทความในบลอก
บทนผมจงจะเลาถงวธเขยนบทความใน Blogger เพอเปนแนวทางใหคณสามารถเขยนบทความลงในบลอกของคณไดสวยงามและเปนมออาชพมากขน
ส าหรบทานทเขยนบทความเปนอยแลวอาจจะขามไปอานบทความอน ๆ ตอไปไดเลยครบ สวนทานทเปนมอใหมจรง ๆ กควรจะอานบทความนใหจบเพอเปนแนวทางในการ
เขยนบทความของคณเองตอไป
1 การเขาไปเขยนบทความ การเขาไปเขยนบทความบน Blogger โดยตรงสามารถเขาไปได 2 ชองทางดวยกนคอ 11 ถาคณใชแมแบบทไมไดซอนแถบน าทางสามารถเขาไปเขยนบทความไดโดยคลกทเมน
บทความใหม
12 เขาไปเขยนบทความผาน draftbloggercom
หนา 23
โปรดสงเกตวาเครองมอในการเขยนบทความของ Draftblogger จะมมากกวาเครองมอของ blogger ปกต ดงนนโดยสวนตวผมแนะน าใหเขยนบทความผาน draftbloggercom เพราะมเครองมอมากกวาวธแรก และควรตงคาให draftblogger เปนเครองมอเรมตน
2 องคประกอบของเครองมอเขยนบทความ
กอนอนผมขอแนะน าใหรจกเครองมอทจ าเปนในการเขยนบทความดงน สวนท 1 คอสวนตงชอเรองหรอชอบทความ สวนท 2 เปนสวนทใชส าหรบกรณทเราตองการวางขอความทคดลอกมาจาก Ms word
หรอโคดวดโอจาก Youtube หรอโคด HTMLจาวาสครปตทตองการใหปรากฏและแสดงผลในบทความ
หนา 24
สวนท 3 เปนแถบทเลอกเมอตองการเขยนขอความปกตซงจะมเครองมอในการเขยนบทความตามทเหนในภาพขางบน
สวนท 4 ส าหรบจดรปแบบอกษร สวนท 5 เปนเครองมอในการใสลงคใหขอความ แทรกภาพลงในบทความ และแทรกวดโอ
ลงในบทความตามล าดบ สวนท 6 รปกระดาษขาดทเหนนนใชในกรณทคณตองการแสดงบทความใหผอานเหนในหนา
หลกเพยงบางสวนเทานน และถาใชเครองมอนผอานจะตองคลกอานเพมเตมจงจะเหนขอความแบบเตม เครองมอนมขอดคอท าใหบทความทมความยาวมาก ๆ สนลงได และท าใหเปดหนาแรกไดเรวขนดวย
สวนท 7 เปนสวนทใชในการจดเรยงขอความ และจดแนวรปภาพไดดวย เชน จดชดซาย ชดขวา กงกลาง เปนตน
สวนท 8 ไดแกการใส การเนนขอความ การลบรปแบบ การตรวจสอบการสะกดค า และการแปลภาษา
สวนท 9 เปนสวนทใชในการวางก าหนดเวลาลางหนา วาจะใหบทความทเขยนเผยแพรใน วนใด
สวนท 10 เปนการใสปายก ากบ ซงเปนสวนทใชระบวาบทความทเขยนนอยในหมวดหมใด ซงสามารถใสไดมากกวา 1 ปายก ากบโดยคนดวยเครองหมายจลภาค และสามารถเลอกปายก ากบทคณเคยใสใหบทความอนไปแลวมาใสอกได เพอท าใหบทความนน ๆ อยในหมวดหมเดยวกน
สวนท 11 เปนการเลอกวาจะบนทกไวกอน หรอจะเผยแพร มประโยชนในกรณทบทความทเขยนใชเวลาเขยนนานมากกอาจจะบนทกเอาไวกอนแลวมาเขยนตอในภายหลงได
หนา 25
เทคนคการเขยนบทความทควรร ในกรณทเรามไฟลเอกสารจาก MS word แลวคดลอกมาวางเพอท าใหเขยนบทความไดเรวขน
บางครงพบปญหาขอผดพลาดของฟอรม (ฟอรมใน MS word ไมสามารถแปลงเปน HTML Code ได)
ปญหานแกไดโดยกอนวางขอความใหคลกทแถบ แกไข HTML แลวจงวางขอความทคดลอกมา
จากนนจงคลกทแถบ เขยน เพอจดรปแบบของบทความตอไป
เทคนคนยงสามารถใชกบการวางโคดวดโอ หรอขอความทคดลอกมาจากเวบไซตไดดวยครบ
หนา 26
บทท 4 การตงคาพนฐานตางๆ ใหกบบลอก
บทนผมจะขอแนะน าการตงคาพนฐานตางๆ ของบลอกเพอใหเขาใจการตงคาในสวนตาง ๆ ของ Blogger และจะท าใหคณสามารถตงคาตาง ๆ ตามความตองการของตนเองได อกทงจะเปนประโยชนในการพฒนาการท า Blogger ในระยะยาวดวย
การตงคาพนฐานตางๆ ของบลอกท าไดโดย Log in เขาไปท blogger เมอมาทหนา แผงควบคม ให Click ท การตงคา
และทานจะเขามาทเมนการตงคาของบลอก
ผมจะแบงการตงคาออกเปน 9 สวนดงน 1 ขนตน
คณสามารถดาวนโหลด Blog เพอเกบเปน Backup ขอมลบทความและ comment ของบลอกไดโดยเลอก สงออกบลอก แตถาคณมขอมลบลอกเดมอยแลวอยากจะน ามาใชกบบลอกใหมทสรางขน กใหเลอก น าเขาบลอก แตถาคดวาไมตองการใชบลอกนแลวกสามารถลบทงไดโดยเลอก ลบบลอก
หนา 27
Title และค าอธบายของบลอก ควรใสใหเขาใจภาพรวมของบลอกและม keyword ในการท าบลอกแทรกอยใน Description ดวย
ในสวนการตงคาอน ๆ ควรตงคาดงน
องคประกอบ ตงคาเปน
เพมบลอกของคณในรายการของเราหรอไม ใช
อนญาตใหเครองมอคนหาพบบลอกของคณหรอไม ใช
แสดงการแกไขอยางรวดเรวบนบลอกของคณหรอไม ใช
มเนอหาส าหรบผใหญหรอไม ไม
เลอกโปรแกรมแกไขบทความ โปรแกรมแกไขทอปเดต
2 การเผยแพร ในการตงคาสวนนสามารถเปลยน URL ของบลอกได
หนา 28
ถาคณตองการเปลยนโดเมนของบลอกจาก blogspotcom เปนโดเมนอนกสามารถตงคาไดตรงสวนน แตจะตองเสยคาใชจายการจดโดเมนผาน google ปละ 10 US (ประมาณ 300 กวาบาทตอป)
3 การจดรปแบบ ในสวนนเปนการตงคาการเผยแพรบทความ เชน จ านวนบทความในหนาแรก รปแบบเวลา
และวนทเปนตน
คณควรจะตงคาตาง ๆ ดงน
องคประกอบ ตงคาเปน
แสดงสงสด เทาไรกได
รปแบบสวนหวของวนท ตงไดตามใจชอบ
รปแบบวนทของดชนคลงบทความ ตงไดตามใจชอบ
รปแบบเวลา ตงไดตามใจชอบ
โซนเวลา (GMT+0700)กรงเทพ
ภาษา ไทย
แปลงการขนบรรทดใหม ไม
แสดงฟลดชอเรอง ใช
แสดงฟลดของลงก ไม
เปดใชการจดเรยงแบบลอย ใช
แมแบบบทความ ยงไมตองตงคา
หนา 29
4 เมนขอคดเหน เปนเมนส าหรบตงคาตาง ๆ เกยวกบการแสดงความคดเหนของบลอก
คณควรจะตงคาตาง ๆ ดงน
องคประกอบ ตงคาเปน
ขอคดเหน แสดง
ใครสามารถแสดงความคดเหน ผใชทมบญช Google
การจดวางฟอรมความคดเหน วางไวใตบทความ
ความคดเหนเรมตนส าหรบบทความ บทความใหมมความคดเหน
ลงกยอนกลบ ซอน
คาเรมตนของลงกยอนกลบส าหรบบทความ บทความใหมมลงกยอนกลบ รปแบบเวลาในสวนความคดเหน ตงคาตามใจ
ขอความของฟอรมความคดเหน ไมตองใสคาใด ๆ กได
การจดการความคดเหน ไม
แสดงการตรวจสอบค าส าหรบความคดเหนหรอไม ไม
แสดงรปภาพโปรไฟลบนความคดเหนหรอไม ใช
อเมลส าหรบแจงเตอนเมอมความคดเหนใหม กรอก email ของคณลงไป
5 เกบเขาคลงบทความ ตงใหเปนรายเดอนจะดทสด
หนา 30
6 ฟดของไซต ถาบทความในบลอกไมมากนก ตงคาเปน แบบเตม แตถาบทความมประมาณ 100 ขนไปควร
จะตงเปน แบบสน
7 อเมลและมอถอ
ในสวนนเปนการตงคา อเมลเพอใหระบบสงบลอกของคณทกครงทมการเผยแพร และเปนการตงคา การใชอปกรณเคลอนทในการเขยนบลอก ตรงนผมยงไมเคยลองเหมอนกน
8 OpenID
คณสามารถใช OpenID URL เพอเขาสไซตอนๆ ทใชงาน OpenID นอกจากนคณยงสามารถก าหนดใหผใช OpenID สามารถแสดงความคดเหนในบลอกของคณ โดยปรบการตงคา ความคดเหน ของคณ
9 สทธ
ในสวนนคณสามารถใชในการเปลยนผเขยนบลอก และเพมผดแลระบบไดถง 100 ราย
หนา 31
นอกจากนคณยงจ ากดคนเขาชมบลอกไดดวย โดยการระบ Email ของผทตองการลงไป
หนา 32
บทท 5 รจกและใชงาน Gadget ชนดตางๆ บน Blogger
เมอเรยนรเกยวกบ การตงคาตาง ๆ ของบลอก การเปลยน Templates ใหกบบลอกไปแลว สวนทเหลอคอ การจดรปแบบองคประกอบหนาใหกบบลอก รวมถงการใชงาน Gadget หลกชนดตางๆ ของ Blogger
Gadget คออะไร
Gadget ใน Blogger นนหมายถงสวนเสรมทเราสามารถตดตงเพมลงไปในแมแบบของ Blogger ซงบางครงกถกเรยกวา widget ซงกหมายถงสงเดยวกนกบ Gadget
วธเพม Gadget กอนอนให Login เขาไปท blogger หรอ draftblogger gtgt จากแผงควบคมใหเลอก การออกแบบ
หนา 33
จากนนใน Layout ของแมแบบคณจะเหนพนท ดงรปดานลางเพอใหเพม Gadget
และเมอคลก เพม Gadget กจะปรากฏ Gadget พนฐาน 21 อยางทจะกลาวถงในหวขอน
นอกจากนยงม Gadget อกมากมายซงคณสามารถเลอกไดจากเมนแกดเจดเพมเตมทางซายมอ
เมอเลอก Gadget ทตองการแลว คลกทปม + เพอท าการเพม Gadget นน ใสชอ Gadget และตงคาทตองการแลวบนทก
รปทเหนขางบนเปน Gadget ผตดตาม ส าหรบ Gadget อน ๆ กท าไดในท านองเดยวกน
หนา 34
รจกกบ Gadget พนฐาน 21 อยางของ Blogger
1 Gadget หนาเวบ
หลกการของ Gadget ชนดนคอคณจะตองสรางหนาเวบขนมากอน แลวใช Gadget นเปนเมนในการเชอมโยงไปยงหนาเวบ
2 Gadget ผตดตาม
Gadget ชนดนใชเพอใหผอานทชนชอบบลอกของคณไดตดตาม และเมอตดตามแลวความเคลอนไหว และการ update บทความของจะไปปรากฏแผงควบคมของผตดตามโดยอตโนมต และมสทธในการแสดงความคดเหนบนบลอกของคณได (กรณทคณอนญาตเฉพาะสมาชก)
3 Gadget ชองคนหา
เปน Gadget ทตดตงเพอใหผอานสามารถคนหาสงทตองการในบลอกของคณไดงายขน
หนา 35
4 Gadget HTMLจาวาสครปต
Gadget ชนดนเปน Gadget ทยดหยนทสดในบรรดา Gadget ทงหมด สามารถประยกตใชไดหลากหลาย เหมาะส าหรบใชตดตงโคดตาง ๆ ลงบน Blogger เชน โคดปฏทน นาฬกา โคดจาวาสครปต โคดรปภาพ โคดวดโอ โคดของลงค เปนตน
5 Gadget ขอความ
เปน Gadget ทเหมาะส าหรบเขยนขอความ เชน ขอความตอนรบ เปนตน
6 Gadget Adsense
คณจะใช Gadget ชนดนไดเมอสมครเขารวมโปรแกรมหรอเปนตวแทนในการเผยแพรโฆษณาบน Google
7 Gadget รปภาพ
ถาคณตองการแสดงรปภาพบนบลอกอยางเดยวกใหเลอกใช Gadget นครบ
หนา 36
8 Gadget สไลดโชว
Gadget นเปนการดง Albums จาก Picasaweb มาแสดงในรปแบบสไลดโชวบนบลอกของ
9 Gadget แถบวดโอ
Gadget นจะท าใหผใชคนหาวดโอบน Youtube จากบลอกของคณได
10 Gadget แบบส ารวจ
Gadget นถอเปน Gadget หนงทนาสนใจมาก แตยงมผใชจ านวนนอย โดยคณอาจจะใชส ารวจความตองการ หรอความคดเหนของผอานตอบลอกของคณ หรอส ารวจเกยวกบเรองทเกยวของกบเนอหาบนบลอกของคณกได
11 Gadget รายการบลอก
Gadget ชนดนเปน Gadget ทสามารถรวบรวมขาวสารลาสดจากบลอกทคณเลอกหรอบลอกทคณตดตาม พรอมทงสามารถแสดงเนอหาแบบยอไดดวย
หนา 37
12 Gadget รายชอลงค
เปน Gadget ทใชสรางลงคไปยงทตาง ๆ โดยคณสามารถปอน URL บน Gadget ชนดนเพอสราง Link โดยไมตองมความรเรอง HTML มากอนเลย
13 Gadget รายการ
เปน Gadget ทคลายคลงกบ Gadget รายชอลงค แตมความยดหยนกวา สามารถสรางขอความรายการและใส link ใหขอความไดดวย
14 Gadget ฟด
คณสามารถใช Gadget นดงขาวสารจากในบลอกของคณ หรอบลอกอนทคณสนใจเอามาแสดงเพยงแคใสชอบลอกทตองการลงไปลงไปใน gadget
15 Gadget Newsreel
เปน gadget ทท าใหพาดหวขาวจาก Google มาปรากฏบนบลอกของคณเทานน
หนา 38
16 Gadget ปายก ากบ
Gadget นมความส าคญ คณควรจะตดตง เพอใหบทความทเขยนเปนหมวดหม ใหผอานเหนชดเจนเลอกอานไดตรงความตองการมากขน
17 Gadget ลงคการสมคร
Gadget นมความส าคญในเรองการสงขาวสารขอมลจากบลอกของคณไปยงผอาน ผอานจะสามารถสมครรบบทความทาง email หรอผานชองทางอน ๆ ไดจาก Gadget น
18 Gadget โลโก
Gadget นไมส าคญนกเปนเพยงตดตง logo ของ blogger ในหนาบลอกเทานน
19 Gadget โปรไฟล
Gadget นจะแสดงขอมลอยางของคณทไดกรอกเอาไวบนบญชของ Blogger ถาคณตองการแสดงขอมลของคณบน Blog กควรจะตดตง Gadget นครบ
หนา 39
20 Gadget คลงบทความของบลอก
Gadget นจะท าใหผอานเหนบทความทงหมดภายในบลอกของคณได
21 Gadget สวนหวของหนา
Gadget นเปนสวนทใส Title และ Description ของ Blog โดยปกตแลว Template ทวไปกจะตดตงสวนนอยแลว
คณสามารถทดลองใช Gadget เหลานไดโดยไมตองกลวความผดพลาดเพราะ Gadget บน
Blogger นนสามารถลบออกไดอยางงายดายโดยวธการจดการกบ Gadget
หนา 40
บทท 6 การจดการกบ Gadget ในหนาบลอก
ในบททผานมาเราได รจกและใชงาน Gadget ชนดตาง ๆ บน Blogger ผมไดกลาวถงวธการเพม Gadget ใหกบบลอก แตยงไมไดกลาวถงการลบ Gadget ออกจากองคประกอบของหนา และนอกจากน ต าแหนงของ Gadget ยงสามารถเคลอนยายต าแหนงไดอกดวย
การลบ Gadget วธท 1 ถาในขณะทเรา log in และเปดหนาบลอกของเราขนมา กจะสงเกตเหนวามเครองมอ
ปรากฏอยตามทตางๆ ในองคประกอบของหนา
และถาเราคลกเขาไปกจะสามารถแกไข หรอ ลบองคประกอบเหลานนออกไปไดเลยครบ
หนา 41
วธท 2 เราสามารถเขาไปลบ Gadget ไดท แผงควบคม gtgt การออกแบบ gtgt องคประกอบของหนา gtgt เลอกแกไข Gadget ทตองการลบ
จากนนเลอกลบไดเชนเดยวกบกรณแรก
การยายต าแหนง Gadget ส าหรบการยายต าแหนงของ Gadget ท าไดโดยการ เขาไปทแผงควบคม gtgt การออกแบบ gtgt
องคประกอบหนาจากนนใหลากเมาสบน Gadget ทตองการยายไปวางในต าแหนงทตองการไดเลยครบ
หนา 42
เมอเขาใจการท างานของ Gadget ชนดตาง ๆ แลวสงทอยากจะฝากเอาไวตอนทายนกคอการจดองคประกอบหนาของบลอกดงน
แนวทางในการจดองคประกอบหนาบลอก
แนวทางในการจดองคประกอบหนานนไมมกฎเกณฑตายตว บางคนชอบใหม 2 column บางคน ชอบใหม 3 column ซงกขนอยกบความชอบและความตองการใชงาน แตทอยากใหค านงไวเสมอคอ ผอน คอ พระเจา ท าอะไรใหเขาใจงายๆ หาอะไรกเจออยางรวดเรว เขาไวเปนพอครบ และอกประการทส าคญคอ การตดตง Gadget ตาง ๆ ควรตดตงเทาทจ าเปนและตองการใชงาน ปฏทน หรอนาฬกานนกไมควรตดตง ลงไปเลย เพราะไมคมคากบการเพมภาระการโหลดใหกบผเขาชม และถาบลอกของคณโหลดไดชา ก เปนไปไดยากทผอานจะกลบมาอก
องคประกอบในหนาของบลอกทผมคดวาคณควรจะมคอ สวนทบอกตวตนของบลอก
ซงอาจจะแสดงในสวนหวของหนา หรอเปนวดโอ สไลดขอความรปถาย อยในต าแหนงทเหนไดชด สวนทเชอมโยงไปยงบทความในบลอก
สวนนจ าเปนมากเพราะจะชวยใหผอานคนหาบทความไดเรวขน คณอาจจะรวมบทความทงหมดเลยหรอ อาจจะใชวธจดหมวดหมใหผอานเลอกสงทตองการจากบลอกของเราไดเรวขน
สวนพนทของสมาชก
สวนนจะแสดงใหเหนวามผสนใจบลอกของเรามากแคไหน และสามารถสมครตดตามบลอกของเราไดทนท เชนอาจจะใช Gadget ผตดตาม หรอใช Like box Plugins ของ Facebook หรออาจจะท า Poll กได
สวนทเปนชองทางใหผอานตดตอเราได
คณอาจจะท า link เชอมโยงใหผอานตดตอคณได หรออาจจะใช Gadget profile ของ Blogger เพอแนะน าตวกได
หนา 43
บทท 7 การแสดงขาวสารลาสดดวย Gadget ฟด
ความหมายของค าวา ฟดโดยสรปกคอเปนสงทแพรกระจายจากบลอกของเราบนโลก Internet เทยบไดกบคลนสญญาณวทยหรอโทรทศน ถามตวรบทกคนกสามารถมองเหนขาวสารทตองการเลอกรบได นอกจากนถามตวชวยสงใหฟดแพรไดแรงขน ขาวสารกยอมจะแพรกระจายไดเรวดวย
ดงนนถาคณสนใจขาวสารจากบลอกใดบลอกหนงคณกสามารถทจะเปดรบขาวสารจากบลอกนนๆ โดยใช Gadget ฟด ซงเปน Gadget ทสามารถเพมไดอยางไมจ ากด ดงนนถาคณตองการรบขาวจาก 10 บลอกกสามารถท าไดโดยการเพม gadget ฟดเขาไปในบลอก 10 ครง ในขณะเดยวกนถาคณใสชอบลอกของตวเองใน Gadget ฟด Gadget ชนดนจะกลายเปน Gadget ทใชแสดง บทความลาสดนนเองครบ
การแสดงขาวสารลาสดโดยการใช Gadget ฟด
1 ไปทองคประกอบของหนา gtgt เพมฟด Gadget
หนา 44
2 ใสโคดตอไปนลงไปใน Gadget ฟด httpชอบลอกblogspotcomfeedspostsdefault
โดยจะตองเปลยนชอบลอกเปนชอบลอกของของคณเองหรอชอบลอกทคณตองการรบขาวสารท update
ตงคาทตองการเพมเตมและบนทกกจะได feeds ขาวสารมาปรากฏทบลอกของคณ
3 ถาตองการเพมบลอกอนอกกท าซ าขอ 1 และ 2 แตตองเปลยนชอบลอกใหม 4 กรณทคณตองการเรยก feed จากเวบทตองการใหคนหา feed จากเวบ wwwgooglecom
แลวแทนโคดในขอ 2 เชน feed ขาวการศกษาจากเวบ httpwwwrssthaicom ใหใสโคด httpwwwrssthaicomnewsphpt=education แทนในขอ 2
หนา 45
บทท 8 แนะน า Gadget ใหมของ blogger ldquoหนาเวบrdquo
ตามเวบไซตตาง ๆ เราคงจะเคยเหนกนวาแตละเวบไซตจะม เมนส าหรบเลอกเปดไปดหนาอน ๆภายในเวบนนๆ เชน ตวอยางในรปดานลาง
Blogger ไดพฒนา Gadget ตวใหมขนมา มชอวา หนาเวบ เพอใหผใชไดสรางหนาของบลอกทตองการไดโดยไมตองมความรในการดดแปลงหรอแกไขแมแบบดวยตนเอง
การเรยกใช Gadget ชนดนสามารถเลอกใชไดเชนเดยวกบการ Add Gadget ชนดอน ๆ นนคอ ไปท องคประกอบของหนา gtgt แลวเลอก เพม Gadget
ตอไปเรามาดวา Gadget น ใชอยางไร และใชเพอจดประสงคใด หลกการของ Gadget นเหมอนการสรางบทความขนมา 1 บทความ และ สราง Link เชอมโยงไป ยงบทความนน ๆ แตมความพเศษตรงทผใชทวไปสรางเมนขนเองไดอยางงายดาย โดยไมตองมความรพนฐานเกยวกบ HTML เลย
หนา 46
ตวอยางวธการใชงาน(จรง) ในตวอยางนผมจะสราง 2 หนาใหเหนเปนตวอยาง ไดแก HOME และ CONTACT ME
ขนเตรยมการ เนองจากผมจะยกตวอยางการสรางหนา Contact me ดงนนใหทกคนไปสราง Form ส าหรบ
ตดตอเจาของบลอกซงกคอเราเอง ไดท httpwwwfoxyformcom
ซงขนตอนในการสราง ฟอรมนนงายมาก มเพยง 4 ขนเทานน (ดรป)
หนา 47
เมอไดโคด แลวคดลอกเกบเอาไวกอนครบ
ขนสรางหนาเวบจรง ขนท 1 สรางหนาแรก หรอ HOME
Log in เขาไปท draftblogger ไปทแผงควบคม gtgt องคประกอบของหนา gtgt แลวเลอก เพม Gadget เลอกอนแรกเลยครบ คอ gadget หนาเวบ
จากนนกสราง หนาแรกขนมาโดยตงชอตามทตองการไดเลย แลวท าการบนทกครบ
หนา 48
ขนท 2 เมอผานขนท 1 มาแลวกเทากบวาเราไดสราง หนาบลอกขนมาแลว 1 หนา
ถาจะท าการเพมหนาอก ใหไปทแผงควบคม gtgt การสงบทความ gtgt แกไขหนาเวบ gtgt หนาเวบใหม
เมอคลกสรางหนาเวบใหม เรากจะพบเครองมอตาง ๆ เหมอนการเขยนบทความนนเองครบ
หนา 49
ใหน าโคดของ Form ทเตรยมไว จากขนเตรยมการมาวางในหนาหนาน จดรปแบบตามตองการแลวบนทกหนาไดเลยครบ
เพยงขนตอนสน ๆ นเรากจะมเมนเชอมโยงไปยง หนาของบลอกถง 2 หนาดวยกน ไดแก HOME และ CONTACT ME
หนา 50
ขนท 3 - ถาหากตองการเพมหนาบลอกเพมขนอกกท าซ าขนตอนทไดกลาวมาขางตนครบ - แตถาตองการลบหนาบลอกทง กมาทเดม แลวจะเหนค าวาลบ ถาตองการลบทงกกดค าวาลบ
ไดเลย
ขนท 4 วธจดการกบเมนหนาเวบ - ถาตองการเรยงล าดบหนาเวบใหม กไปท องคประกอบของหนา แลว คลก Gadget หนาเวบขนมาแกไข gtgt ดรป
หนา 51
นอกจากน Gadget หนาเวบจะมลกษณะพเศษ คอ ถาอยท Sidebar เมนจะจดเรยงเปนแนวตง
หนา 52
แตถาลากไปในต าแหนงใตสวนหว จะจดเรยงเรยงเปนแนวนอนโดยอตโนมต
หนา 53
บทท 9 นบจ านวนคนเยยมชมดวย Flagcounter
อกบรการนบสถตคนเยยมชมทชวยใหเราทราบวาบลอกของเรามผเยยมชมทงในและตางประเทศมากหรอนอย จาก Flagcounter
วธตดตง
1 ไปท httpwwwflagcountercomindexhtml 2 ตงคาตางๆ ตามความตองการแลวกด GET YOUR FLAG COUNTER ดงรป
3 คดลอก HTML โคด ท FLAG COUNTER ไดสรางใหในขนท 2
หนา 54
4 กลบมาทบลอกของเรา ไปทแผงควบคม gtgt รปแบบ gtgt องคประกอบหนา gtgt เพม Gadget ชนด HTMLจาวาสครปต
5 วางโคดทคดลอกมาจากขนท 3 แลวบนทกครบกเปนอนจบขนตอนครบ ลกษณะทไดกดงรป
หนา 55
บทท 10 รปภาพในบทความบน Blogger
คณเคยสงสยไหมครบวา รปภาพทคณ upload ขนไปขณะทเขยนบทความ หรออาจจะเขยนบทความไปแลว รปเหลานนไปอยทไหน เพราะวา Blogger เองไมม sever ยงตองอาศยฐานขอมลของตวแมคอ blogspotcom อย แลวจะเอาพนท ๆ ไหนมาเกบรปตงมากมาย
ค าตอบคอ Blogger จะใชวธเชอมโยงกบ Application อน ๆ ของ Google เพอแกปญหาการเกบขอมล เชนรปภาพใน Blogger ทเราพดถงกนอยตอนนกจะถกเกบ
อยท Picasa Web Albums ดงนนไมวาจะเปนภาพทคณ Upload ขณะเขยนบทความ กจะถกเกบอยใน Picasa Web Albums ทงหมด
คณใชบรการ Picasa Web Albums ไดอยางไร
การใชบรการ Picasa Web Albums สามารถเขาใชไดทนทหากคณมบญชผใชกบ google อยแลว เชนมบญชผใช Gmail หรอ Blogger อยแลวกสามารถ Log in เขาใชไดเลย
Picasa Web Albums ใหพนทเทาไร
Picasa จะใหพนท เพยง 1 GB ตอ 1 บญชผใช นเปนเหตผลทบางคนอาจจะสงสยวาท าไมคณภาพรปหรอขนาดของรปบน Blogger จงลดลง กลาวคอระบบของ Picasa จะท าการลดขนาดของรปทเรา Upload ผาน Blogger ใหมขนาดเลกลงเพอเปนการประหยดพนทนนเอง
หนา 56
คณจะเขาไปจดการรปภาพจาก Blogger ใน Picasa Web ไดอยางไร การจดการภาพใน Picasa Web Albums ท าได 2 วธคอ
1 ใช Software ทพฒนาขนมาจดการ Picasa Web Albums โดยเฉพาะ
คณสามารถเขาไปดาวนโหลด Picasa ไดท httppicasagooglecom 2 เขาไปจดการทเวบไซต Picasa Web Albums โดยตรง โดยไปท httppicasawebgooglecom และ Log in โดยใชชอบญชเดยวกบ Blogger
คณสามารถเขาไป Unload ภาพไดโดยตรงกบ Picasa แลวเรยกมาใชบน blogger ไดโดยใชตวเลอก อปโหลด
หนา 57
แตถาตองการรปภาพบน Blogger ทไดอปโหลดขนไปแลวกคลกทอลบมทตองการแลวเขาไปจดการภาพไดเชนกน ลบรปภาพบน Blogger แลวรปบน Picasa จะถกลบดวยหรอไม
การลบรปภาพบน Blogger ไมสงผลใด ๆ ตอ Picasa Web Albums เลยเวนแตคณจะเขามาลบใน Picasa Web Albums โดยตรง ดงนนถาในขณะเขยนบทความคณเผลอท าพลาดรปภาพหายไป กสามารถเขามาเอารปภาพจาก Picasa Web Albums ใชงานไดอกโดยไมตอง upload ซ า หรอไมตองไปหาภาพมาใหม บทสรป
บทนแนะน าใหพอรจกการเชอมโยงระหวาง Blogger และ Picasa Web Albums ซงเปนบรการในเครอขาย Google เหมอนกน และจะท าใหคณเขาใจการจดการเกยวกบภาพบน Blogger ไดดขน
หนา 58
บทท 11 การสรางวดโอใน YouTube และน ามาใสในบลอก
ถามวดโอในหนาบลอกของเราดวย การสอสารเรองราวตางๆ กจะมชวตชวาและเขาใจงายขน ซงในทนเราสามารถสรางไดไมยากดวยบรการของ wwwyoutubecom ครบ
ขนตอนการฝากวดโอไวกบ youtube
1 ไปท wwwyoutubecom แลวเลอก Create Account ทมมขวาบนซงในกรณทเรา Login อยในเวบบลอกของเรานน กสามารถใชบรการของ youtube ดวย Account เดมโดยไมตองสมครใหมครบ วธการท าไดโดย
11 คลกท 12 กรอกขอมลส าหรบการสรางบญช โดยใช username ของ gmail ของเราเอง 13 จากนน คลก
หนา 59
14 จะพบหนาตางใหกรอก Username และ รหสผาน ของ gmail ใหกรอก e-mail ของเรา
จะพบหนาจอ ดงน จากนนเรากสามารถท าการเพม Video ไดตามทเราตองการ
หนา 60
2 การฝาก youtube มเงอนไขส าคญๆ ดงน - ความยาวของวดโอไมเกน 10 นาท - ควรเปนวดโอทไมกระทบตอสถาบน ชาต ศาสนา พระมหากษตรย และ ศลธรรมอนดงามของสงคม
3 การ upload วดโอขนไปทเมน upload (ทมมขวาบน) แลวท าการเลอกไฟลวดโอจากเครองของเรา และรอจนการ upload เสรจสน
31 คลกทปม Uploads
32 คลกทปม Upload Video
33 เลอกไฟล Video ทตองการ
34
34 เมอ Upload ได 100 แลวใหคลก Save change
หนา 61
4 เมอ upload เสรจสนแลวคลกทขอความ Embed and Sharing Options เรากเหน HTML code ใหคดลอก code เหลานนมาแปะในสวนทเราตองการ
เชนในทนผมคดลอก code มาแปะในบทความกจะไดผลลพธเปนวดโอตามดานลางทเหนครบ
หนา 62
เรอง หนา บทน าhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 1 บทท 1 การสรางเวบบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 4 บทท 2 วธเปลยน Template ของ Bloggerhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 12 บทท 3 วธเขยนและจดการบทความในบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 22 บทท 4 การตงคาพนฐานตางๆ ใหกบบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 26 บทท 5 รจกและใชงาน Gadget ชนดตางๆ บน Bloggerhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 32 บทท 6 การจดการกบ Gadget ในหนาบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 40 บทท 7 การแสดงขาวสารลาสดดวย Gadget ฟดhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 43 บทท 9 นบจ านวนคนเยยมชมดวย Flagcounterhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 53 บทท 10 รปภาพในบทความบน Bloggerhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 55 บทท 11 การสรางวดโอใน YouTube และน ามาใสในบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 58
หนา 63
255
เอกสารประกอบการฝกอบรมเชงปฏบตการ
การพฒนาสอการเรยนการสอน โดยใชโปรแกรมคอมพวเตอรรวมกบ Weblog
หนา 21
33 การใชงานเครองมอ ldquoการปรบความกวางrdquo คณสามารถปรบความกวางของแมแบบ และ sidebar จากเครองมอนเพยงแคเลอน slider ใหตรงกบคาตวเลขทตองการเทานน
4 ส าหรบเมนขนสงเปนการก าหนดรายละเอยดตางๆ ใหกบบลอก เชน รปแบบของลงค gadget ตางๆ หวเรอง ชอของบลอก เปนตน ซงคณสามารถปรบแตงตามความตองการแลว แสดงตวอยาง หากเปนทพอใจกบนทกเชนเดยวกบ ขอ 1-3 ทไดกลาวมาแลว
ปล อยาลมนะครบวาเครองมอเหลานจะไมมใน bloggercom แต จะมใน draftbloggercom เทานน
หนา 22
บทท 3 วธเขยนและจดการบทความในบลอก
บทนผมจงจะเลาถงวธเขยนบทความใน Blogger เพอเปนแนวทางใหคณสามารถเขยนบทความลงในบลอกของคณไดสวยงามและเปนมออาชพมากขน
ส าหรบทานทเขยนบทความเปนอยแลวอาจจะขามไปอานบทความอน ๆ ตอไปไดเลยครบ สวนทานทเปนมอใหมจรง ๆ กควรจะอานบทความนใหจบเพอเปนแนวทางในการ
เขยนบทความของคณเองตอไป
1 การเขาไปเขยนบทความ การเขาไปเขยนบทความบน Blogger โดยตรงสามารถเขาไปได 2 ชองทางดวยกนคอ 11 ถาคณใชแมแบบทไมไดซอนแถบน าทางสามารถเขาไปเขยนบทความไดโดยคลกทเมน
บทความใหม
12 เขาไปเขยนบทความผาน draftbloggercom
หนา 23
โปรดสงเกตวาเครองมอในการเขยนบทความของ Draftblogger จะมมากกวาเครองมอของ blogger ปกต ดงนนโดยสวนตวผมแนะน าใหเขยนบทความผาน draftbloggercom เพราะมเครองมอมากกวาวธแรก และควรตงคาให draftblogger เปนเครองมอเรมตน
2 องคประกอบของเครองมอเขยนบทความ
กอนอนผมขอแนะน าใหรจกเครองมอทจ าเปนในการเขยนบทความดงน สวนท 1 คอสวนตงชอเรองหรอชอบทความ สวนท 2 เปนสวนทใชส าหรบกรณทเราตองการวางขอความทคดลอกมาจาก Ms word
หรอโคดวดโอจาก Youtube หรอโคด HTMLจาวาสครปตทตองการใหปรากฏและแสดงผลในบทความ
หนา 24
สวนท 3 เปนแถบทเลอกเมอตองการเขยนขอความปกตซงจะมเครองมอในการเขยนบทความตามทเหนในภาพขางบน
สวนท 4 ส าหรบจดรปแบบอกษร สวนท 5 เปนเครองมอในการใสลงคใหขอความ แทรกภาพลงในบทความ และแทรกวดโอ
ลงในบทความตามล าดบ สวนท 6 รปกระดาษขาดทเหนนนใชในกรณทคณตองการแสดงบทความใหผอานเหนในหนา
หลกเพยงบางสวนเทานน และถาใชเครองมอนผอานจะตองคลกอานเพมเตมจงจะเหนขอความแบบเตม เครองมอนมขอดคอท าใหบทความทมความยาวมาก ๆ สนลงได และท าใหเปดหนาแรกไดเรวขนดวย
สวนท 7 เปนสวนทใชในการจดเรยงขอความ และจดแนวรปภาพไดดวย เชน จดชดซาย ชดขวา กงกลาง เปนตน
สวนท 8 ไดแกการใส การเนนขอความ การลบรปแบบ การตรวจสอบการสะกดค า และการแปลภาษา
สวนท 9 เปนสวนทใชในการวางก าหนดเวลาลางหนา วาจะใหบทความทเขยนเผยแพรใน วนใด
สวนท 10 เปนการใสปายก ากบ ซงเปนสวนทใชระบวาบทความทเขยนนอยในหมวดหมใด ซงสามารถใสไดมากกวา 1 ปายก ากบโดยคนดวยเครองหมายจลภาค และสามารถเลอกปายก ากบทคณเคยใสใหบทความอนไปแลวมาใสอกได เพอท าใหบทความนน ๆ อยในหมวดหมเดยวกน
สวนท 11 เปนการเลอกวาจะบนทกไวกอน หรอจะเผยแพร มประโยชนในกรณทบทความทเขยนใชเวลาเขยนนานมากกอาจจะบนทกเอาไวกอนแลวมาเขยนตอในภายหลงได
หนา 25
เทคนคการเขยนบทความทควรร ในกรณทเรามไฟลเอกสารจาก MS word แลวคดลอกมาวางเพอท าใหเขยนบทความไดเรวขน
บางครงพบปญหาขอผดพลาดของฟอรม (ฟอรมใน MS word ไมสามารถแปลงเปน HTML Code ได)
ปญหานแกไดโดยกอนวางขอความใหคลกทแถบ แกไข HTML แลวจงวางขอความทคดลอกมา
จากนนจงคลกทแถบ เขยน เพอจดรปแบบของบทความตอไป
เทคนคนยงสามารถใชกบการวางโคดวดโอ หรอขอความทคดลอกมาจากเวบไซตไดดวยครบ
หนา 26
บทท 4 การตงคาพนฐานตางๆ ใหกบบลอก
บทนผมจะขอแนะน าการตงคาพนฐานตางๆ ของบลอกเพอใหเขาใจการตงคาในสวนตาง ๆ ของ Blogger และจะท าใหคณสามารถตงคาตาง ๆ ตามความตองการของตนเองได อกทงจะเปนประโยชนในการพฒนาการท า Blogger ในระยะยาวดวย
การตงคาพนฐานตางๆ ของบลอกท าไดโดย Log in เขาไปท blogger เมอมาทหนา แผงควบคม ให Click ท การตงคา
และทานจะเขามาทเมนการตงคาของบลอก
ผมจะแบงการตงคาออกเปน 9 สวนดงน 1 ขนตน
คณสามารถดาวนโหลด Blog เพอเกบเปน Backup ขอมลบทความและ comment ของบลอกไดโดยเลอก สงออกบลอก แตถาคณมขอมลบลอกเดมอยแลวอยากจะน ามาใชกบบลอกใหมทสรางขน กใหเลอก น าเขาบลอก แตถาคดวาไมตองการใชบลอกนแลวกสามารถลบทงไดโดยเลอก ลบบลอก
หนา 27
Title และค าอธบายของบลอก ควรใสใหเขาใจภาพรวมของบลอกและม keyword ในการท าบลอกแทรกอยใน Description ดวย
ในสวนการตงคาอน ๆ ควรตงคาดงน
องคประกอบ ตงคาเปน
เพมบลอกของคณในรายการของเราหรอไม ใช
อนญาตใหเครองมอคนหาพบบลอกของคณหรอไม ใช
แสดงการแกไขอยางรวดเรวบนบลอกของคณหรอไม ใช
มเนอหาส าหรบผใหญหรอไม ไม
เลอกโปรแกรมแกไขบทความ โปรแกรมแกไขทอปเดต
2 การเผยแพร ในการตงคาสวนนสามารถเปลยน URL ของบลอกได
หนา 28
ถาคณตองการเปลยนโดเมนของบลอกจาก blogspotcom เปนโดเมนอนกสามารถตงคาไดตรงสวนน แตจะตองเสยคาใชจายการจดโดเมนผาน google ปละ 10 US (ประมาณ 300 กวาบาทตอป)
3 การจดรปแบบ ในสวนนเปนการตงคาการเผยแพรบทความ เชน จ านวนบทความในหนาแรก รปแบบเวลา
และวนทเปนตน
คณควรจะตงคาตาง ๆ ดงน
องคประกอบ ตงคาเปน
แสดงสงสด เทาไรกได
รปแบบสวนหวของวนท ตงไดตามใจชอบ
รปแบบวนทของดชนคลงบทความ ตงไดตามใจชอบ
รปแบบเวลา ตงไดตามใจชอบ
โซนเวลา (GMT+0700)กรงเทพ
ภาษา ไทย
แปลงการขนบรรทดใหม ไม
แสดงฟลดชอเรอง ใช
แสดงฟลดของลงก ไม
เปดใชการจดเรยงแบบลอย ใช
แมแบบบทความ ยงไมตองตงคา
หนา 29
4 เมนขอคดเหน เปนเมนส าหรบตงคาตาง ๆ เกยวกบการแสดงความคดเหนของบลอก
คณควรจะตงคาตาง ๆ ดงน
องคประกอบ ตงคาเปน
ขอคดเหน แสดง
ใครสามารถแสดงความคดเหน ผใชทมบญช Google
การจดวางฟอรมความคดเหน วางไวใตบทความ
ความคดเหนเรมตนส าหรบบทความ บทความใหมมความคดเหน
ลงกยอนกลบ ซอน
คาเรมตนของลงกยอนกลบส าหรบบทความ บทความใหมมลงกยอนกลบ รปแบบเวลาในสวนความคดเหน ตงคาตามใจ
ขอความของฟอรมความคดเหน ไมตองใสคาใด ๆ กได
การจดการความคดเหน ไม
แสดงการตรวจสอบค าส าหรบความคดเหนหรอไม ไม
แสดงรปภาพโปรไฟลบนความคดเหนหรอไม ใช
อเมลส าหรบแจงเตอนเมอมความคดเหนใหม กรอก email ของคณลงไป
5 เกบเขาคลงบทความ ตงใหเปนรายเดอนจะดทสด
หนา 30
6 ฟดของไซต ถาบทความในบลอกไมมากนก ตงคาเปน แบบเตม แตถาบทความมประมาณ 100 ขนไปควร
จะตงเปน แบบสน
7 อเมลและมอถอ
ในสวนนเปนการตงคา อเมลเพอใหระบบสงบลอกของคณทกครงทมการเผยแพร และเปนการตงคา การใชอปกรณเคลอนทในการเขยนบลอก ตรงนผมยงไมเคยลองเหมอนกน
8 OpenID
คณสามารถใช OpenID URL เพอเขาสไซตอนๆ ทใชงาน OpenID นอกจากนคณยงสามารถก าหนดใหผใช OpenID สามารถแสดงความคดเหนในบลอกของคณ โดยปรบการตงคา ความคดเหน ของคณ
9 สทธ
ในสวนนคณสามารถใชในการเปลยนผเขยนบลอก และเพมผดแลระบบไดถง 100 ราย
หนา 31
นอกจากนคณยงจ ากดคนเขาชมบลอกไดดวย โดยการระบ Email ของผทตองการลงไป
หนา 32
บทท 5 รจกและใชงาน Gadget ชนดตางๆ บน Blogger
เมอเรยนรเกยวกบ การตงคาตาง ๆ ของบลอก การเปลยน Templates ใหกบบลอกไปแลว สวนทเหลอคอ การจดรปแบบองคประกอบหนาใหกบบลอก รวมถงการใชงาน Gadget หลกชนดตางๆ ของ Blogger
Gadget คออะไร
Gadget ใน Blogger นนหมายถงสวนเสรมทเราสามารถตดตงเพมลงไปในแมแบบของ Blogger ซงบางครงกถกเรยกวา widget ซงกหมายถงสงเดยวกนกบ Gadget
วธเพม Gadget กอนอนให Login เขาไปท blogger หรอ draftblogger gtgt จากแผงควบคมใหเลอก การออกแบบ
หนา 33
จากนนใน Layout ของแมแบบคณจะเหนพนท ดงรปดานลางเพอใหเพม Gadget
และเมอคลก เพม Gadget กจะปรากฏ Gadget พนฐาน 21 อยางทจะกลาวถงในหวขอน
นอกจากนยงม Gadget อกมากมายซงคณสามารถเลอกไดจากเมนแกดเจดเพมเตมทางซายมอ
เมอเลอก Gadget ทตองการแลว คลกทปม + เพอท าการเพม Gadget นน ใสชอ Gadget และตงคาทตองการแลวบนทก
รปทเหนขางบนเปน Gadget ผตดตาม ส าหรบ Gadget อน ๆ กท าไดในท านองเดยวกน
หนา 34
รจกกบ Gadget พนฐาน 21 อยางของ Blogger
1 Gadget หนาเวบ
หลกการของ Gadget ชนดนคอคณจะตองสรางหนาเวบขนมากอน แลวใช Gadget นเปนเมนในการเชอมโยงไปยงหนาเวบ
2 Gadget ผตดตาม
Gadget ชนดนใชเพอใหผอานทชนชอบบลอกของคณไดตดตาม และเมอตดตามแลวความเคลอนไหว และการ update บทความของจะไปปรากฏแผงควบคมของผตดตามโดยอตโนมต และมสทธในการแสดงความคดเหนบนบลอกของคณได (กรณทคณอนญาตเฉพาะสมาชก)
3 Gadget ชองคนหา
เปน Gadget ทตดตงเพอใหผอานสามารถคนหาสงทตองการในบลอกของคณไดงายขน
หนา 35
4 Gadget HTMLจาวาสครปต
Gadget ชนดนเปน Gadget ทยดหยนทสดในบรรดา Gadget ทงหมด สามารถประยกตใชไดหลากหลาย เหมาะส าหรบใชตดตงโคดตาง ๆ ลงบน Blogger เชน โคดปฏทน นาฬกา โคดจาวาสครปต โคดรปภาพ โคดวดโอ โคดของลงค เปนตน
5 Gadget ขอความ
เปน Gadget ทเหมาะส าหรบเขยนขอความ เชน ขอความตอนรบ เปนตน
6 Gadget Adsense
คณจะใช Gadget ชนดนไดเมอสมครเขารวมโปรแกรมหรอเปนตวแทนในการเผยแพรโฆษณาบน Google
7 Gadget รปภาพ
ถาคณตองการแสดงรปภาพบนบลอกอยางเดยวกใหเลอกใช Gadget นครบ
หนา 36
8 Gadget สไลดโชว
Gadget นเปนการดง Albums จาก Picasaweb มาแสดงในรปแบบสไลดโชวบนบลอกของ
9 Gadget แถบวดโอ
Gadget นจะท าใหผใชคนหาวดโอบน Youtube จากบลอกของคณได
10 Gadget แบบส ารวจ
Gadget นถอเปน Gadget หนงทนาสนใจมาก แตยงมผใชจ านวนนอย โดยคณอาจจะใชส ารวจความตองการ หรอความคดเหนของผอานตอบลอกของคณ หรอส ารวจเกยวกบเรองทเกยวของกบเนอหาบนบลอกของคณกได
11 Gadget รายการบลอก
Gadget ชนดนเปน Gadget ทสามารถรวบรวมขาวสารลาสดจากบลอกทคณเลอกหรอบลอกทคณตดตาม พรอมทงสามารถแสดงเนอหาแบบยอไดดวย
หนา 37
12 Gadget รายชอลงค
เปน Gadget ทใชสรางลงคไปยงทตาง ๆ โดยคณสามารถปอน URL บน Gadget ชนดนเพอสราง Link โดยไมตองมความรเรอง HTML มากอนเลย
13 Gadget รายการ
เปน Gadget ทคลายคลงกบ Gadget รายชอลงค แตมความยดหยนกวา สามารถสรางขอความรายการและใส link ใหขอความไดดวย
14 Gadget ฟด
คณสามารถใช Gadget นดงขาวสารจากในบลอกของคณ หรอบลอกอนทคณสนใจเอามาแสดงเพยงแคใสชอบลอกทตองการลงไปลงไปใน gadget
15 Gadget Newsreel
เปน gadget ทท าใหพาดหวขาวจาก Google มาปรากฏบนบลอกของคณเทานน
หนา 38
16 Gadget ปายก ากบ
Gadget นมความส าคญ คณควรจะตดตง เพอใหบทความทเขยนเปนหมวดหม ใหผอานเหนชดเจนเลอกอานไดตรงความตองการมากขน
17 Gadget ลงคการสมคร
Gadget นมความส าคญในเรองการสงขาวสารขอมลจากบลอกของคณไปยงผอาน ผอานจะสามารถสมครรบบทความทาง email หรอผานชองทางอน ๆ ไดจาก Gadget น
18 Gadget โลโก
Gadget นไมส าคญนกเปนเพยงตดตง logo ของ blogger ในหนาบลอกเทานน
19 Gadget โปรไฟล
Gadget นจะแสดงขอมลอยางของคณทไดกรอกเอาไวบนบญชของ Blogger ถาคณตองการแสดงขอมลของคณบน Blog กควรจะตดตง Gadget นครบ
หนา 39
20 Gadget คลงบทความของบลอก
Gadget นจะท าใหผอานเหนบทความทงหมดภายในบลอกของคณได
21 Gadget สวนหวของหนา
Gadget นเปนสวนทใส Title และ Description ของ Blog โดยปกตแลว Template ทวไปกจะตดตงสวนนอยแลว
คณสามารถทดลองใช Gadget เหลานไดโดยไมตองกลวความผดพลาดเพราะ Gadget บน
Blogger นนสามารถลบออกไดอยางงายดายโดยวธการจดการกบ Gadget
หนา 40
บทท 6 การจดการกบ Gadget ในหนาบลอก
ในบททผานมาเราได รจกและใชงาน Gadget ชนดตาง ๆ บน Blogger ผมไดกลาวถงวธการเพม Gadget ใหกบบลอก แตยงไมไดกลาวถงการลบ Gadget ออกจากองคประกอบของหนา และนอกจากน ต าแหนงของ Gadget ยงสามารถเคลอนยายต าแหนงไดอกดวย
การลบ Gadget วธท 1 ถาในขณะทเรา log in และเปดหนาบลอกของเราขนมา กจะสงเกตเหนวามเครองมอ
ปรากฏอยตามทตางๆ ในองคประกอบของหนา
และถาเราคลกเขาไปกจะสามารถแกไข หรอ ลบองคประกอบเหลานนออกไปไดเลยครบ
หนา 41
วธท 2 เราสามารถเขาไปลบ Gadget ไดท แผงควบคม gtgt การออกแบบ gtgt องคประกอบของหนา gtgt เลอกแกไข Gadget ทตองการลบ
จากนนเลอกลบไดเชนเดยวกบกรณแรก
การยายต าแหนง Gadget ส าหรบการยายต าแหนงของ Gadget ท าไดโดยการ เขาไปทแผงควบคม gtgt การออกแบบ gtgt
องคประกอบหนาจากนนใหลากเมาสบน Gadget ทตองการยายไปวางในต าแหนงทตองการไดเลยครบ
หนา 42
เมอเขาใจการท างานของ Gadget ชนดตาง ๆ แลวสงทอยากจะฝากเอาไวตอนทายนกคอการจดองคประกอบหนาของบลอกดงน
แนวทางในการจดองคประกอบหนาบลอก
แนวทางในการจดองคประกอบหนานนไมมกฎเกณฑตายตว บางคนชอบใหม 2 column บางคน ชอบใหม 3 column ซงกขนอยกบความชอบและความตองการใชงาน แตทอยากใหค านงไวเสมอคอ ผอน คอ พระเจา ท าอะไรใหเขาใจงายๆ หาอะไรกเจออยางรวดเรว เขาไวเปนพอครบ และอกประการทส าคญคอ การตดตง Gadget ตาง ๆ ควรตดตงเทาทจ าเปนและตองการใชงาน ปฏทน หรอนาฬกานนกไมควรตดตง ลงไปเลย เพราะไมคมคากบการเพมภาระการโหลดใหกบผเขาชม และถาบลอกของคณโหลดไดชา ก เปนไปไดยากทผอานจะกลบมาอก
องคประกอบในหนาของบลอกทผมคดวาคณควรจะมคอ สวนทบอกตวตนของบลอก
ซงอาจจะแสดงในสวนหวของหนา หรอเปนวดโอ สไลดขอความรปถาย อยในต าแหนงทเหนไดชด สวนทเชอมโยงไปยงบทความในบลอก
สวนนจ าเปนมากเพราะจะชวยใหผอานคนหาบทความไดเรวขน คณอาจจะรวมบทความทงหมดเลยหรอ อาจจะใชวธจดหมวดหมใหผอานเลอกสงทตองการจากบลอกของเราไดเรวขน
สวนพนทของสมาชก
สวนนจะแสดงใหเหนวามผสนใจบลอกของเรามากแคไหน และสามารถสมครตดตามบลอกของเราไดทนท เชนอาจจะใช Gadget ผตดตาม หรอใช Like box Plugins ของ Facebook หรออาจจะท า Poll กได
สวนทเปนชองทางใหผอานตดตอเราได
คณอาจจะท า link เชอมโยงใหผอานตดตอคณได หรออาจจะใช Gadget profile ของ Blogger เพอแนะน าตวกได
หนา 43
บทท 7 การแสดงขาวสารลาสดดวย Gadget ฟด
ความหมายของค าวา ฟดโดยสรปกคอเปนสงทแพรกระจายจากบลอกของเราบนโลก Internet เทยบไดกบคลนสญญาณวทยหรอโทรทศน ถามตวรบทกคนกสามารถมองเหนขาวสารทตองการเลอกรบได นอกจากนถามตวชวยสงใหฟดแพรไดแรงขน ขาวสารกยอมจะแพรกระจายไดเรวดวย
ดงนนถาคณสนใจขาวสารจากบลอกใดบลอกหนงคณกสามารถทจะเปดรบขาวสารจากบลอกนนๆ โดยใช Gadget ฟด ซงเปน Gadget ทสามารถเพมไดอยางไมจ ากด ดงนนถาคณตองการรบขาวจาก 10 บลอกกสามารถท าไดโดยการเพม gadget ฟดเขาไปในบลอก 10 ครง ในขณะเดยวกนถาคณใสชอบลอกของตวเองใน Gadget ฟด Gadget ชนดนจะกลายเปน Gadget ทใชแสดง บทความลาสดนนเองครบ
การแสดงขาวสารลาสดโดยการใช Gadget ฟด
1 ไปทองคประกอบของหนา gtgt เพมฟด Gadget
หนา 44
2 ใสโคดตอไปนลงไปใน Gadget ฟด httpชอบลอกblogspotcomfeedspostsdefault
โดยจะตองเปลยนชอบลอกเปนชอบลอกของของคณเองหรอชอบลอกทคณตองการรบขาวสารท update
ตงคาทตองการเพมเตมและบนทกกจะได feeds ขาวสารมาปรากฏทบลอกของคณ
3 ถาตองการเพมบลอกอนอกกท าซ าขอ 1 และ 2 แตตองเปลยนชอบลอกใหม 4 กรณทคณตองการเรยก feed จากเวบทตองการใหคนหา feed จากเวบ wwwgooglecom
แลวแทนโคดในขอ 2 เชน feed ขาวการศกษาจากเวบ httpwwwrssthaicom ใหใสโคด httpwwwrssthaicomnewsphpt=education แทนในขอ 2
หนา 45
บทท 8 แนะน า Gadget ใหมของ blogger ldquoหนาเวบrdquo
ตามเวบไซตตาง ๆ เราคงจะเคยเหนกนวาแตละเวบไซตจะม เมนส าหรบเลอกเปดไปดหนาอน ๆภายในเวบนนๆ เชน ตวอยางในรปดานลาง
Blogger ไดพฒนา Gadget ตวใหมขนมา มชอวา หนาเวบ เพอใหผใชไดสรางหนาของบลอกทตองการไดโดยไมตองมความรในการดดแปลงหรอแกไขแมแบบดวยตนเอง
การเรยกใช Gadget ชนดนสามารถเลอกใชไดเชนเดยวกบการ Add Gadget ชนดอน ๆ นนคอ ไปท องคประกอบของหนา gtgt แลวเลอก เพม Gadget
ตอไปเรามาดวา Gadget น ใชอยางไร และใชเพอจดประสงคใด หลกการของ Gadget นเหมอนการสรางบทความขนมา 1 บทความ และ สราง Link เชอมโยงไป ยงบทความนน ๆ แตมความพเศษตรงทผใชทวไปสรางเมนขนเองไดอยางงายดาย โดยไมตองมความรพนฐานเกยวกบ HTML เลย
หนา 46
ตวอยางวธการใชงาน(จรง) ในตวอยางนผมจะสราง 2 หนาใหเหนเปนตวอยาง ไดแก HOME และ CONTACT ME
ขนเตรยมการ เนองจากผมจะยกตวอยางการสรางหนา Contact me ดงนนใหทกคนไปสราง Form ส าหรบ
ตดตอเจาของบลอกซงกคอเราเอง ไดท httpwwwfoxyformcom
ซงขนตอนในการสราง ฟอรมนนงายมาก มเพยง 4 ขนเทานน (ดรป)
หนา 47
เมอไดโคด แลวคดลอกเกบเอาไวกอนครบ
ขนสรางหนาเวบจรง ขนท 1 สรางหนาแรก หรอ HOME
Log in เขาไปท draftblogger ไปทแผงควบคม gtgt องคประกอบของหนา gtgt แลวเลอก เพม Gadget เลอกอนแรกเลยครบ คอ gadget หนาเวบ
จากนนกสราง หนาแรกขนมาโดยตงชอตามทตองการไดเลย แลวท าการบนทกครบ
หนา 48
ขนท 2 เมอผานขนท 1 มาแลวกเทากบวาเราไดสราง หนาบลอกขนมาแลว 1 หนา
ถาจะท าการเพมหนาอก ใหไปทแผงควบคม gtgt การสงบทความ gtgt แกไขหนาเวบ gtgt หนาเวบใหม
เมอคลกสรางหนาเวบใหม เรากจะพบเครองมอตาง ๆ เหมอนการเขยนบทความนนเองครบ
หนา 49
ใหน าโคดของ Form ทเตรยมไว จากขนเตรยมการมาวางในหนาหนาน จดรปแบบตามตองการแลวบนทกหนาไดเลยครบ
เพยงขนตอนสน ๆ นเรากจะมเมนเชอมโยงไปยง หนาของบลอกถง 2 หนาดวยกน ไดแก HOME และ CONTACT ME
หนา 50
ขนท 3 - ถาหากตองการเพมหนาบลอกเพมขนอกกท าซ าขนตอนทไดกลาวมาขางตนครบ - แตถาตองการลบหนาบลอกทง กมาทเดม แลวจะเหนค าวาลบ ถาตองการลบทงกกดค าวาลบ
ไดเลย
ขนท 4 วธจดการกบเมนหนาเวบ - ถาตองการเรยงล าดบหนาเวบใหม กไปท องคประกอบของหนา แลว คลก Gadget หนาเวบขนมาแกไข gtgt ดรป
หนา 51
นอกจากน Gadget หนาเวบจะมลกษณะพเศษ คอ ถาอยท Sidebar เมนจะจดเรยงเปนแนวตง
หนา 52
แตถาลากไปในต าแหนงใตสวนหว จะจดเรยงเรยงเปนแนวนอนโดยอตโนมต
หนา 53
บทท 9 นบจ านวนคนเยยมชมดวย Flagcounter
อกบรการนบสถตคนเยยมชมทชวยใหเราทราบวาบลอกของเรามผเยยมชมทงในและตางประเทศมากหรอนอย จาก Flagcounter
วธตดตง
1 ไปท httpwwwflagcountercomindexhtml 2 ตงคาตางๆ ตามความตองการแลวกด GET YOUR FLAG COUNTER ดงรป
3 คดลอก HTML โคด ท FLAG COUNTER ไดสรางใหในขนท 2
หนา 54
4 กลบมาทบลอกของเรา ไปทแผงควบคม gtgt รปแบบ gtgt องคประกอบหนา gtgt เพม Gadget ชนด HTMLจาวาสครปต
5 วางโคดทคดลอกมาจากขนท 3 แลวบนทกครบกเปนอนจบขนตอนครบ ลกษณะทไดกดงรป
หนา 55
บทท 10 รปภาพในบทความบน Blogger
คณเคยสงสยไหมครบวา รปภาพทคณ upload ขนไปขณะทเขยนบทความ หรออาจจะเขยนบทความไปแลว รปเหลานนไปอยทไหน เพราะวา Blogger เองไมม sever ยงตองอาศยฐานขอมลของตวแมคอ blogspotcom อย แลวจะเอาพนท ๆ ไหนมาเกบรปตงมากมาย
ค าตอบคอ Blogger จะใชวธเชอมโยงกบ Application อน ๆ ของ Google เพอแกปญหาการเกบขอมล เชนรปภาพใน Blogger ทเราพดถงกนอยตอนนกจะถกเกบ
อยท Picasa Web Albums ดงนนไมวาจะเปนภาพทคณ Upload ขณะเขยนบทความ กจะถกเกบอยใน Picasa Web Albums ทงหมด
คณใชบรการ Picasa Web Albums ไดอยางไร
การใชบรการ Picasa Web Albums สามารถเขาใชไดทนทหากคณมบญชผใชกบ google อยแลว เชนมบญชผใช Gmail หรอ Blogger อยแลวกสามารถ Log in เขาใชไดเลย
Picasa Web Albums ใหพนทเทาไร
Picasa จะใหพนท เพยง 1 GB ตอ 1 บญชผใช นเปนเหตผลทบางคนอาจจะสงสยวาท าไมคณภาพรปหรอขนาดของรปบน Blogger จงลดลง กลาวคอระบบของ Picasa จะท าการลดขนาดของรปทเรา Upload ผาน Blogger ใหมขนาดเลกลงเพอเปนการประหยดพนทนนเอง
หนา 56
คณจะเขาไปจดการรปภาพจาก Blogger ใน Picasa Web ไดอยางไร การจดการภาพใน Picasa Web Albums ท าได 2 วธคอ
1 ใช Software ทพฒนาขนมาจดการ Picasa Web Albums โดยเฉพาะ
คณสามารถเขาไปดาวนโหลด Picasa ไดท httppicasagooglecom 2 เขาไปจดการทเวบไซต Picasa Web Albums โดยตรง โดยไปท httppicasawebgooglecom และ Log in โดยใชชอบญชเดยวกบ Blogger
คณสามารถเขาไป Unload ภาพไดโดยตรงกบ Picasa แลวเรยกมาใชบน blogger ไดโดยใชตวเลอก อปโหลด
หนา 57
แตถาตองการรปภาพบน Blogger ทไดอปโหลดขนไปแลวกคลกทอลบมทตองการแลวเขาไปจดการภาพไดเชนกน ลบรปภาพบน Blogger แลวรปบน Picasa จะถกลบดวยหรอไม
การลบรปภาพบน Blogger ไมสงผลใด ๆ ตอ Picasa Web Albums เลยเวนแตคณจะเขามาลบใน Picasa Web Albums โดยตรง ดงนนถาในขณะเขยนบทความคณเผลอท าพลาดรปภาพหายไป กสามารถเขามาเอารปภาพจาก Picasa Web Albums ใชงานไดอกโดยไมตอง upload ซ า หรอไมตองไปหาภาพมาใหม บทสรป
บทนแนะน าใหพอรจกการเชอมโยงระหวาง Blogger และ Picasa Web Albums ซงเปนบรการในเครอขาย Google เหมอนกน และจะท าใหคณเขาใจการจดการเกยวกบภาพบน Blogger ไดดขน
หนา 58
บทท 11 การสรางวดโอใน YouTube และน ามาใสในบลอก
ถามวดโอในหนาบลอกของเราดวย การสอสารเรองราวตางๆ กจะมชวตชวาและเขาใจงายขน ซงในทนเราสามารถสรางไดไมยากดวยบรการของ wwwyoutubecom ครบ
ขนตอนการฝากวดโอไวกบ youtube
1 ไปท wwwyoutubecom แลวเลอก Create Account ทมมขวาบนซงในกรณทเรา Login อยในเวบบลอกของเรานน กสามารถใชบรการของ youtube ดวย Account เดมโดยไมตองสมครใหมครบ วธการท าไดโดย
11 คลกท 12 กรอกขอมลส าหรบการสรางบญช โดยใช username ของ gmail ของเราเอง 13 จากนน คลก
หนา 59
14 จะพบหนาตางใหกรอก Username และ รหสผาน ของ gmail ใหกรอก e-mail ของเรา
จะพบหนาจอ ดงน จากนนเรากสามารถท าการเพม Video ไดตามทเราตองการ
หนา 60
2 การฝาก youtube มเงอนไขส าคญๆ ดงน - ความยาวของวดโอไมเกน 10 นาท - ควรเปนวดโอทไมกระทบตอสถาบน ชาต ศาสนา พระมหากษตรย และ ศลธรรมอนดงามของสงคม
3 การ upload วดโอขนไปทเมน upload (ทมมขวาบน) แลวท าการเลอกไฟลวดโอจากเครองของเรา และรอจนการ upload เสรจสน
31 คลกทปม Uploads
32 คลกทปม Upload Video
33 เลอกไฟล Video ทตองการ
34
34 เมอ Upload ได 100 แลวใหคลก Save change
หนา 61
4 เมอ upload เสรจสนแลวคลกทขอความ Embed and Sharing Options เรากเหน HTML code ใหคดลอก code เหลานนมาแปะในสวนทเราตองการ
เชนในทนผมคดลอก code มาแปะในบทความกจะไดผลลพธเปนวดโอตามดานลางทเหนครบ
หนา 62
เรอง หนา บทน าhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 1 บทท 1 การสรางเวบบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 4 บทท 2 วธเปลยน Template ของ Bloggerhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 12 บทท 3 วธเขยนและจดการบทความในบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 22 บทท 4 การตงคาพนฐานตางๆ ใหกบบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 26 บทท 5 รจกและใชงาน Gadget ชนดตางๆ บน Bloggerhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 32 บทท 6 การจดการกบ Gadget ในหนาบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 40 บทท 7 การแสดงขาวสารลาสดดวย Gadget ฟดhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 43 บทท 9 นบจ านวนคนเยยมชมดวย Flagcounterhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 53 บทท 10 รปภาพในบทความบน Bloggerhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 55 บทท 11 การสรางวดโอใน YouTube และน ามาใสในบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 58
หนา 63
255
เอกสารประกอบการฝกอบรมเชงปฏบตการ
การพฒนาสอการเรยนการสอน โดยใชโปรแกรมคอมพวเตอรรวมกบ Weblog
หนา 22
บทท 3 วธเขยนและจดการบทความในบลอก
บทนผมจงจะเลาถงวธเขยนบทความใน Blogger เพอเปนแนวทางใหคณสามารถเขยนบทความลงในบลอกของคณไดสวยงามและเปนมออาชพมากขน
ส าหรบทานทเขยนบทความเปนอยแลวอาจจะขามไปอานบทความอน ๆ ตอไปไดเลยครบ สวนทานทเปนมอใหมจรง ๆ กควรจะอานบทความนใหจบเพอเปนแนวทางในการ
เขยนบทความของคณเองตอไป
1 การเขาไปเขยนบทความ การเขาไปเขยนบทความบน Blogger โดยตรงสามารถเขาไปได 2 ชองทางดวยกนคอ 11 ถาคณใชแมแบบทไมไดซอนแถบน าทางสามารถเขาไปเขยนบทความไดโดยคลกทเมน
บทความใหม
12 เขาไปเขยนบทความผาน draftbloggercom
หนา 23
โปรดสงเกตวาเครองมอในการเขยนบทความของ Draftblogger จะมมากกวาเครองมอของ blogger ปกต ดงนนโดยสวนตวผมแนะน าใหเขยนบทความผาน draftbloggercom เพราะมเครองมอมากกวาวธแรก และควรตงคาให draftblogger เปนเครองมอเรมตน
2 องคประกอบของเครองมอเขยนบทความ
กอนอนผมขอแนะน าใหรจกเครองมอทจ าเปนในการเขยนบทความดงน สวนท 1 คอสวนตงชอเรองหรอชอบทความ สวนท 2 เปนสวนทใชส าหรบกรณทเราตองการวางขอความทคดลอกมาจาก Ms word
หรอโคดวดโอจาก Youtube หรอโคด HTMLจาวาสครปตทตองการใหปรากฏและแสดงผลในบทความ
หนา 24
สวนท 3 เปนแถบทเลอกเมอตองการเขยนขอความปกตซงจะมเครองมอในการเขยนบทความตามทเหนในภาพขางบน
สวนท 4 ส าหรบจดรปแบบอกษร สวนท 5 เปนเครองมอในการใสลงคใหขอความ แทรกภาพลงในบทความ และแทรกวดโอ
ลงในบทความตามล าดบ สวนท 6 รปกระดาษขาดทเหนนนใชในกรณทคณตองการแสดงบทความใหผอานเหนในหนา
หลกเพยงบางสวนเทานน และถาใชเครองมอนผอานจะตองคลกอานเพมเตมจงจะเหนขอความแบบเตม เครองมอนมขอดคอท าใหบทความทมความยาวมาก ๆ สนลงได และท าใหเปดหนาแรกไดเรวขนดวย
สวนท 7 เปนสวนทใชในการจดเรยงขอความ และจดแนวรปภาพไดดวย เชน จดชดซาย ชดขวา กงกลาง เปนตน
สวนท 8 ไดแกการใส การเนนขอความ การลบรปแบบ การตรวจสอบการสะกดค า และการแปลภาษา
สวนท 9 เปนสวนทใชในการวางก าหนดเวลาลางหนา วาจะใหบทความทเขยนเผยแพรใน วนใด
สวนท 10 เปนการใสปายก ากบ ซงเปนสวนทใชระบวาบทความทเขยนนอยในหมวดหมใด ซงสามารถใสไดมากกวา 1 ปายก ากบโดยคนดวยเครองหมายจลภาค และสามารถเลอกปายก ากบทคณเคยใสใหบทความอนไปแลวมาใสอกได เพอท าใหบทความนน ๆ อยในหมวดหมเดยวกน
สวนท 11 เปนการเลอกวาจะบนทกไวกอน หรอจะเผยแพร มประโยชนในกรณทบทความทเขยนใชเวลาเขยนนานมากกอาจจะบนทกเอาไวกอนแลวมาเขยนตอในภายหลงได
หนา 25
เทคนคการเขยนบทความทควรร ในกรณทเรามไฟลเอกสารจาก MS word แลวคดลอกมาวางเพอท าใหเขยนบทความไดเรวขน
บางครงพบปญหาขอผดพลาดของฟอรม (ฟอรมใน MS word ไมสามารถแปลงเปน HTML Code ได)
ปญหานแกไดโดยกอนวางขอความใหคลกทแถบ แกไข HTML แลวจงวางขอความทคดลอกมา
จากนนจงคลกทแถบ เขยน เพอจดรปแบบของบทความตอไป
เทคนคนยงสามารถใชกบการวางโคดวดโอ หรอขอความทคดลอกมาจากเวบไซตไดดวยครบ
หนา 26
บทท 4 การตงคาพนฐานตางๆ ใหกบบลอก
บทนผมจะขอแนะน าการตงคาพนฐานตางๆ ของบลอกเพอใหเขาใจการตงคาในสวนตาง ๆ ของ Blogger และจะท าใหคณสามารถตงคาตาง ๆ ตามความตองการของตนเองได อกทงจะเปนประโยชนในการพฒนาการท า Blogger ในระยะยาวดวย
การตงคาพนฐานตางๆ ของบลอกท าไดโดย Log in เขาไปท blogger เมอมาทหนา แผงควบคม ให Click ท การตงคา
และทานจะเขามาทเมนการตงคาของบลอก
ผมจะแบงการตงคาออกเปน 9 สวนดงน 1 ขนตน
คณสามารถดาวนโหลด Blog เพอเกบเปน Backup ขอมลบทความและ comment ของบลอกไดโดยเลอก สงออกบลอก แตถาคณมขอมลบลอกเดมอยแลวอยากจะน ามาใชกบบลอกใหมทสรางขน กใหเลอก น าเขาบลอก แตถาคดวาไมตองการใชบลอกนแลวกสามารถลบทงไดโดยเลอก ลบบลอก
หนา 27
Title และค าอธบายของบลอก ควรใสใหเขาใจภาพรวมของบลอกและม keyword ในการท าบลอกแทรกอยใน Description ดวย
ในสวนการตงคาอน ๆ ควรตงคาดงน
องคประกอบ ตงคาเปน
เพมบลอกของคณในรายการของเราหรอไม ใช
อนญาตใหเครองมอคนหาพบบลอกของคณหรอไม ใช
แสดงการแกไขอยางรวดเรวบนบลอกของคณหรอไม ใช
มเนอหาส าหรบผใหญหรอไม ไม
เลอกโปรแกรมแกไขบทความ โปรแกรมแกไขทอปเดต
2 การเผยแพร ในการตงคาสวนนสามารถเปลยน URL ของบลอกได
หนา 28
ถาคณตองการเปลยนโดเมนของบลอกจาก blogspotcom เปนโดเมนอนกสามารถตงคาไดตรงสวนน แตจะตองเสยคาใชจายการจดโดเมนผาน google ปละ 10 US (ประมาณ 300 กวาบาทตอป)
3 การจดรปแบบ ในสวนนเปนการตงคาการเผยแพรบทความ เชน จ านวนบทความในหนาแรก รปแบบเวลา
และวนทเปนตน
คณควรจะตงคาตาง ๆ ดงน
องคประกอบ ตงคาเปน
แสดงสงสด เทาไรกได
รปแบบสวนหวของวนท ตงไดตามใจชอบ
รปแบบวนทของดชนคลงบทความ ตงไดตามใจชอบ
รปแบบเวลา ตงไดตามใจชอบ
โซนเวลา (GMT+0700)กรงเทพ
ภาษา ไทย
แปลงการขนบรรทดใหม ไม
แสดงฟลดชอเรอง ใช
แสดงฟลดของลงก ไม
เปดใชการจดเรยงแบบลอย ใช
แมแบบบทความ ยงไมตองตงคา
หนา 29
4 เมนขอคดเหน เปนเมนส าหรบตงคาตาง ๆ เกยวกบการแสดงความคดเหนของบลอก
คณควรจะตงคาตาง ๆ ดงน
องคประกอบ ตงคาเปน
ขอคดเหน แสดง
ใครสามารถแสดงความคดเหน ผใชทมบญช Google
การจดวางฟอรมความคดเหน วางไวใตบทความ
ความคดเหนเรมตนส าหรบบทความ บทความใหมมความคดเหน
ลงกยอนกลบ ซอน
คาเรมตนของลงกยอนกลบส าหรบบทความ บทความใหมมลงกยอนกลบ รปแบบเวลาในสวนความคดเหน ตงคาตามใจ
ขอความของฟอรมความคดเหน ไมตองใสคาใด ๆ กได
การจดการความคดเหน ไม
แสดงการตรวจสอบค าส าหรบความคดเหนหรอไม ไม
แสดงรปภาพโปรไฟลบนความคดเหนหรอไม ใช
อเมลส าหรบแจงเตอนเมอมความคดเหนใหม กรอก email ของคณลงไป
5 เกบเขาคลงบทความ ตงใหเปนรายเดอนจะดทสด
หนา 30
6 ฟดของไซต ถาบทความในบลอกไมมากนก ตงคาเปน แบบเตม แตถาบทความมประมาณ 100 ขนไปควร
จะตงเปน แบบสน
7 อเมลและมอถอ
ในสวนนเปนการตงคา อเมลเพอใหระบบสงบลอกของคณทกครงทมการเผยแพร และเปนการตงคา การใชอปกรณเคลอนทในการเขยนบลอก ตรงนผมยงไมเคยลองเหมอนกน
8 OpenID
คณสามารถใช OpenID URL เพอเขาสไซตอนๆ ทใชงาน OpenID นอกจากนคณยงสามารถก าหนดใหผใช OpenID สามารถแสดงความคดเหนในบลอกของคณ โดยปรบการตงคา ความคดเหน ของคณ
9 สทธ
ในสวนนคณสามารถใชในการเปลยนผเขยนบลอก และเพมผดแลระบบไดถง 100 ราย
หนา 31
นอกจากนคณยงจ ากดคนเขาชมบลอกไดดวย โดยการระบ Email ของผทตองการลงไป
หนา 32
บทท 5 รจกและใชงาน Gadget ชนดตางๆ บน Blogger
เมอเรยนรเกยวกบ การตงคาตาง ๆ ของบลอก การเปลยน Templates ใหกบบลอกไปแลว สวนทเหลอคอ การจดรปแบบองคประกอบหนาใหกบบลอก รวมถงการใชงาน Gadget หลกชนดตางๆ ของ Blogger
Gadget คออะไร
Gadget ใน Blogger นนหมายถงสวนเสรมทเราสามารถตดตงเพมลงไปในแมแบบของ Blogger ซงบางครงกถกเรยกวา widget ซงกหมายถงสงเดยวกนกบ Gadget
วธเพม Gadget กอนอนให Login เขาไปท blogger หรอ draftblogger gtgt จากแผงควบคมใหเลอก การออกแบบ
หนา 33
จากนนใน Layout ของแมแบบคณจะเหนพนท ดงรปดานลางเพอใหเพม Gadget
และเมอคลก เพม Gadget กจะปรากฏ Gadget พนฐาน 21 อยางทจะกลาวถงในหวขอน
นอกจากนยงม Gadget อกมากมายซงคณสามารถเลอกไดจากเมนแกดเจดเพมเตมทางซายมอ
เมอเลอก Gadget ทตองการแลว คลกทปม + เพอท าการเพม Gadget นน ใสชอ Gadget และตงคาทตองการแลวบนทก
รปทเหนขางบนเปน Gadget ผตดตาม ส าหรบ Gadget อน ๆ กท าไดในท านองเดยวกน
หนา 34
รจกกบ Gadget พนฐาน 21 อยางของ Blogger
1 Gadget หนาเวบ
หลกการของ Gadget ชนดนคอคณจะตองสรางหนาเวบขนมากอน แลวใช Gadget นเปนเมนในการเชอมโยงไปยงหนาเวบ
2 Gadget ผตดตาม
Gadget ชนดนใชเพอใหผอานทชนชอบบลอกของคณไดตดตาม และเมอตดตามแลวความเคลอนไหว และการ update บทความของจะไปปรากฏแผงควบคมของผตดตามโดยอตโนมต และมสทธในการแสดงความคดเหนบนบลอกของคณได (กรณทคณอนญาตเฉพาะสมาชก)
3 Gadget ชองคนหา
เปน Gadget ทตดตงเพอใหผอานสามารถคนหาสงทตองการในบลอกของคณไดงายขน
หนา 35
4 Gadget HTMLจาวาสครปต
Gadget ชนดนเปน Gadget ทยดหยนทสดในบรรดา Gadget ทงหมด สามารถประยกตใชไดหลากหลาย เหมาะส าหรบใชตดตงโคดตาง ๆ ลงบน Blogger เชน โคดปฏทน นาฬกา โคดจาวาสครปต โคดรปภาพ โคดวดโอ โคดของลงค เปนตน
5 Gadget ขอความ
เปน Gadget ทเหมาะส าหรบเขยนขอความ เชน ขอความตอนรบ เปนตน
6 Gadget Adsense
คณจะใช Gadget ชนดนไดเมอสมครเขารวมโปรแกรมหรอเปนตวแทนในการเผยแพรโฆษณาบน Google
7 Gadget รปภาพ
ถาคณตองการแสดงรปภาพบนบลอกอยางเดยวกใหเลอกใช Gadget นครบ
หนา 36
8 Gadget สไลดโชว
Gadget นเปนการดง Albums จาก Picasaweb มาแสดงในรปแบบสไลดโชวบนบลอกของ
9 Gadget แถบวดโอ
Gadget นจะท าใหผใชคนหาวดโอบน Youtube จากบลอกของคณได
10 Gadget แบบส ารวจ
Gadget นถอเปน Gadget หนงทนาสนใจมาก แตยงมผใชจ านวนนอย โดยคณอาจจะใชส ารวจความตองการ หรอความคดเหนของผอานตอบลอกของคณ หรอส ารวจเกยวกบเรองทเกยวของกบเนอหาบนบลอกของคณกได
11 Gadget รายการบลอก
Gadget ชนดนเปน Gadget ทสามารถรวบรวมขาวสารลาสดจากบลอกทคณเลอกหรอบลอกทคณตดตาม พรอมทงสามารถแสดงเนอหาแบบยอไดดวย
หนา 37
12 Gadget รายชอลงค
เปน Gadget ทใชสรางลงคไปยงทตาง ๆ โดยคณสามารถปอน URL บน Gadget ชนดนเพอสราง Link โดยไมตองมความรเรอง HTML มากอนเลย
13 Gadget รายการ
เปน Gadget ทคลายคลงกบ Gadget รายชอลงค แตมความยดหยนกวา สามารถสรางขอความรายการและใส link ใหขอความไดดวย
14 Gadget ฟด
คณสามารถใช Gadget นดงขาวสารจากในบลอกของคณ หรอบลอกอนทคณสนใจเอามาแสดงเพยงแคใสชอบลอกทตองการลงไปลงไปใน gadget
15 Gadget Newsreel
เปน gadget ทท าใหพาดหวขาวจาก Google มาปรากฏบนบลอกของคณเทานน
หนา 38
16 Gadget ปายก ากบ
Gadget นมความส าคญ คณควรจะตดตง เพอใหบทความทเขยนเปนหมวดหม ใหผอานเหนชดเจนเลอกอานไดตรงความตองการมากขน
17 Gadget ลงคการสมคร
Gadget นมความส าคญในเรองการสงขาวสารขอมลจากบลอกของคณไปยงผอาน ผอานจะสามารถสมครรบบทความทาง email หรอผานชองทางอน ๆ ไดจาก Gadget น
18 Gadget โลโก
Gadget นไมส าคญนกเปนเพยงตดตง logo ของ blogger ในหนาบลอกเทานน
19 Gadget โปรไฟล
Gadget นจะแสดงขอมลอยางของคณทไดกรอกเอาไวบนบญชของ Blogger ถาคณตองการแสดงขอมลของคณบน Blog กควรจะตดตง Gadget นครบ
หนา 39
20 Gadget คลงบทความของบลอก
Gadget นจะท าใหผอานเหนบทความทงหมดภายในบลอกของคณได
21 Gadget สวนหวของหนา
Gadget นเปนสวนทใส Title และ Description ของ Blog โดยปกตแลว Template ทวไปกจะตดตงสวนนอยแลว
คณสามารถทดลองใช Gadget เหลานไดโดยไมตองกลวความผดพลาดเพราะ Gadget บน
Blogger นนสามารถลบออกไดอยางงายดายโดยวธการจดการกบ Gadget
หนา 40
บทท 6 การจดการกบ Gadget ในหนาบลอก
ในบททผานมาเราได รจกและใชงาน Gadget ชนดตาง ๆ บน Blogger ผมไดกลาวถงวธการเพม Gadget ใหกบบลอก แตยงไมไดกลาวถงการลบ Gadget ออกจากองคประกอบของหนา และนอกจากน ต าแหนงของ Gadget ยงสามารถเคลอนยายต าแหนงไดอกดวย
การลบ Gadget วธท 1 ถาในขณะทเรา log in และเปดหนาบลอกของเราขนมา กจะสงเกตเหนวามเครองมอ
ปรากฏอยตามทตางๆ ในองคประกอบของหนา
และถาเราคลกเขาไปกจะสามารถแกไข หรอ ลบองคประกอบเหลานนออกไปไดเลยครบ
หนา 41
วธท 2 เราสามารถเขาไปลบ Gadget ไดท แผงควบคม gtgt การออกแบบ gtgt องคประกอบของหนา gtgt เลอกแกไข Gadget ทตองการลบ
จากนนเลอกลบไดเชนเดยวกบกรณแรก
การยายต าแหนง Gadget ส าหรบการยายต าแหนงของ Gadget ท าไดโดยการ เขาไปทแผงควบคม gtgt การออกแบบ gtgt
องคประกอบหนาจากนนใหลากเมาสบน Gadget ทตองการยายไปวางในต าแหนงทตองการไดเลยครบ
หนา 42
เมอเขาใจการท างานของ Gadget ชนดตาง ๆ แลวสงทอยากจะฝากเอาไวตอนทายนกคอการจดองคประกอบหนาของบลอกดงน
แนวทางในการจดองคประกอบหนาบลอก
แนวทางในการจดองคประกอบหนานนไมมกฎเกณฑตายตว บางคนชอบใหม 2 column บางคน ชอบใหม 3 column ซงกขนอยกบความชอบและความตองการใชงาน แตทอยากใหค านงไวเสมอคอ ผอน คอ พระเจา ท าอะไรใหเขาใจงายๆ หาอะไรกเจออยางรวดเรว เขาไวเปนพอครบ และอกประการทส าคญคอ การตดตง Gadget ตาง ๆ ควรตดตงเทาทจ าเปนและตองการใชงาน ปฏทน หรอนาฬกานนกไมควรตดตง ลงไปเลย เพราะไมคมคากบการเพมภาระการโหลดใหกบผเขาชม และถาบลอกของคณโหลดไดชา ก เปนไปไดยากทผอานจะกลบมาอก
องคประกอบในหนาของบลอกทผมคดวาคณควรจะมคอ สวนทบอกตวตนของบลอก
ซงอาจจะแสดงในสวนหวของหนา หรอเปนวดโอ สไลดขอความรปถาย อยในต าแหนงทเหนไดชด สวนทเชอมโยงไปยงบทความในบลอก
สวนนจ าเปนมากเพราะจะชวยใหผอานคนหาบทความไดเรวขน คณอาจจะรวมบทความทงหมดเลยหรอ อาจจะใชวธจดหมวดหมใหผอานเลอกสงทตองการจากบลอกของเราไดเรวขน
สวนพนทของสมาชก
สวนนจะแสดงใหเหนวามผสนใจบลอกของเรามากแคไหน และสามารถสมครตดตามบลอกของเราไดทนท เชนอาจจะใช Gadget ผตดตาม หรอใช Like box Plugins ของ Facebook หรออาจจะท า Poll กได
สวนทเปนชองทางใหผอานตดตอเราได
คณอาจจะท า link เชอมโยงใหผอานตดตอคณได หรออาจจะใช Gadget profile ของ Blogger เพอแนะน าตวกได
หนา 43
บทท 7 การแสดงขาวสารลาสดดวย Gadget ฟด
ความหมายของค าวา ฟดโดยสรปกคอเปนสงทแพรกระจายจากบลอกของเราบนโลก Internet เทยบไดกบคลนสญญาณวทยหรอโทรทศน ถามตวรบทกคนกสามารถมองเหนขาวสารทตองการเลอกรบได นอกจากนถามตวชวยสงใหฟดแพรไดแรงขน ขาวสารกยอมจะแพรกระจายไดเรวดวย
ดงนนถาคณสนใจขาวสารจากบลอกใดบลอกหนงคณกสามารถทจะเปดรบขาวสารจากบลอกนนๆ โดยใช Gadget ฟด ซงเปน Gadget ทสามารถเพมไดอยางไมจ ากด ดงนนถาคณตองการรบขาวจาก 10 บลอกกสามารถท าไดโดยการเพม gadget ฟดเขาไปในบลอก 10 ครง ในขณะเดยวกนถาคณใสชอบลอกของตวเองใน Gadget ฟด Gadget ชนดนจะกลายเปน Gadget ทใชแสดง บทความลาสดนนเองครบ
การแสดงขาวสารลาสดโดยการใช Gadget ฟด
1 ไปทองคประกอบของหนา gtgt เพมฟด Gadget
หนา 44
2 ใสโคดตอไปนลงไปใน Gadget ฟด httpชอบลอกblogspotcomfeedspostsdefault
โดยจะตองเปลยนชอบลอกเปนชอบลอกของของคณเองหรอชอบลอกทคณตองการรบขาวสารท update
ตงคาทตองการเพมเตมและบนทกกจะได feeds ขาวสารมาปรากฏทบลอกของคณ
3 ถาตองการเพมบลอกอนอกกท าซ าขอ 1 และ 2 แตตองเปลยนชอบลอกใหม 4 กรณทคณตองการเรยก feed จากเวบทตองการใหคนหา feed จากเวบ wwwgooglecom
แลวแทนโคดในขอ 2 เชน feed ขาวการศกษาจากเวบ httpwwwrssthaicom ใหใสโคด httpwwwrssthaicomnewsphpt=education แทนในขอ 2
หนา 45
บทท 8 แนะน า Gadget ใหมของ blogger ldquoหนาเวบrdquo
ตามเวบไซตตาง ๆ เราคงจะเคยเหนกนวาแตละเวบไซตจะม เมนส าหรบเลอกเปดไปดหนาอน ๆภายในเวบนนๆ เชน ตวอยางในรปดานลาง
Blogger ไดพฒนา Gadget ตวใหมขนมา มชอวา หนาเวบ เพอใหผใชไดสรางหนาของบลอกทตองการไดโดยไมตองมความรในการดดแปลงหรอแกไขแมแบบดวยตนเอง
การเรยกใช Gadget ชนดนสามารถเลอกใชไดเชนเดยวกบการ Add Gadget ชนดอน ๆ นนคอ ไปท องคประกอบของหนา gtgt แลวเลอก เพม Gadget
ตอไปเรามาดวา Gadget น ใชอยางไร และใชเพอจดประสงคใด หลกการของ Gadget นเหมอนการสรางบทความขนมา 1 บทความ และ สราง Link เชอมโยงไป ยงบทความนน ๆ แตมความพเศษตรงทผใชทวไปสรางเมนขนเองไดอยางงายดาย โดยไมตองมความรพนฐานเกยวกบ HTML เลย
หนา 46
ตวอยางวธการใชงาน(จรง) ในตวอยางนผมจะสราง 2 หนาใหเหนเปนตวอยาง ไดแก HOME และ CONTACT ME
ขนเตรยมการ เนองจากผมจะยกตวอยางการสรางหนา Contact me ดงนนใหทกคนไปสราง Form ส าหรบ
ตดตอเจาของบลอกซงกคอเราเอง ไดท httpwwwfoxyformcom
ซงขนตอนในการสราง ฟอรมนนงายมาก มเพยง 4 ขนเทานน (ดรป)
หนา 47
เมอไดโคด แลวคดลอกเกบเอาไวกอนครบ
ขนสรางหนาเวบจรง ขนท 1 สรางหนาแรก หรอ HOME
Log in เขาไปท draftblogger ไปทแผงควบคม gtgt องคประกอบของหนา gtgt แลวเลอก เพม Gadget เลอกอนแรกเลยครบ คอ gadget หนาเวบ
จากนนกสราง หนาแรกขนมาโดยตงชอตามทตองการไดเลย แลวท าการบนทกครบ
หนา 48
ขนท 2 เมอผานขนท 1 มาแลวกเทากบวาเราไดสราง หนาบลอกขนมาแลว 1 หนา
ถาจะท าการเพมหนาอก ใหไปทแผงควบคม gtgt การสงบทความ gtgt แกไขหนาเวบ gtgt หนาเวบใหม
เมอคลกสรางหนาเวบใหม เรากจะพบเครองมอตาง ๆ เหมอนการเขยนบทความนนเองครบ
หนา 49
ใหน าโคดของ Form ทเตรยมไว จากขนเตรยมการมาวางในหนาหนาน จดรปแบบตามตองการแลวบนทกหนาไดเลยครบ
เพยงขนตอนสน ๆ นเรากจะมเมนเชอมโยงไปยง หนาของบลอกถง 2 หนาดวยกน ไดแก HOME และ CONTACT ME
หนา 50
ขนท 3 - ถาหากตองการเพมหนาบลอกเพมขนอกกท าซ าขนตอนทไดกลาวมาขางตนครบ - แตถาตองการลบหนาบลอกทง กมาทเดม แลวจะเหนค าวาลบ ถาตองการลบทงกกดค าวาลบ
ไดเลย
ขนท 4 วธจดการกบเมนหนาเวบ - ถาตองการเรยงล าดบหนาเวบใหม กไปท องคประกอบของหนา แลว คลก Gadget หนาเวบขนมาแกไข gtgt ดรป
หนา 51
นอกจากน Gadget หนาเวบจะมลกษณะพเศษ คอ ถาอยท Sidebar เมนจะจดเรยงเปนแนวตง
หนา 52
แตถาลากไปในต าแหนงใตสวนหว จะจดเรยงเรยงเปนแนวนอนโดยอตโนมต
หนา 53
บทท 9 นบจ านวนคนเยยมชมดวย Flagcounter
อกบรการนบสถตคนเยยมชมทชวยใหเราทราบวาบลอกของเรามผเยยมชมทงในและตางประเทศมากหรอนอย จาก Flagcounter
วธตดตง
1 ไปท httpwwwflagcountercomindexhtml 2 ตงคาตางๆ ตามความตองการแลวกด GET YOUR FLAG COUNTER ดงรป
3 คดลอก HTML โคด ท FLAG COUNTER ไดสรางใหในขนท 2
หนา 54
4 กลบมาทบลอกของเรา ไปทแผงควบคม gtgt รปแบบ gtgt องคประกอบหนา gtgt เพม Gadget ชนด HTMLจาวาสครปต
5 วางโคดทคดลอกมาจากขนท 3 แลวบนทกครบกเปนอนจบขนตอนครบ ลกษณะทไดกดงรป
หนา 55
บทท 10 รปภาพในบทความบน Blogger
คณเคยสงสยไหมครบวา รปภาพทคณ upload ขนไปขณะทเขยนบทความ หรออาจจะเขยนบทความไปแลว รปเหลานนไปอยทไหน เพราะวา Blogger เองไมม sever ยงตองอาศยฐานขอมลของตวแมคอ blogspotcom อย แลวจะเอาพนท ๆ ไหนมาเกบรปตงมากมาย
ค าตอบคอ Blogger จะใชวธเชอมโยงกบ Application อน ๆ ของ Google เพอแกปญหาการเกบขอมล เชนรปภาพใน Blogger ทเราพดถงกนอยตอนนกจะถกเกบ
อยท Picasa Web Albums ดงนนไมวาจะเปนภาพทคณ Upload ขณะเขยนบทความ กจะถกเกบอยใน Picasa Web Albums ทงหมด
คณใชบรการ Picasa Web Albums ไดอยางไร
การใชบรการ Picasa Web Albums สามารถเขาใชไดทนทหากคณมบญชผใชกบ google อยแลว เชนมบญชผใช Gmail หรอ Blogger อยแลวกสามารถ Log in เขาใชไดเลย
Picasa Web Albums ใหพนทเทาไร
Picasa จะใหพนท เพยง 1 GB ตอ 1 บญชผใช นเปนเหตผลทบางคนอาจจะสงสยวาท าไมคณภาพรปหรอขนาดของรปบน Blogger จงลดลง กลาวคอระบบของ Picasa จะท าการลดขนาดของรปทเรา Upload ผาน Blogger ใหมขนาดเลกลงเพอเปนการประหยดพนทนนเอง
หนา 56
คณจะเขาไปจดการรปภาพจาก Blogger ใน Picasa Web ไดอยางไร การจดการภาพใน Picasa Web Albums ท าได 2 วธคอ
1 ใช Software ทพฒนาขนมาจดการ Picasa Web Albums โดยเฉพาะ
คณสามารถเขาไปดาวนโหลด Picasa ไดท httppicasagooglecom 2 เขาไปจดการทเวบไซต Picasa Web Albums โดยตรง โดยไปท httppicasawebgooglecom และ Log in โดยใชชอบญชเดยวกบ Blogger
คณสามารถเขาไป Unload ภาพไดโดยตรงกบ Picasa แลวเรยกมาใชบน blogger ไดโดยใชตวเลอก อปโหลด
หนา 57
แตถาตองการรปภาพบน Blogger ทไดอปโหลดขนไปแลวกคลกทอลบมทตองการแลวเขาไปจดการภาพไดเชนกน ลบรปภาพบน Blogger แลวรปบน Picasa จะถกลบดวยหรอไม
การลบรปภาพบน Blogger ไมสงผลใด ๆ ตอ Picasa Web Albums เลยเวนแตคณจะเขามาลบใน Picasa Web Albums โดยตรง ดงนนถาในขณะเขยนบทความคณเผลอท าพลาดรปภาพหายไป กสามารถเขามาเอารปภาพจาก Picasa Web Albums ใชงานไดอกโดยไมตอง upload ซ า หรอไมตองไปหาภาพมาใหม บทสรป
บทนแนะน าใหพอรจกการเชอมโยงระหวาง Blogger และ Picasa Web Albums ซงเปนบรการในเครอขาย Google เหมอนกน และจะท าใหคณเขาใจการจดการเกยวกบภาพบน Blogger ไดดขน
หนา 58
บทท 11 การสรางวดโอใน YouTube และน ามาใสในบลอก
ถามวดโอในหนาบลอกของเราดวย การสอสารเรองราวตางๆ กจะมชวตชวาและเขาใจงายขน ซงในทนเราสามารถสรางไดไมยากดวยบรการของ wwwyoutubecom ครบ
ขนตอนการฝากวดโอไวกบ youtube
1 ไปท wwwyoutubecom แลวเลอก Create Account ทมมขวาบนซงในกรณทเรา Login อยในเวบบลอกของเรานน กสามารถใชบรการของ youtube ดวย Account เดมโดยไมตองสมครใหมครบ วธการท าไดโดย
11 คลกท 12 กรอกขอมลส าหรบการสรางบญช โดยใช username ของ gmail ของเราเอง 13 จากนน คลก
หนา 59
14 จะพบหนาตางใหกรอก Username และ รหสผาน ของ gmail ใหกรอก e-mail ของเรา
จะพบหนาจอ ดงน จากนนเรากสามารถท าการเพม Video ไดตามทเราตองการ
หนา 60
2 การฝาก youtube มเงอนไขส าคญๆ ดงน - ความยาวของวดโอไมเกน 10 นาท - ควรเปนวดโอทไมกระทบตอสถาบน ชาต ศาสนา พระมหากษตรย และ ศลธรรมอนดงามของสงคม
3 การ upload วดโอขนไปทเมน upload (ทมมขวาบน) แลวท าการเลอกไฟลวดโอจากเครองของเรา และรอจนการ upload เสรจสน
31 คลกทปม Uploads
32 คลกทปม Upload Video
33 เลอกไฟล Video ทตองการ
34
34 เมอ Upload ได 100 แลวใหคลก Save change
หนา 61
4 เมอ upload เสรจสนแลวคลกทขอความ Embed and Sharing Options เรากเหน HTML code ใหคดลอก code เหลานนมาแปะในสวนทเราตองการ
เชนในทนผมคดลอก code มาแปะในบทความกจะไดผลลพธเปนวดโอตามดานลางทเหนครบ
หนา 62
เรอง หนา บทน าhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 1 บทท 1 การสรางเวบบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 4 บทท 2 วธเปลยน Template ของ Bloggerhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 12 บทท 3 วธเขยนและจดการบทความในบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 22 บทท 4 การตงคาพนฐานตางๆ ใหกบบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 26 บทท 5 รจกและใชงาน Gadget ชนดตางๆ บน Bloggerhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 32 บทท 6 การจดการกบ Gadget ในหนาบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 40 บทท 7 การแสดงขาวสารลาสดดวย Gadget ฟดhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 43 บทท 9 นบจ านวนคนเยยมชมดวย Flagcounterhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 53 บทท 10 รปภาพในบทความบน Bloggerhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 55 บทท 11 การสรางวดโอใน YouTube และน ามาใสในบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 58
หนา 63
255
เอกสารประกอบการฝกอบรมเชงปฏบตการ
การพฒนาสอการเรยนการสอน โดยใชโปรแกรมคอมพวเตอรรวมกบ Weblog
หนา 23
โปรดสงเกตวาเครองมอในการเขยนบทความของ Draftblogger จะมมากกวาเครองมอของ blogger ปกต ดงนนโดยสวนตวผมแนะน าใหเขยนบทความผาน draftbloggercom เพราะมเครองมอมากกวาวธแรก และควรตงคาให draftblogger เปนเครองมอเรมตน
2 องคประกอบของเครองมอเขยนบทความ
กอนอนผมขอแนะน าใหรจกเครองมอทจ าเปนในการเขยนบทความดงน สวนท 1 คอสวนตงชอเรองหรอชอบทความ สวนท 2 เปนสวนทใชส าหรบกรณทเราตองการวางขอความทคดลอกมาจาก Ms word
หรอโคดวดโอจาก Youtube หรอโคด HTMLจาวาสครปตทตองการใหปรากฏและแสดงผลในบทความ
หนา 24
สวนท 3 เปนแถบทเลอกเมอตองการเขยนขอความปกตซงจะมเครองมอในการเขยนบทความตามทเหนในภาพขางบน
สวนท 4 ส าหรบจดรปแบบอกษร สวนท 5 เปนเครองมอในการใสลงคใหขอความ แทรกภาพลงในบทความ และแทรกวดโอ
ลงในบทความตามล าดบ สวนท 6 รปกระดาษขาดทเหนนนใชในกรณทคณตองการแสดงบทความใหผอานเหนในหนา
หลกเพยงบางสวนเทานน และถาใชเครองมอนผอานจะตองคลกอานเพมเตมจงจะเหนขอความแบบเตม เครองมอนมขอดคอท าใหบทความทมความยาวมาก ๆ สนลงได และท าใหเปดหนาแรกไดเรวขนดวย
สวนท 7 เปนสวนทใชในการจดเรยงขอความ และจดแนวรปภาพไดดวย เชน จดชดซาย ชดขวา กงกลาง เปนตน
สวนท 8 ไดแกการใส การเนนขอความ การลบรปแบบ การตรวจสอบการสะกดค า และการแปลภาษา
สวนท 9 เปนสวนทใชในการวางก าหนดเวลาลางหนา วาจะใหบทความทเขยนเผยแพรใน วนใด
สวนท 10 เปนการใสปายก ากบ ซงเปนสวนทใชระบวาบทความทเขยนนอยในหมวดหมใด ซงสามารถใสไดมากกวา 1 ปายก ากบโดยคนดวยเครองหมายจลภาค และสามารถเลอกปายก ากบทคณเคยใสใหบทความอนไปแลวมาใสอกได เพอท าใหบทความนน ๆ อยในหมวดหมเดยวกน
สวนท 11 เปนการเลอกวาจะบนทกไวกอน หรอจะเผยแพร มประโยชนในกรณทบทความทเขยนใชเวลาเขยนนานมากกอาจจะบนทกเอาไวกอนแลวมาเขยนตอในภายหลงได
หนา 25
เทคนคการเขยนบทความทควรร ในกรณทเรามไฟลเอกสารจาก MS word แลวคดลอกมาวางเพอท าใหเขยนบทความไดเรวขน
บางครงพบปญหาขอผดพลาดของฟอรม (ฟอรมใน MS word ไมสามารถแปลงเปน HTML Code ได)
ปญหานแกไดโดยกอนวางขอความใหคลกทแถบ แกไข HTML แลวจงวางขอความทคดลอกมา
จากนนจงคลกทแถบ เขยน เพอจดรปแบบของบทความตอไป
เทคนคนยงสามารถใชกบการวางโคดวดโอ หรอขอความทคดลอกมาจากเวบไซตไดดวยครบ
หนา 26
บทท 4 การตงคาพนฐานตางๆ ใหกบบลอก
บทนผมจะขอแนะน าการตงคาพนฐานตางๆ ของบลอกเพอใหเขาใจการตงคาในสวนตาง ๆ ของ Blogger และจะท าใหคณสามารถตงคาตาง ๆ ตามความตองการของตนเองได อกทงจะเปนประโยชนในการพฒนาการท า Blogger ในระยะยาวดวย
การตงคาพนฐานตางๆ ของบลอกท าไดโดย Log in เขาไปท blogger เมอมาทหนา แผงควบคม ให Click ท การตงคา
และทานจะเขามาทเมนการตงคาของบลอก
ผมจะแบงการตงคาออกเปน 9 สวนดงน 1 ขนตน
คณสามารถดาวนโหลด Blog เพอเกบเปน Backup ขอมลบทความและ comment ของบลอกไดโดยเลอก สงออกบลอก แตถาคณมขอมลบลอกเดมอยแลวอยากจะน ามาใชกบบลอกใหมทสรางขน กใหเลอก น าเขาบลอก แตถาคดวาไมตองการใชบลอกนแลวกสามารถลบทงไดโดยเลอก ลบบลอก
หนา 27
Title และค าอธบายของบลอก ควรใสใหเขาใจภาพรวมของบลอกและม keyword ในการท าบลอกแทรกอยใน Description ดวย
ในสวนการตงคาอน ๆ ควรตงคาดงน
องคประกอบ ตงคาเปน
เพมบลอกของคณในรายการของเราหรอไม ใช
อนญาตใหเครองมอคนหาพบบลอกของคณหรอไม ใช
แสดงการแกไขอยางรวดเรวบนบลอกของคณหรอไม ใช
มเนอหาส าหรบผใหญหรอไม ไม
เลอกโปรแกรมแกไขบทความ โปรแกรมแกไขทอปเดต
2 การเผยแพร ในการตงคาสวนนสามารถเปลยน URL ของบลอกได
หนา 28
ถาคณตองการเปลยนโดเมนของบลอกจาก blogspotcom เปนโดเมนอนกสามารถตงคาไดตรงสวนน แตจะตองเสยคาใชจายการจดโดเมนผาน google ปละ 10 US (ประมาณ 300 กวาบาทตอป)
3 การจดรปแบบ ในสวนนเปนการตงคาการเผยแพรบทความ เชน จ านวนบทความในหนาแรก รปแบบเวลา
และวนทเปนตน
คณควรจะตงคาตาง ๆ ดงน
องคประกอบ ตงคาเปน
แสดงสงสด เทาไรกได
รปแบบสวนหวของวนท ตงไดตามใจชอบ
รปแบบวนทของดชนคลงบทความ ตงไดตามใจชอบ
รปแบบเวลา ตงไดตามใจชอบ
โซนเวลา (GMT+0700)กรงเทพ
ภาษา ไทย
แปลงการขนบรรทดใหม ไม
แสดงฟลดชอเรอง ใช
แสดงฟลดของลงก ไม
เปดใชการจดเรยงแบบลอย ใช
แมแบบบทความ ยงไมตองตงคา
หนา 29
4 เมนขอคดเหน เปนเมนส าหรบตงคาตาง ๆ เกยวกบการแสดงความคดเหนของบลอก
คณควรจะตงคาตาง ๆ ดงน
องคประกอบ ตงคาเปน
ขอคดเหน แสดง
ใครสามารถแสดงความคดเหน ผใชทมบญช Google
การจดวางฟอรมความคดเหน วางไวใตบทความ
ความคดเหนเรมตนส าหรบบทความ บทความใหมมความคดเหน
ลงกยอนกลบ ซอน
คาเรมตนของลงกยอนกลบส าหรบบทความ บทความใหมมลงกยอนกลบ รปแบบเวลาในสวนความคดเหน ตงคาตามใจ
ขอความของฟอรมความคดเหน ไมตองใสคาใด ๆ กได
การจดการความคดเหน ไม
แสดงการตรวจสอบค าส าหรบความคดเหนหรอไม ไม
แสดงรปภาพโปรไฟลบนความคดเหนหรอไม ใช
อเมลส าหรบแจงเตอนเมอมความคดเหนใหม กรอก email ของคณลงไป
5 เกบเขาคลงบทความ ตงใหเปนรายเดอนจะดทสด
หนา 30
6 ฟดของไซต ถาบทความในบลอกไมมากนก ตงคาเปน แบบเตม แตถาบทความมประมาณ 100 ขนไปควร
จะตงเปน แบบสน
7 อเมลและมอถอ
ในสวนนเปนการตงคา อเมลเพอใหระบบสงบลอกของคณทกครงทมการเผยแพร และเปนการตงคา การใชอปกรณเคลอนทในการเขยนบลอก ตรงนผมยงไมเคยลองเหมอนกน
8 OpenID
คณสามารถใช OpenID URL เพอเขาสไซตอนๆ ทใชงาน OpenID นอกจากนคณยงสามารถก าหนดใหผใช OpenID สามารถแสดงความคดเหนในบลอกของคณ โดยปรบการตงคา ความคดเหน ของคณ
9 สทธ
ในสวนนคณสามารถใชในการเปลยนผเขยนบลอก และเพมผดแลระบบไดถง 100 ราย
หนา 31
นอกจากนคณยงจ ากดคนเขาชมบลอกไดดวย โดยการระบ Email ของผทตองการลงไป
หนา 32
บทท 5 รจกและใชงาน Gadget ชนดตางๆ บน Blogger
เมอเรยนรเกยวกบ การตงคาตาง ๆ ของบลอก การเปลยน Templates ใหกบบลอกไปแลว สวนทเหลอคอ การจดรปแบบองคประกอบหนาใหกบบลอก รวมถงการใชงาน Gadget หลกชนดตางๆ ของ Blogger
Gadget คออะไร
Gadget ใน Blogger นนหมายถงสวนเสรมทเราสามารถตดตงเพมลงไปในแมแบบของ Blogger ซงบางครงกถกเรยกวา widget ซงกหมายถงสงเดยวกนกบ Gadget
วธเพม Gadget กอนอนให Login เขาไปท blogger หรอ draftblogger gtgt จากแผงควบคมใหเลอก การออกแบบ
หนา 33
จากนนใน Layout ของแมแบบคณจะเหนพนท ดงรปดานลางเพอใหเพม Gadget
และเมอคลก เพม Gadget กจะปรากฏ Gadget พนฐาน 21 อยางทจะกลาวถงในหวขอน
นอกจากนยงม Gadget อกมากมายซงคณสามารถเลอกไดจากเมนแกดเจดเพมเตมทางซายมอ
เมอเลอก Gadget ทตองการแลว คลกทปม + เพอท าการเพม Gadget นน ใสชอ Gadget และตงคาทตองการแลวบนทก
รปทเหนขางบนเปน Gadget ผตดตาม ส าหรบ Gadget อน ๆ กท าไดในท านองเดยวกน
หนา 34
รจกกบ Gadget พนฐาน 21 อยางของ Blogger
1 Gadget หนาเวบ
หลกการของ Gadget ชนดนคอคณจะตองสรางหนาเวบขนมากอน แลวใช Gadget นเปนเมนในการเชอมโยงไปยงหนาเวบ
2 Gadget ผตดตาม
Gadget ชนดนใชเพอใหผอานทชนชอบบลอกของคณไดตดตาม และเมอตดตามแลวความเคลอนไหว และการ update บทความของจะไปปรากฏแผงควบคมของผตดตามโดยอตโนมต และมสทธในการแสดงความคดเหนบนบลอกของคณได (กรณทคณอนญาตเฉพาะสมาชก)
3 Gadget ชองคนหา
เปน Gadget ทตดตงเพอใหผอานสามารถคนหาสงทตองการในบลอกของคณไดงายขน
หนา 35
4 Gadget HTMLจาวาสครปต
Gadget ชนดนเปน Gadget ทยดหยนทสดในบรรดา Gadget ทงหมด สามารถประยกตใชไดหลากหลาย เหมาะส าหรบใชตดตงโคดตาง ๆ ลงบน Blogger เชน โคดปฏทน นาฬกา โคดจาวาสครปต โคดรปภาพ โคดวดโอ โคดของลงค เปนตน
5 Gadget ขอความ
เปน Gadget ทเหมาะส าหรบเขยนขอความ เชน ขอความตอนรบ เปนตน
6 Gadget Adsense
คณจะใช Gadget ชนดนไดเมอสมครเขารวมโปรแกรมหรอเปนตวแทนในการเผยแพรโฆษณาบน Google
7 Gadget รปภาพ
ถาคณตองการแสดงรปภาพบนบลอกอยางเดยวกใหเลอกใช Gadget นครบ
หนา 36
8 Gadget สไลดโชว
Gadget นเปนการดง Albums จาก Picasaweb มาแสดงในรปแบบสไลดโชวบนบลอกของ
9 Gadget แถบวดโอ
Gadget นจะท าใหผใชคนหาวดโอบน Youtube จากบลอกของคณได
10 Gadget แบบส ารวจ
Gadget นถอเปน Gadget หนงทนาสนใจมาก แตยงมผใชจ านวนนอย โดยคณอาจจะใชส ารวจความตองการ หรอความคดเหนของผอานตอบลอกของคณ หรอส ารวจเกยวกบเรองทเกยวของกบเนอหาบนบลอกของคณกได
11 Gadget รายการบลอก
Gadget ชนดนเปน Gadget ทสามารถรวบรวมขาวสารลาสดจากบลอกทคณเลอกหรอบลอกทคณตดตาม พรอมทงสามารถแสดงเนอหาแบบยอไดดวย
หนา 37
12 Gadget รายชอลงค
เปน Gadget ทใชสรางลงคไปยงทตาง ๆ โดยคณสามารถปอน URL บน Gadget ชนดนเพอสราง Link โดยไมตองมความรเรอง HTML มากอนเลย
13 Gadget รายการ
เปน Gadget ทคลายคลงกบ Gadget รายชอลงค แตมความยดหยนกวา สามารถสรางขอความรายการและใส link ใหขอความไดดวย
14 Gadget ฟด
คณสามารถใช Gadget นดงขาวสารจากในบลอกของคณ หรอบลอกอนทคณสนใจเอามาแสดงเพยงแคใสชอบลอกทตองการลงไปลงไปใน gadget
15 Gadget Newsreel
เปน gadget ทท าใหพาดหวขาวจาก Google มาปรากฏบนบลอกของคณเทานน
หนา 38
16 Gadget ปายก ากบ
Gadget นมความส าคญ คณควรจะตดตง เพอใหบทความทเขยนเปนหมวดหม ใหผอานเหนชดเจนเลอกอานไดตรงความตองการมากขน
17 Gadget ลงคการสมคร
Gadget นมความส าคญในเรองการสงขาวสารขอมลจากบลอกของคณไปยงผอาน ผอานจะสามารถสมครรบบทความทาง email หรอผานชองทางอน ๆ ไดจาก Gadget น
18 Gadget โลโก
Gadget นไมส าคญนกเปนเพยงตดตง logo ของ blogger ในหนาบลอกเทานน
19 Gadget โปรไฟล
Gadget นจะแสดงขอมลอยางของคณทไดกรอกเอาไวบนบญชของ Blogger ถาคณตองการแสดงขอมลของคณบน Blog กควรจะตดตง Gadget นครบ
หนา 39
20 Gadget คลงบทความของบลอก
Gadget นจะท าใหผอานเหนบทความทงหมดภายในบลอกของคณได
21 Gadget สวนหวของหนา
Gadget นเปนสวนทใส Title และ Description ของ Blog โดยปกตแลว Template ทวไปกจะตดตงสวนนอยแลว
คณสามารถทดลองใช Gadget เหลานไดโดยไมตองกลวความผดพลาดเพราะ Gadget บน
Blogger นนสามารถลบออกไดอยางงายดายโดยวธการจดการกบ Gadget
หนา 40
บทท 6 การจดการกบ Gadget ในหนาบลอก
ในบททผานมาเราได รจกและใชงาน Gadget ชนดตาง ๆ บน Blogger ผมไดกลาวถงวธการเพม Gadget ใหกบบลอก แตยงไมไดกลาวถงการลบ Gadget ออกจากองคประกอบของหนา และนอกจากน ต าแหนงของ Gadget ยงสามารถเคลอนยายต าแหนงไดอกดวย
การลบ Gadget วธท 1 ถาในขณะทเรา log in และเปดหนาบลอกของเราขนมา กจะสงเกตเหนวามเครองมอ
ปรากฏอยตามทตางๆ ในองคประกอบของหนา
และถาเราคลกเขาไปกจะสามารถแกไข หรอ ลบองคประกอบเหลานนออกไปไดเลยครบ
หนา 41
วธท 2 เราสามารถเขาไปลบ Gadget ไดท แผงควบคม gtgt การออกแบบ gtgt องคประกอบของหนา gtgt เลอกแกไข Gadget ทตองการลบ
จากนนเลอกลบไดเชนเดยวกบกรณแรก
การยายต าแหนง Gadget ส าหรบการยายต าแหนงของ Gadget ท าไดโดยการ เขาไปทแผงควบคม gtgt การออกแบบ gtgt
องคประกอบหนาจากนนใหลากเมาสบน Gadget ทตองการยายไปวางในต าแหนงทตองการไดเลยครบ
หนา 42
เมอเขาใจการท างานของ Gadget ชนดตาง ๆ แลวสงทอยากจะฝากเอาไวตอนทายนกคอการจดองคประกอบหนาของบลอกดงน
แนวทางในการจดองคประกอบหนาบลอก
แนวทางในการจดองคประกอบหนานนไมมกฎเกณฑตายตว บางคนชอบใหม 2 column บางคน ชอบใหม 3 column ซงกขนอยกบความชอบและความตองการใชงาน แตทอยากใหค านงไวเสมอคอ ผอน คอ พระเจา ท าอะไรใหเขาใจงายๆ หาอะไรกเจออยางรวดเรว เขาไวเปนพอครบ และอกประการทส าคญคอ การตดตง Gadget ตาง ๆ ควรตดตงเทาทจ าเปนและตองการใชงาน ปฏทน หรอนาฬกานนกไมควรตดตง ลงไปเลย เพราะไมคมคากบการเพมภาระการโหลดใหกบผเขาชม และถาบลอกของคณโหลดไดชา ก เปนไปไดยากทผอานจะกลบมาอก
องคประกอบในหนาของบลอกทผมคดวาคณควรจะมคอ สวนทบอกตวตนของบลอก
ซงอาจจะแสดงในสวนหวของหนา หรอเปนวดโอ สไลดขอความรปถาย อยในต าแหนงทเหนไดชด สวนทเชอมโยงไปยงบทความในบลอก
สวนนจ าเปนมากเพราะจะชวยใหผอานคนหาบทความไดเรวขน คณอาจจะรวมบทความทงหมดเลยหรอ อาจจะใชวธจดหมวดหมใหผอานเลอกสงทตองการจากบลอกของเราไดเรวขน
สวนพนทของสมาชก
สวนนจะแสดงใหเหนวามผสนใจบลอกของเรามากแคไหน และสามารถสมครตดตามบลอกของเราไดทนท เชนอาจจะใช Gadget ผตดตาม หรอใช Like box Plugins ของ Facebook หรออาจจะท า Poll กได
สวนทเปนชองทางใหผอานตดตอเราได
คณอาจจะท า link เชอมโยงใหผอานตดตอคณได หรออาจจะใช Gadget profile ของ Blogger เพอแนะน าตวกได
หนา 43
บทท 7 การแสดงขาวสารลาสดดวย Gadget ฟด
ความหมายของค าวา ฟดโดยสรปกคอเปนสงทแพรกระจายจากบลอกของเราบนโลก Internet เทยบไดกบคลนสญญาณวทยหรอโทรทศน ถามตวรบทกคนกสามารถมองเหนขาวสารทตองการเลอกรบได นอกจากนถามตวชวยสงใหฟดแพรไดแรงขน ขาวสารกยอมจะแพรกระจายไดเรวดวย
ดงนนถาคณสนใจขาวสารจากบลอกใดบลอกหนงคณกสามารถทจะเปดรบขาวสารจากบลอกนนๆ โดยใช Gadget ฟด ซงเปน Gadget ทสามารถเพมไดอยางไมจ ากด ดงนนถาคณตองการรบขาวจาก 10 บลอกกสามารถท าไดโดยการเพม gadget ฟดเขาไปในบลอก 10 ครง ในขณะเดยวกนถาคณใสชอบลอกของตวเองใน Gadget ฟด Gadget ชนดนจะกลายเปน Gadget ทใชแสดง บทความลาสดนนเองครบ
การแสดงขาวสารลาสดโดยการใช Gadget ฟด
1 ไปทองคประกอบของหนา gtgt เพมฟด Gadget
หนา 44
2 ใสโคดตอไปนลงไปใน Gadget ฟด httpชอบลอกblogspotcomfeedspostsdefault
โดยจะตองเปลยนชอบลอกเปนชอบลอกของของคณเองหรอชอบลอกทคณตองการรบขาวสารท update
ตงคาทตองการเพมเตมและบนทกกจะได feeds ขาวสารมาปรากฏทบลอกของคณ
3 ถาตองการเพมบลอกอนอกกท าซ าขอ 1 และ 2 แตตองเปลยนชอบลอกใหม 4 กรณทคณตองการเรยก feed จากเวบทตองการใหคนหา feed จากเวบ wwwgooglecom
แลวแทนโคดในขอ 2 เชน feed ขาวการศกษาจากเวบ httpwwwrssthaicom ใหใสโคด httpwwwrssthaicomnewsphpt=education แทนในขอ 2
หนา 45
บทท 8 แนะน า Gadget ใหมของ blogger ldquoหนาเวบrdquo
ตามเวบไซตตาง ๆ เราคงจะเคยเหนกนวาแตละเวบไซตจะม เมนส าหรบเลอกเปดไปดหนาอน ๆภายในเวบนนๆ เชน ตวอยางในรปดานลาง
Blogger ไดพฒนา Gadget ตวใหมขนมา มชอวา หนาเวบ เพอใหผใชไดสรางหนาของบลอกทตองการไดโดยไมตองมความรในการดดแปลงหรอแกไขแมแบบดวยตนเอง
การเรยกใช Gadget ชนดนสามารถเลอกใชไดเชนเดยวกบการ Add Gadget ชนดอน ๆ นนคอ ไปท องคประกอบของหนา gtgt แลวเลอก เพม Gadget
ตอไปเรามาดวา Gadget น ใชอยางไร และใชเพอจดประสงคใด หลกการของ Gadget นเหมอนการสรางบทความขนมา 1 บทความ และ สราง Link เชอมโยงไป ยงบทความนน ๆ แตมความพเศษตรงทผใชทวไปสรางเมนขนเองไดอยางงายดาย โดยไมตองมความรพนฐานเกยวกบ HTML เลย
หนา 46
ตวอยางวธการใชงาน(จรง) ในตวอยางนผมจะสราง 2 หนาใหเหนเปนตวอยาง ไดแก HOME และ CONTACT ME
ขนเตรยมการ เนองจากผมจะยกตวอยางการสรางหนา Contact me ดงนนใหทกคนไปสราง Form ส าหรบ
ตดตอเจาของบลอกซงกคอเราเอง ไดท httpwwwfoxyformcom
ซงขนตอนในการสราง ฟอรมนนงายมาก มเพยง 4 ขนเทานน (ดรป)
หนา 47
เมอไดโคด แลวคดลอกเกบเอาไวกอนครบ
ขนสรางหนาเวบจรง ขนท 1 สรางหนาแรก หรอ HOME
Log in เขาไปท draftblogger ไปทแผงควบคม gtgt องคประกอบของหนา gtgt แลวเลอก เพม Gadget เลอกอนแรกเลยครบ คอ gadget หนาเวบ
จากนนกสราง หนาแรกขนมาโดยตงชอตามทตองการไดเลย แลวท าการบนทกครบ
หนา 48
ขนท 2 เมอผานขนท 1 มาแลวกเทากบวาเราไดสราง หนาบลอกขนมาแลว 1 หนา
ถาจะท าการเพมหนาอก ใหไปทแผงควบคม gtgt การสงบทความ gtgt แกไขหนาเวบ gtgt หนาเวบใหม
เมอคลกสรางหนาเวบใหม เรากจะพบเครองมอตาง ๆ เหมอนการเขยนบทความนนเองครบ
หนา 49
ใหน าโคดของ Form ทเตรยมไว จากขนเตรยมการมาวางในหนาหนาน จดรปแบบตามตองการแลวบนทกหนาไดเลยครบ
เพยงขนตอนสน ๆ นเรากจะมเมนเชอมโยงไปยง หนาของบลอกถง 2 หนาดวยกน ไดแก HOME และ CONTACT ME
หนา 50
ขนท 3 - ถาหากตองการเพมหนาบลอกเพมขนอกกท าซ าขนตอนทไดกลาวมาขางตนครบ - แตถาตองการลบหนาบลอกทง กมาทเดม แลวจะเหนค าวาลบ ถาตองการลบทงกกดค าวาลบ
ไดเลย
ขนท 4 วธจดการกบเมนหนาเวบ - ถาตองการเรยงล าดบหนาเวบใหม กไปท องคประกอบของหนา แลว คลก Gadget หนาเวบขนมาแกไข gtgt ดรป
หนา 51
นอกจากน Gadget หนาเวบจะมลกษณะพเศษ คอ ถาอยท Sidebar เมนจะจดเรยงเปนแนวตง
หนา 52
แตถาลากไปในต าแหนงใตสวนหว จะจดเรยงเรยงเปนแนวนอนโดยอตโนมต
หนา 53
บทท 9 นบจ านวนคนเยยมชมดวย Flagcounter
อกบรการนบสถตคนเยยมชมทชวยใหเราทราบวาบลอกของเรามผเยยมชมทงในและตางประเทศมากหรอนอย จาก Flagcounter
วธตดตง
1 ไปท httpwwwflagcountercomindexhtml 2 ตงคาตางๆ ตามความตองการแลวกด GET YOUR FLAG COUNTER ดงรป
3 คดลอก HTML โคด ท FLAG COUNTER ไดสรางใหในขนท 2
หนา 54
4 กลบมาทบลอกของเรา ไปทแผงควบคม gtgt รปแบบ gtgt องคประกอบหนา gtgt เพม Gadget ชนด HTMLจาวาสครปต
5 วางโคดทคดลอกมาจากขนท 3 แลวบนทกครบกเปนอนจบขนตอนครบ ลกษณะทไดกดงรป
หนา 55
บทท 10 รปภาพในบทความบน Blogger
คณเคยสงสยไหมครบวา รปภาพทคณ upload ขนไปขณะทเขยนบทความ หรออาจจะเขยนบทความไปแลว รปเหลานนไปอยทไหน เพราะวา Blogger เองไมม sever ยงตองอาศยฐานขอมลของตวแมคอ blogspotcom อย แลวจะเอาพนท ๆ ไหนมาเกบรปตงมากมาย
ค าตอบคอ Blogger จะใชวธเชอมโยงกบ Application อน ๆ ของ Google เพอแกปญหาการเกบขอมล เชนรปภาพใน Blogger ทเราพดถงกนอยตอนนกจะถกเกบ
อยท Picasa Web Albums ดงนนไมวาจะเปนภาพทคณ Upload ขณะเขยนบทความ กจะถกเกบอยใน Picasa Web Albums ทงหมด
คณใชบรการ Picasa Web Albums ไดอยางไร
การใชบรการ Picasa Web Albums สามารถเขาใชไดทนทหากคณมบญชผใชกบ google อยแลว เชนมบญชผใช Gmail หรอ Blogger อยแลวกสามารถ Log in เขาใชไดเลย
Picasa Web Albums ใหพนทเทาไร
Picasa จะใหพนท เพยง 1 GB ตอ 1 บญชผใช นเปนเหตผลทบางคนอาจจะสงสยวาท าไมคณภาพรปหรอขนาดของรปบน Blogger จงลดลง กลาวคอระบบของ Picasa จะท าการลดขนาดของรปทเรา Upload ผาน Blogger ใหมขนาดเลกลงเพอเปนการประหยดพนทนนเอง
หนา 56
คณจะเขาไปจดการรปภาพจาก Blogger ใน Picasa Web ไดอยางไร การจดการภาพใน Picasa Web Albums ท าได 2 วธคอ
1 ใช Software ทพฒนาขนมาจดการ Picasa Web Albums โดยเฉพาะ
คณสามารถเขาไปดาวนโหลด Picasa ไดท httppicasagooglecom 2 เขาไปจดการทเวบไซต Picasa Web Albums โดยตรง โดยไปท httppicasawebgooglecom และ Log in โดยใชชอบญชเดยวกบ Blogger
คณสามารถเขาไป Unload ภาพไดโดยตรงกบ Picasa แลวเรยกมาใชบน blogger ไดโดยใชตวเลอก อปโหลด
หนา 57
แตถาตองการรปภาพบน Blogger ทไดอปโหลดขนไปแลวกคลกทอลบมทตองการแลวเขาไปจดการภาพไดเชนกน ลบรปภาพบน Blogger แลวรปบน Picasa จะถกลบดวยหรอไม
การลบรปภาพบน Blogger ไมสงผลใด ๆ ตอ Picasa Web Albums เลยเวนแตคณจะเขามาลบใน Picasa Web Albums โดยตรง ดงนนถาในขณะเขยนบทความคณเผลอท าพลาดรปภาพหายไป กสามารถเขามาเอารปภาพจาก Picasa Web Albums ใชงานไดอกโดยไมตอง upload ซ า หรอไมตองไปหาภาพมาใหม บทสรป
บทนแนะน าใหพอรจกการเชอมโยงระหวาง Blogger และ Picasa Web Albums ซงเปนบรการในเครอขาย Google เหมอนกน และจะท าใหคณเขาใจการจดการเกยวกบภาพบน Blogger ไดดขน
หนา 58
บทท 11 การสรางวดโอใน YouTube และน ามาใสในบลอก
ถามวดโอในหนาบลอกของเราดวย การสอสารเรองราวตางๆ กจะมชวตชวาและเขาใจงายขน ซงในทนเราสามารถสรางไดไมยากดวยบรการของ wwwyoutubecom ครบ
ขนตอนการฝากวดโอไวกบ youtube
1 ไปท wwwyoutubecom แลวเลอก Create Account ทมมขวาบนซงในกรณทเรา Login อยในเวบบลอกของเรานน กสามารถใชบรการของ youtube ดวย Account เดมโดยไมตองสมครใหมครบ วธการท าไดโดย
11 คลกท 12 กรอกขอมลส าหรบการสรางบญช โดยใช username ของ gmail ของเราเอง 13 จากนน คลก
หนา 59
14 จะพบหนาตางใหกรอก Username และ รหสผาน ของ gmail ใหกรอก e-mail ของเรา
จะพบหนาจอ ดงน จากนนเรากสามารถท าการเพม Video ไดตามทเราตองการ
หนา 60
2 การฝาก youtube มเงอนไขส าคญๆ ดงน - ความยาวของวดโอไมเกน 10 นาท - ควรเปนวดโอทไมกระทบตอสถาบน ชาต ศาสนา พระมหากษตรย และ ศลธรรมอนดงามของสงคม
3 การ upload วดโอขนไปทเมน upload (ทมมขวาบน) แลวท าการเลอกไฟลวดโอจากเครองของเรา และรอจนการ upload เสรจสน
31 คลกทปม Uploads
32 คลกทปม Upload Video
33 เลอกไฟล Video ทตองการ
34
34 เมอ Upload ได 100 แลวใหคลก Save change
หนา 61
4 เมอ upload เสรจสนแลวคลกทขอความ Embed and Sharing Options เรากเหน HTML code ใหคดลอก code เหลานนมาแปะในสวนทเราตองการ
เชนในทนผมคดลอก code มาแปะในบทความกจะไดผลลพธเปนวดโอตามดานลางทเหนครบ
หนา 62
เรอง หนา บทน าhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 1 บทท 1 การสรางเวบบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 4 บทท 2 วธเปลยน Template ของ Bloggerhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 12 บทท 3 วธเขยนและจดการบทความในบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 22 บทท 4 การตงคาพนฐานตางๆ ใหกบบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 26 บทท 5 รจกและใชงาน Gadget ชนดตางๆ บน Bloggerhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 32 บทท 6 การจดการกบ Gadget ในหนาบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 40 บทท 7 การแสดงขาวสารลาสดดวย Gadget ฟดhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 43 บทท 9 นบจ านวนคนเยยมชมดวย Flagcounterhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 53 บทท 10 รปภาพในบทความบน Bloggerhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 55 บทท 11 การสรางวดโอใน YouTube และน ามาใสในบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 58
หนา 63
255
เอกสารประกอบการฝกอบรมเชงปฏบตการ
การพฒนาสอการเรยนการสอน โดยใชโปรแกรมคอมพวเตอรรวมกบ Weblog
หนา 24
สวนท 3 เปนแถบทเลอกเมอตองการเขยนขอความปกตซงจะมเครองมอในการเขยนบทความตามทเหนในภาพขางบน
สวนท 4 ส าหรบจดรปแบบอกษร สวนท 5 เปนเครองมอในการใสลงคใหขอความ แทรกภาพลงในบทความ และแทรกวดโอ
ลงในบทความตามล าดบ สวนท 6 รปกระดาษขาดทเหนนนใชในกรณทคณตองการแสดงบทความใหผอานเหนในหนา
หลกเพยงบางสวนเทานน และถาใชเครองมอนผอานจะตองคลกอานเพมเตมจงจะเหนขอความแบบเตม เครองมอนมขอดคอท าใหบทความทมความยาวมาก ๆ สนลงได และท าใหเปดหนาแรกไดเรวขนดวย
สวนท 7 เปนสวนทใชในการจดเรยงขอความ และจดแนวรปภาพไดดวย เชน จดชดซาย ชดขวา กงกลาง เปนตน
สวนท 8 ไดแกการใส การเนนขอความ การลบรปแบบ การตรวจสอบการสะกดค า และการแปลภาษา
สวนท 9 เปนสวนทใชในการวางก าหนดเวลาลางหนา วาจะใหบทความทเขยนเผยแพรใน วนใด
สวนท 10 เปนการใสปายก ากบ ซงเปนสวนทใชระบวาบทความทเขยนนอยในหมวดหมใด ซงสามารถใสไดมากกวา 1 ปายก ากบโดยคนดวยเครองหมายจลภาค และสามารถเลอกปายก ากบทคณเคยใสใหบทความอนไปแลวมาใสอกได เพอท าใหบทความนน ๆ อยในหมวดหมเดยวกน
สวนท 11 เปนการเลอกวาจะบนทกไวกอน หรอจะเผยแพร มประโยชนในกรณทบทความทเขยนใชเวลาเขยนนานมากกอาจจะบนทกเอาไวกอนแลวมาเขยนตอในภายหลงได
หนา 25
เทคนคการเขยนบทความทควรร ในกรณทเรามไฟลเอกสารจาก MS word แลวคดลอกมาวางเพอท าใหเขยนบทความไดเรวขน
บางครงพบปญหาขอผดพลาดของฟอรม (ฟอรมใน MS word ไมสามารถแปลงเปน HTML Code ได)
ปญหานแกไดโดยกอนวางขอความใหคลกทแถบ แกไข HTML แลวจงวางขอความทคดลอกมา
จากนนจงคลกทแถบ เขยน เพอจดรปแบบของบทความตอไป
เทคนคนยงสามารถใชกบการวางโคดวดโอ หรอขอความทคดลอกมาจากเวบไซตไดดวยครบ
หนา 26
บทท 4 การตงคาพนฐานตางๆ ใหกบบลอก
บทนผมจะขอแนะน าการตงคาพนฐานตางๆ ของบลอกเพอใหเขาใจการตงคาในสวนตาง ๆ ของ Blogger และจะท าใหคณสามารถตงคาตาง ๆ ตามความตองการของตนเองได อกทงจะเปนประโยชนในการพฒนาการท า Blogger ในระยะยาวดวย
การตงคาพนฐานตางๆ ของบลอกท าไดโดย Log in เขาไปท blogger เมอมาทหนา แผงควบคม ให Click ท การตงคา
และทานจะเขามาทเมนการตงคาของบลอก
ผมจะแบงการตงคาออกเปน 9 สวนดงน 1 ขนตน
คณสามารถดาวนโหลด Blog เพอเกบเปน Backup ขอมลบทความและ comment ของบลอกไดโดยเลอก สงออกบลอก แตถาคณมขอมลบลอกเดมอยแลวอยากจะน ามาใชกบบลอกใหมทสรางขน กใหเลอก น าเขาบลอก แตถาคดวาไมตองการใชบลอกนแลวกสามารถลบทงไดโดยเลอก ลบบลอก
หนา 27
Title และค าอธบายของบลอก ควรใสใหเขาใจภาพรวมของบลอกและม keyword ในการท าบลอกแทรกอยใน Description ดวย
ในสวนการตงคาอน ๆ ควรตงคาดงน
องคประกอบ ตงคาเปน
เพมบลอกของคณในรายการของเราหรอไม ใช
อนญาตใหเครองมอคนหาพบบลอกของคณหรอไม ใช
แสดงการแกไขอยางรวดเรวบนบลอกของคณหรอไม ใช
มเนอหาส าหรบผใหญหรอไม ไม
เลอกโปรแกรมแกไขบทความ โปรแกรมแกไขทอปเดต
2 การเผยแพร ในการตงคาสวนนสามารถเปลยน URL ของบลอกได
หนา 28
ถาคณตองการเปลยนโดเมนของบลอกจาก blogspotcom เปนโดเมนอนกสามารถตงคาไดตรงสวนน แตจะตองเสยคาใชจายการจดโดเมนผาน google ปละ 10 US (ประมาณ 300 กวาบาทตอป)
3 การจดรปแบบ ในสวนนเปนการตงคาการเผยแพรบทความ เชน จ านวนบทความในหนาแรก รปแบบเวลา
และวนทเปนตน
คณควรจะตงคาตาง ๆ ดงน
องคประกอบ ตงคาเปน
แสดงสงสด เทาไรกได
รปแบบสวนหวของวนท ตงไดตามใจชอบ
รปแบบวนทของดชนคลงบทความ ตงไดตามใจชอบ
รปแบบเวลา ตงไดตามใจชอบ
โซนเวลา (GMT+0700)กรงเทพ
ภาษา ไทย
แปลงการขนบรรทดใหม ไม
แสดงฟลดชอเรอง ใช
แสดงฟลดของลงก ไม
เปดใชการจดเรยงแบบลอย ใช
แมแบบบทความ ยงไมตองตงคา
หนา 29
4 เมนขอคดเหน เปนเมนส าหรบตงคาตาง ๆ เกยวกบการแสดงความคดเหนของบลอก
คณควรจะตงคาตาง ๆ ดงน
องคประกอบ ตงคาเปน
ขอคดเหน แสดง
ใครสามารถแสดงความคดเหน ผใชทมบญช Google
การจดวางฟอรมความคดเหน วางไวใตบทความ
ความคดเหนเรมตนส าหรบบทความ บทความใหมมความคดเหน
ลงกยอนกลบ ซอน
คาเรมตนของลงกยอนกลบส าหรบบทความ บทความใหมมลงกยอนกลบ รปแบบเวลาในสวนความคดเหน ตงคาตามใจ
ขอความของฟอรมความคดเหน ไมตองใสคาใด ๆ กได
การจดการความคดเหน ไม
แสดงการตรวจสอบค าส าหรบความคดเหนหรอไม ไม
แสดงรปภาพโปรไฟลบนความคดเหนหรอไม ใช
อเมลส าหรบแจงเตอนเมอมความคดเหนใหม กรอก email ของคณลงไป
5 เกบเขาคลงบทความ ตงใหเปนรายเดอนจะดทสด
หนา 30
6 ฟดของไซต ถาบทความในบลอกไมมากนก ตงคาเปน แบบเตม แตถาบทความมประมาณ 100 ขนไปควร
จะตงเปน แบบสน
7 อเมลและมอถอ
ในสวนนเปนการตงคา อเมลเพอใหระบบสงบลอกของคณทกครงทมการเผยแพร และเปนการตงคา การใชอปกรณเคลอนทในการเขยนบลอก ตรงนผมยงไมเคยลองเหมอนกน
8 OpenID
คณสามารถใช OpenID URL เพอเขาสไซตอนๆ ทใชงาน OpenID นอกจากนคณยงสามารถก าหนดใหผใช OpenID สามารถแสดงความคดเหนในบลอกของคณ โดยปรบการตงคา ความคดเหน ของคณ
9 สทธ
ในสวนนคณสามารถใชในการเปลยนผเขยนบลอก และเพมผดแลระบบไดถง 100 ราย
หนา 31
นอกจากนคณยงจ ากดคนเขาชมบลอกไดดวย โดยการระบ Email ของผทตองการลงไป
หนา 32
บทท 5 รจกและใชงาน Gadget ชนดตางๆ บน Blogger
เมอเรยนรเกยวกบ การตงคาตาง ๆ ของบลอก การเปลยน Templates ใหกบบลอกไปแลว สวนทเหลอคอ การจดรปแบบองคประกอบหนาใหกบบลอก รวมถงการใชงาน Gadget หลกชนดตางๆ ของ Blogger
Gadget คออะไร
Gadget ใน Blogger นนหมายถงสวนเสรมทเราสามารถตดตงเพมลงไปในแมแบบของ Blogger ซงบางครงกถกเรยกวา widget ซงกหมายถงสงเดยวกนกบ Gadget
วธเพม Gadget กอนอนให Login เขาไปท blogger หรอ draftblogger gtgt จากแผงควบคมใหเลอก การออกแบบ
หนา 33
จากนนใน Layout ของแมแบบคณจะเหนพนท ดงรปดานลางเพอใหเพม Gadget
และเมอคลก เพม Gadget กจะปรากฏ Gadget พนฐาน 21 อยางทจะกลาวถงในหวขอน
นอกจากนยงม Gadget อกมากมายซงคณสามารถเลอกไดจากเมนแกดเจดเพมเตมทางซายมอ
เมอเลอก Gadget ทตองการแลว คลกทปม + เพอท าการเพม Gadget นน ใสชอ Gadget และตงคาทตองการแลวบนทก
รปทเหนขางบนเปน Gadget ผตดตาม ส าหรบ Gadget อน ๆ กท าไดในท านองเดยวกน
หนา 34
รจกกบ Gadget พนฐาน 21 อยางของ Blogger
1 Gadget หนาเวบ
หลกการของ Gadget ชนดนคอคณจะตองสรางหนาเวบขนมากอน แลวใช Gadget นเปนเมนในการเชอมโยงไปยงหนาเวบ
2 Gadget ผตดตาม
Gadget ชนดนใชเพอใหผอานทชนชอบบลอกของคณไดตดตาม และเมอตดตามแลวความเคลอนไหว และการ update บทความของจะไปปรากฏแผงควบคมของผตดตามโดยอตโนมต และมสทธในการแสดงความคดเหนบนบลอกของคณได (กรณทคณอนญาตเฉพาะสมาชก)
3 Gadget ชองคนหา
เปน Gadget ทตดตงเพอใหผอานสามารถคนหาสงทตองการในบลอกของคณไดงายขน
หนา 35
4 Gadget HTMLจาวาสครปต
Gadget ชนดนเปน Gadget ทยดหยนทสดในบรรดา Gadget ทงหมด สามารถประยกตใชไดหลากหลาย เหมาะส าหรบใชตดตงโคดตาง ๆ ลงบน Blogger เชน โคดปฏทน นาฬกา โคดจาวาสครปต โคดรปภาพ โคดวดโอ โคดของลงค เปนตน
5 Gadget ขอความ
เปน Gadget ทเหมาะส าหรบเขยนขอความ เชน ขอความตอนรบ เปนตน
6 Gadget Adsense
คณจะใช Gadget ชนดนไดเมอสมครเขารวมโปรแกรมหรอเปนตวแทนในการเผยแพรโฆษณาบน Google
7 Gadget รปภาพ
ถาคณตองการแสดงรปภาพบนบลอกอยางเดยวกใหเลอกใช Gadget นครบ
หนา 36
8 Gadget สไลดโชว
Gadget นเปนการดง Albums จาก Picasaweb มาแสดงในรปแบบสไลดโชวบนบลอกของ
9 Gadget แถบวดโอ
Gadget นจะท าใหผใชคนหาวดโอบน Youtube จากบลอกของคณได
10 Gadget แบบส ารวจ
Gadget นถอเปน Gadget หนงทนาสนใจมาก แตยงมผใชจ านวนนอย โดยคณอาจจะใชส ารวจความตองการ หรอความคดเหนของผอานตอบลอกของคณ หรอส ารวจเกยวกบเรองทเกยวของกบเนอหาบนบลอกของคณกได
11 Gadget รายการบลอก
Gadget ชนดนเปน Gadget ทสามารถรวบรวมขาวสารลาสดจากบลอกทคณเลอกหรอบลอกทคณตดตาม พรอมทงสามารถแสดงเนอหาแบบยอไดดวย
หนา 37
12 Gadget รายชอลงค
เปน Gadget ทใชสรางลงคไปยงทตาง ๆ โดยคณสามารถปอน URL บน Gadget ชนดนเพอสราง Link โดยไมตองมความรเรอง HTML มากอนเลย
13 Gadget รายการ
เปน Gadget ทคลายคลงกบ Gadget รายชอลงค แตมความยดหยนกวา สามารถสรางขอความรายการและใส link ใหขอความไดดวย
14 Gadget ฟด
คณสามารถใช Gadget นดงขาวสารจากในบลอกของคณ หรอบลอกอนทคณสนใจเอามาแสดงเพยงแคใสชอบลอกทตองการลงไปลงไปใน gadget
15 Gadget Newsreel
เปน gadget ทท าใหพาดหวขาวจาก Google มาปรากฏบนบลอกของคณเทานน
หนา 38
16 Gadget ปายก ากบ
Gadget นมความส าคญ คณควรจะตดตง เพอใหบทความทเขยนเปนหมวดหม ใหผอานเหนชดเจนเลอกอานไดตรงความตองการมากขน
17 Gadget ลงคการสมคร
Gadget นมความส าคญในเรองการสงขาวสารขอมลจากบลอกของคณไปยงผอาน ผอานจะสามารถสมครรบบทความทาง email หรอผานชองทางอน ๆ ไดจาก Gadget น
18 Gadget โลโก
Gadget นไมส าคญนกเปนเพยงตดตง logo ของ blogger ในหนาบลอกเทานน
19 Gadget โปรไฟล
Gadget นจะแสดงขอมลอยางของคณทไดกรอกเอาไวบนบญชของ Blogger ถาคณตองการแสดงขอมลของคณบน Blog กควรจะตดตง Gadget นครบ
หนา 39
20 Gadget คลงบทความของบลอก
Gadget นจะท าใหผอานเหนบทความทงหมดภายในบลอกของคณได
21 Gadget สวนหวของหนา
Gadget นเปนสวนทใส Title และ Description ของ Blog โดยปกตแลว Template ทวไปกจะตดตงสวนนอยแลว
คณสามารถทดลองใช Gadget เหลานไดโดยไมตองกลวความผดพลาดเพราะ Gadget บน
Blogger นนสามารถลบออกไดอยางงายดายโดยวธการจดการกบ Gadget
หนา 40
บทท 6 การจดการกบ Gadget ในหนาบลอก
ในบททผานมาเราได รจกและใชงาน Gadget ชนดตาง ๆ บน Blogger ผมไดกลาวถงวธการเพม Gadget ใหกบบลอก แตยงไมไดกลาวถงการลบ Gadget ออกจากองคประกอบของหนา และนอกจากน ต าแหนงของ Gadget ยงสามารถเคลอนยายต าแหนงไดอกดวย
การลบ Gadget วธท 1 ถาในขณะทเรา log in และเปดหนาบลอกของเราขนมา กจะสงเกตเหนวามเครองมอ
ปรากฏอยตามทตางๆ ในองคประกอบของหนา
และถาเราคลกเขาไปกจะสามารถแกไข หรอ ลบองคประกอบเหลานนออกไปไดเลยครบ
หนา 41
วธท 2 เราสามารถเขาไปลบ Gadget ไดท แผงควบคม gtgt การออกแบบ gtgt องคประกอบของหนา gtgt เลอกแกไข Gadget ทตองการลบ
จากนนเลอกลบไดเชนเดยวกบกรณแรก
การยายต าแหนง Gadget ส าหรบการยายต าแหนงของ Gadget ท าไดโดยการ เขาไปทแผงควบคม gtgt การออกแบบ gtgt
องคประกอบหนาจากนนใหลากเมาสบน Gadget ทตองการยายไปวางในต าแหนงทตองการไดเลยครบ
หนา 42
เมอเขาใจการท างานของ Gadget ชนดตาง ๆ แลวสงทอยากจะฝากเอาไวตอนทายนกคอการจดองคประกอบหนาของบลอกดงน
แนวทางในการจดองคประกอบหนาบลอก
แนวทางในการจดองคประกอบหนานนไมมกฎเกณฑตายตว บางคนชอบใหม 2 column บางคน ชอบใหม 3 column ซงกขนอยกบความชอบและความตองการใชงาน แตทอยากใหค านงไวเสมอคอ ผอน คอ พระเจา ท าอะไรใหเขาใจงายๆ หาอะไรกเจออยางรวดเรว เขาไวเปนพอครบ และอกประการทส าคญคอ การตดตง Gadget ตาง ๆ ควรตดตงเทาทจ าเปนและตองการใชงาน ปฏทน หรอนาฬกานนกไมควรตดตง ลงไปเลย เพราะไมคมคากบการเพมภาระการโหลดใหกบผเขาชม และถาบลอกของคณโหลดไดชา ก เปนไปไดยากทผอานจะกลบมาอก
องคประกอบในหนาของบลอกทผมคดวาคณควรจะมคอ สวนทบอกตวตนของบลอก
ซงอาจจะแสดงในสวนหวของหนา หรอเปนวดโอ สไลดขอความรปถาย อยในต าแหนงทเหนไดชด สวนทเชอมโยงไปยงบทความในบลอก
สวนนจ าเปนมากเพราะจะชวยใหผอานคนหาบทความไดเรวขน คณอาจจะรวมบทความทงหมดเลยหรอ อาจจะใชวธจดหมวดหมใหผอานเลอกสงทตองการจากบลอกของเราไดเรวขน
สวนพนทของสมาชก
สวนนจะแสดงใหเหนวามผสนใจบลอกของเรามากแคไหน และสามารถสมครตดตามบลอกของเราไดทนท เชนอาจจะใช Gadget ผตดตาม หรอใช Like box Plugins ของ Facebook หรออาจจะท า Poll กได
สวนทเปนชองทางใหผอานตดตอเราได
คณอาจจะท า link เชอมโยงใหผอานตดตอคณได หรออาจจะใช Gadget profile ของ Blogger เพอแนะน าตวกได
หนา 43
บทท 7 การแสดงขาวสารลาสดดวย Gadget ฟด
ความหมายของค าวา ฟดโดยสรปกคอเปนสงทแพรกระจายจากบลอกของเราบนโลก Internet เทยบไดกบคลนสญญาณวทยหรอโทรทศน ถามตวรบทกคนกสามารถมองเหนขาวสารทตองการเลอกรบได นอกจากนถามตวชวยสงใหฟดแพรไดแรงขน ขาวสารกยอมจะแพรกระจายไดเรวดวย
ดงนนถาคณสนใจขาวสารจากบลอกใดบลอกหนงคณกสามารถทจะเปดรบขาวสารจากบลอกนนๆ โดยใช Gadget ฟด ซงเปน Gadget ทสามารถเพมไดอยางไมจ ากด ดงนนถาคณตองการรบขาวจาก 10 บลอกกสามารถท าไดโดยการเพม gadget ฟดเขาไปในบลอก 10 ครง ในขณะเดยวกนถาคณใสชอบลอกของตวเองใน Gadget ฟด Gadget ชนดนจะกลายเปน Gadget ทใชแสดง บทความลาสดนนเองครบ
การแสดงขาวสารลาสดโดยการใช Gadget ฟด
1 ไปทองคประกอบของหนา gtgt เพมฟด Gadget
หนา 44
2 ใสโคดตอไปนลงไปใน Gadget ฟด httpชอบลอกblogspotcomfeedspostsdefault
โดยจะตองเปลยนชอบลอกเปนชอบลอกของของคณเองหรอชอบลอกทคณตองการรบขาวสารท update
ตงคาทตองการเพมเตมและบนทกกจะได feeds ขาวสารมาปรากฏทบลอกของคณ
3 ถาตองการเพมบลอกอนอกกท าซ าขอ 1 และ 2 แตตองเปลยนชอบลอกใหม 4 กรณทคณตองการเรยก feed จากเวบทตองการใหคนหา feed จากเวบ wwwgooglecom
แลวแทนโคดในขอ 2 เชน feed ขาวการศกษาจากเวบ httpwwwrssthaicom ใหใสโคด httpwwwrssthaicomnewsphpt=education แทนในขอ 2
หนา 45
บทท 8 แนะน า Gadget ใหมของ blogger ldquoหนาเวบrdquo
ตามเวบไซตตาง ๆ เราคงจะเคยเหนกนวาแตละเวบไซตจะม เมนส าหรบเลอกเปดไปดหนาอน ๆภายในเวบนนๆ เชน ตวอยางในรปดานลาง
Blogger ไดพฒนา Gadget ตวใหมขนมา มชอวา หนาเวบ เพอใหผใชไดสรางหนาของบลอกทตองการไดโดยไมตองมความรในการดดแปลงหรอแกไขแมแบบดวยตนเอง
การเรยกใช Gadget ชนดนสามารถเลอกใชไดเชนเดยวกบการ Add Gadget ชนดอน ๆ นนคอ ไปท องคประกอบของหนา gtgt แลวเลอก เพม Gadget
ตอไปเรามาดวา Gadget น ใชอยางไร และใชเพอจดประสงคใด หลกการของ Gadget นเหมอนการสรางบทความขนมา 1 บทความ และ สราง Link เชอมโยงไป ยงบทความนน ๆ แตมความพเศษตรงทผใชทวไปสรางเมนขนเองไดอยางงายดาย โดยไมตองมความรพนฐานเกยวกบ HTML เลย
หนา 46
ตวอยางวธการใชงาน(จรง) ในตวอยางนผมจะสราง 2 หนาใหเหนเปนตวอยาง ไดแก HOME และ CONTACT ME
ขนเตรยมการ เนองจากผมจะยกตวอยางการสรางหนา Contact me ดงนนใหทกคนไปสราง Form ส าหรบ
ตดตอเจาของบลอกซงกคอเราเอง ไดท httpwwwfoxyformcom
ซงขนตอนในการสราง ฟอรมนนงายมาก มเพยง 4 ขนเทานน (ดรป)
หนา 47
เมอไดโคด แลวคดลอกเกบเอาไวกอนครบ
ขนสรางหนาเวบจรง ขนท 1 สรางหนาแรก หรอ HOME
Log in เขาไปท draftblogger ไปทแผงควบคม gtgt องคประกอบของหนา gtgt แลวเลอก เพม Gadget เลอกอนแรกเลยครบ คอ gadget หนาเวบ
จากนนกสราง หนาแรกขนมาโดยตงชอตามทตองการไดเลย แลวท าการบนทกครบ
หนา 48
ขนท 2 เมอผานขนท 1 มาแลวกเทากบวาเราไดสราง หนาบลอกขนมาแลว 1 หนา
ถาจะท าการเพมหนาอก ใหไปทแผงควบคม gtgt การสงบทความ gtgt แกไขหนาเวบ gtgt หนาเวบใหม
เมอคลกสรางหนาเวบใหม เรากจะพบเครองมอตาง ๆ เหมอนการเขยนบทความนนเองครบ
หนา 49
ใหน าโคดของ Form ทเตรยมไว จากขนเตรยมการมาวางในหนาหนาน จดรปแบบตามตองการแลวบนทกหนาไดเลยครบ
เพยงขนตอนสน ๆ นเรากจะมเมนเชอมโยงไปยง หนาของบลอกถง 2 หนาดวยกน ไดแก HOME และ CONTACT ME
หนา 50
ขนท 3 - ถาหากตองการเพมหนาบลอกเพมขนอกกท าซ าขนตอนทไดกลาวมาขางตนครบ - แตถาตองการลบหนาบลอกทง กมาทเดม แลวจะเหนค าวาลบ ถาตองการลบทงกกดค าวาลบ
ไดเลย
ขนท 4 วธจดการกบเมนหนาเวบ - ถาตองการเรยงล าดบหนาเวบใหม กไปท องคประกอบของหนา แลว คลก Gadget หนาเวบขนมาแกไข gtgt ดรป
หนา 51
นอกจากน Gadget หนาเวบจะมลกษณะพเศษ คอ ถาอยท Sidebar เมนจะจดเรยงเปนแนวตง
หนา 52
แตถาลากไปในต าแหนงใตสวนหว จะจดเรยงเรยงเปนแนวนอนโดยอตโนมต
หนา 53
บทท 9 นบจ านวนคนเยยมชมดวย Flagcounter
อกบรการนบสถตคนเยยมชมทชวยใหเราทราบวาบลอกของเรามผเยยมชมทงในและตางประเทศมากหรอนอย จาก Flagcounter
วธตดตง
1 ไปท httpwwwflagcountercomindexhtml 2 ตงคาตางๆ ตามความตองการแลวกด GET YOUR FLAG COUNTER ดงรป
3 คดลอก HTML โคด ท FLAG COUNTER ไดสรางใหในขนท 2
หนา 54
4 กลบมาทบลอกของเรา ไปทแผงควบคม gtgt รปแบบ gtgt องคประกอบหนา gtgt เพม Gadget ชนด HTMLจาวาสครปต
5 วางโคดทคดลอกมาจากขนท 3 แลวบนทกครบกเปนอนจบขนตอนครบ ลกษณะทไดกดงรป
หนา 55
บทท 10 รปภาพในบทความบน Blogger
คณเคยสงสยไหมครบวา รปภาพทคณ upload ขนไปขณะทเขยนบทความ หรออาจจะเขยนบทความไปแลว รปเหลานนไปอยทไหน เพราะวา Blogger เองไมม sever ยงตองอาศยฐานขอมลของตวแมคอ blogspotcom อย แลวจะเอาพนท ๆ ไหนมาเกบรปตงมากมาย
ค าตอบคอ Blogger จะใชวธเชอมโยงกบ Application อน ๆ ของ Google เพอแกปญหาการเกบขอมล เชนรปภาพใน Blogger ทเราพดถงกนอยตอนนกจะถกเกบ
อยท Picasa Web Albums ดงนนไมวาจะเปนภาพทคณ Upload ขณะเขยนบทความ กจะถกเกบอยใน Picasa Web Albums ทงหมด
คณใชบรการ Picasa Web Albums ไดอยางไร
การใชบรการ Picasa Web Albums สามารถเขาใชไดทนทหากคณมบญชผใชกบ google อยแลว เชนมบญชผใช Gmail หรอ Blogger อยแลวกสามารถ Log in เขาใชไดเลย
Picasa Web Albums ใหพนทเทาไร
Picasa จะใหพนท เพยง 1 GB ตอ 1 บญชผใช นเปนเหตผลทบางคนอาจจะสงสยวาท าไมคณภาพรปหรอขนาดของรปบน Blogger จงลดลง กลาวคอระบบของ Picasa จะท าการลดขนาดของรปทเรา Upload ผาน Blogger ใหมขนาดเลกลงเพอเปนการประหยดพนทนนเอง
หนา 56
คณจะเขาไปจดการรปภาพจาก Blogger ใน Picasa Web ไดอยางไร การจดการภาพใน Picasa Web Albums ท าได 2 วธคอ
1 ใช Software ทพฒนาขนมาจดการ Picasa Web Albums โดยเฉพาะ
คณสามารถเขาไปดาวนโหลด Picasa ไดท httppicasagooglecom 2 เขาไปจดการทเวบไซต Picasa Web Albums โดยตรง โดยไปท httppicasawebgooglecom และ Log in โดยใชชอบญชเดยวกบ Blogger
คณสามารถเขาไป Unload ภาพไดโดยตรงกบ Picasa แลวเรยกมาใชบน blogger ไดโดยใชตวเลอก อปโหลด
หนา 57
แตถาตองการรปภาพบน Blogger ทไดอปโหลดขนไปแลวกคลกทอลบมทตองการแลวเขาไปจดการภาพไดเชนกน ลบรปภาพบน Blogger แลวรปบน Picasa จะถกลบดวยหรอไม
การลบรปภาพบน Blogger ไมสงผลใด ๆ ตอ Picasa Web Albums เลยเวนแตคณจะเขามาลบใน Picasa Web Albums โดยตรง ดงนนถาในขณะเขยนบทความคณเผลอท าพลาดรปภาพหายไป กสามารถเขามาเอารปภาพจาก Picasa Web Albums ใชงานไดอกโดยไมตอง upload ซ า หรอไมตองไปหาภาพมาใหม บทสรป
บทนแนะน าใหพอรจกการเชอมโยงระหวาง Blogger และ Picasa Web Albums ซงเปนบรการในเครอขาย Google เหมอนกน และจะท าใหคณเขาใจการจดการเกยวกบภาพบน Blogger ไดดขน
หนา 58
บทท 11 การสรางวดโอใน YouTube และน ามาใสในบลอก
ถามวดโอในหนาบลอกของเราดวย การสอสารเรองราวตางๆ กจะมชวตชวาและเขาใจงายขน ซงในทนเราสามารถสรางไดไมยากดวยบรการของ wwwyoutubecom ครบ
ขนตอนการฝากวดโอไวกบ youtube
1 ไปท wwwyoutubecom แลวเลอก Create Account ทมมขวาบนซงในกรณทเรา Login อยในเวบบลอกของเรานน กสามารถใชบรการของ youtube ดวย Account เดมโดยไมตองสมครใหมครบ วธการท าไดโดย
11 คลกท 12 กรอกขอมลส าหรบการสรางบญช โดยใช username ของ gmail ของเราเอง 13 จากนน คลก
หนา 59
14 จะพบหนาตางใหกรอก Username และ รหสผาน ของ gmail ใหกรอก e-mail ของเรา
จะพบหนาจอ ดงน จากนนเรากสามารถท าการเพม Video ไดตามทเราตองการ
หนา 60
2 การฝาก youtube มเงอนไขส าคญๆ ดงน - ความยาวของวดโอไมเกน 10 นาท - ควรเปนวดโอทไมกระทบตอสถาบน ชาต ศาสนา พระมหากษตรย และ ศลธรรมอนดงามของสงคม
3 การ upload วดโอขนไปทเมน upload (ทมมขวาบน) แลวท าการเลอกไฟลวดโอจากเครองของเรา และรอจนการ upload เสรจสน
31 คลกทปม Uploads
32 คลกทปม Upload Video
33 เลอกไฟล Video ทตองการ
34
34 เมอ Upload ได 100 แลวใหคลก Save change
หนา 61
4 เมอ upload เสรจสนแลวคลกทขอความ Embed and Sharing Options เรากเหน HTML code ใหคดลอก code เหลานนมาแปะในสวนทเราตองการ
เชนในทนผมคดลอก code มาแปะในบทความกจะไดผลลพธเปนวดโอตามดานลางทเหนครบ
หนา 62
เรอง หนา บทน าhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 1 บทท 1 การสรางเวบบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 4 บทท 2 วธเปลยน Template ของ Bloggerhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 12 บทท 3 วธเขยนและจดการบทความในบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 22 บทท 4 การตงคาพนฐานตางๆ ใหกบบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 26 บทท 5 รจกและใชงาน Gadget ชนดตางๆ บน Bloggerhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 32 บทท 6 การจดการกบ Gadget ในหนาบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 40 บทท 7 การแสดงขาวสารลาสดดวย Gadget ฟดhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 43 บทท 9 นบจ านวนคนเยยมชมดวย Flagcounterhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 53 บทท 10 รปภาพในบทความบน Bloggerhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 55 บทท 11 การสรางวดโอใน YouTube และน ามาใสในบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 58
หนา 63
255
เอกสารประกอบการฝกอบรมเชงปฏบตการ
การพฒนาสอการเรยนการสอน โดยใชโปรแกรมคอมพวเตอรรวมกบ Weblog
หนา 25
เทคนคการเขยนบทความทควรร ในกรณทเรามไฟลเอกสารจาก MS word แลวคดลอกมาวางเพอท าใหเขยนบทความไดเรวขน
บางครงพบปญหาขอผดพลาดของฟอรม (ฟอรมใน MS word ไมสามารถแปลงเปน HTML Code ได)
ปญหานแกไดโดยกอนวางขอความใหคลกทแถบ แกไข HTML แลวจงวางขอความทคดลอกมา
จากนนจงคลกทแถบ เขยน เพอจดรปแบบของบทความตอไป
เทคนคนยงสามารถใชกบการวางโคดวดโอ หรอขอความทคดลอกมาจากเวบไซตไดดวยครบ
หนา 26
บทท 4 การตงคาพนฐานตางๆ ใหกบบลอก
บทนผมจะขอแนะน าการตงคาพนฐานตางๆ ของบลอกเพอใหเขาใจการตงคาในสวนตาง ๆ ของ Blogger และจะท าใหคณสามารถตงคาตาง ๆ ตามความตองการของตนเองได อกทงจะเปนประโยชนในการพฒนาการท า Blogger ในระยะยาวดวย
การตงคาพนฐานตางๆ ของบลอกท าไดโดย Log in เขาไปท blogger เมอมาทหนา แผงควบคม ให Click ท การตงคา
และทานจะเขามาทเมนการตงคาของบลอก
ผมจะแบงการตงคาออกเปน 9 สวนดงน 1 ขนตน
คณสามารถดาวนโหลด Blog เพอเกบเปน Backup ขอมลบทความและ comment ของบลอกไดโดยเลอก สงออกบลอก แตถาคณมขอมลบลอกเดมอยแลวอยากจะน ามาใชกบบลอกใหมทสรางขน กใหเลอก น าเขาบลอก แตถาคดวาไมตองการใชบลอกนแลวกสามารถลบทงไดโดยเลอก ลบบลอก
หนา 27
Title และค าอธบายของบลอก ควรใสใหเขาใจภาพรวมของบลอกและม keyword ในการท าบลอกแทรกอยใน Description ดวย
ในสวนการตงคาอน ๆ ควรตงคาดงน
องคประกอบ ตงคาเปน
เพมบลอกของคณในรายการของเราหรอไม ใช
อนญาตใหเครองมอคนหาพบบลอกของคณหรอไม ใช
แสดงการแกไขอยางรวดเรวบนบลอกของคณหรอไม ใช
มเนอหาส าหรบผใหญหรอไม ไม
เลอกโปรแกรมแกไขบทความ โปรแกรมแกไขทอปเดต
2 การเผยแพร ในการตงคาสวนนสามารถเปลยน URL ของบลอกได
หนา 28
ถาคณตองการเปลยนโดเมนของบลอกจาก blogspotcom เปนโดเมนอนกสามารถตงคาไดตรงสวนน แตจะตองเสยคาใชจายการจดโดเมนผาน google ปละ 10 US (ประมาณ 300 กวาบาทตอป)
3 การจดรปแบบ ในสวนนเปนการตงคาการเผยแพรบทความ เชน จ านวนบทความในหนาแรก รปแบบเวลา
และวนทเปนตน
คณควรจะตงคาตาง ๆ ดงน
องคประกอบ ตงคาเปน
แสดงสงสด เทาไรกได
รปแบบสวนหวของวนท ตงไดตามใจชอบ
รปแบบวนทของดชนคลงบทความ ตงไดตามใจชอบ
รปแบบเวลา ตงไดตามใจชอบ
โซนเวลา (GMT+0700)กรงเทพ
ภาษา ไทย
แปลงการขนบรรทดใหม ไม
แสดงฟลดชอเรอง ใช
แสดงฟลดของลงก ไม
เปดใชการจดเรยงแบบลอย ใช
แมแบบบทความ ยงไมตองตงคา
หนา 29
4 เมนขอคดเหน เปนเมนส าหรบตงคาตาง ๆ เกยวกบการแสดงความคดเหนของบลอก
คณควรจะตงคาตาง ๆ ดงน
องคประกอบ ตงคาเปน
ขอคดเหน แสดง
ใครสามารถแสดงความคดเหน ผใชทมบญช Google
การจดวางฟอรมความคดเหน วางไวใตบทความ
ความคดเหนเรมตนส าหรบบทความ บทความใหมมความคดเหน
ลงกยอนกลบ ซอน
คาเรมตนของลงกยอนกลบส าหรบบทความ บทความใหมมลงกยอนกลบ รปแบบเวลาในสวนความคดเหน ตงคาตามใจ
ขอความของฟอรมความคดเหน ไมตองใสคาใด ๆ กได
การจดการความคดเหน ไม
แสดงการตรวจสอบค าส าหรบความคดเหนหรอไม ไม
แสดงรปภาพโปรไฟลบนความคดเหนหรอไม ใช
อเมลส าหรบแจงเตอนเมอมความคดเหนใหม กรอก email ของคณลงไป
5 เกบเขาคลงบทความ ตงใหเปนรายเดอนจะดทสด
หนา 30
6 ฟดของไซต ถาบทความในบลอกไมมากนก ตงคาเปน แบบเตม แตถาบทความมประมาณ 100 ขนไปควร
จะตงเปน แบบสน
7 อเมลและมอถอ
ในสวนนเปนการตงคา อเมลเพอใหระบบสงบลอกของคณทกครงทมการเผยแพร และเปนการตงคา การใชอปกรณเคลอนทในการเขยนบลอก ตรงนผมยงไมเคยลองเหมอนกน
8 OpenID
คณสามารถใช OpenID URL เพอเขาสไซตอนๆ ทใชงาน OpenID นอกจากนคณยงสามารถก าหนดใหผใช OpenID สามารถแสดงความคดเหนในบลอกของคณ โดยปรบการตงคา ความคดเหน ของคณ
9 สทธ
ในสวนนคณสามารถใชในการเปลยนผเขยนบลอก และเพมผดแลระบบไดถง 100 ราย
หนา 31
นอกจากนคณยงจ ากดคนเขาชมบลอกไดดวย โดยการระบ Email ของผทตองการลงไป
หนา 32
บทท 5 รจกและใชงาน Gadget ชนดตางๆ บน Blogger
เมอเรยนรเกยวกบ การตงคาตาง ๆ ของบลอก การเปลยน Templates ใหกบบลอกไปแลว สวนทเหลอคอ การจดรปแบบองคประกอบหนาใหกบบลอก รวมถงการใชงาน Gadget หลกชนดตางๆ ของ Blogger
Gadget คออะไร
Gadget ใน Blogger นนหมายถงสวนเสรมทเราสามารถตดตงเพมลงไปในแมแบบของ Blogger ซงบางครงกถกเรยกวา widget ซงกหมายถงสงเดยวกนกบ Gadget
วธเพม Gadget กอนอนให Login เขาไปท blogger หรอ draftblogger gtgt จากแผงควบคมใหเลอก การออกแบบ
หนา 33
จากนนใน Layout ของแมแบบคณจะเหนพนท ดงรปดานลางเพอใหเพม Gadget
และเมอคลก เพม Gadget กจะปรากฏ Gadget พนฐาน 21 อยางทจะกลาวถงในหวขอน
นอกจากนยงม Gadget อกมากมายซงคณสามารถเลอกไดจากเมนแกดเจดเพมเตมทางซายมอ
เมอเลอก Gadget ทตองการแลว คลกทปม + เพอท าการเพม Gadget นน ใสชอ Gadget และตงคาทตองการแลวบนทก
รปทเหนขางบนเปน Gadget ผตดตาม ส าหรบ Gadget อน ๆ กท าไดในท านองเดยวกน
หนา 34
รจกกบ Gadget พนฐาน 21 อยางของ Blogger
1 Gadget หนาเวบ
หลกการของ Gadget ชนดนคอคณจะตองสรางหนาเวบขนมากอน แลวใช Gadget นเปนเมนในการเชอมโยงไปยงหนาเวบ
2 Gadget ผตดตาม
Gadget ชนดนใชเพอใหผอานทชนชอบบลอกของคณไดตดตาม และเมอตดตามแลวความเคลอนไหว และการ update บทความของจะไปปรากฏแผงควบคมของผตดตามโดยอตโนมต และมสทธในการแสดงความคดเหนบนบลอกของคณได (กรณทคณอนญาตเฉพาะสมาชก)
3 Gadget ชองคนหา
เปน Gadget ทตดตงเพอใหผอานสามารถคนหาสงทตองการในบลอกของคณไดงายขน
หนา 35
4 Gadget HTMLจาวาสครปต
Gadget ชนดนเปน Gadget ทยดหยนทสดในบรรดา Gadget ทงหมด สามารถประยกตใชไดหลากหลาย เหมาะส าหรบใชตดตงโคดตาง ๆ ลงบน Blogger เชน โคดปฏทน นาฬกา โคดจาวาสครปต โคดรปภาพ โคดวดโอ โคดของลงค เปนตน
5 Gadget ขอความ
เปน Gadget ทเหมาะส าหรบเขยนขอความ เชน ขอความตอนรบ เปนตน
6 Gadget Adsense
คณจะใช Gadget ชนดนไดเมอสมครเขารวมโปรแกรมหรอเปนตวแทนในการเผยแพรโฆษณาบน Google
7 Gadget รปภาพ
ถาคณตองการแสดงรปภาพบนบลอกอยางเดยวกใหเลอกใช Gadget นครบ
หนา 36
8 Gadget สไลดโชว
Gadget นเปนการดง Albums จาก Picasaweb มาแสดงในรปแบบสไลดโชวบนบลอกของ
9 Gadget แถบวดโอ
Gadget นจะท าใหผใชคนหาวดโอบน Youtube จากบลอกของคณได
10 Gadget แบบส ารวจ
Gadget นถอเปน Gadget หนงทนาสนใจมาก แตยงมผใชจ านวนนอย โดยคณอาจจะใชส ารวจความตองการ หรอความคดเหนของผอานตอบลอกของคณ หรอส ารวจเกยวกบเรองทเกยวของกบเนอหาบนบลอกของคณกได
11 Gadget รายการบลอก
Gadget ชนดนเปน Gadget ทสามารถรวบรวมขาวสารลาสดจากบลอกทคณเลอกหรอบลอกทคณตดตาม พรอมทงสามารถแสดงเนอหาแบบยอไดดวย
หนา 37
12 Gadget รายชอลงค
เปน Gadget ทใชสรางลงคไปยงทตาง ๆ โดยคณสามารถปอน URL บน Gadget ชนดนเพอสราง Link โดยไมตองมความรเรอง HTML มากอนเลย
13 Gadget รายการ
เปน Gadget ทคลายคลงกบ Gadget รายชอลงค แตมความยดหยนกวา สามารถสรางขอความรายการและใส link ใหขอความไดดวย
14 Gadget ฟด
คณสามารถใช Gadget นดงขาวสารจากในบลอกของคณ หรอบลอกอนทคณสนใจเอามาแสดงเพยงแคใสชอบลอกทตองการลงไปลงไปใน gadget
15 Gadget Newsreel
เปน gadget ทท าใหพาดหวขาวจาก Google มาปรากฏบนบลอกของคณเทานน
หนา 38
16 Gadget ปายก ากบ
Gadget นมความส าคญ คณควรจะตดตง เพอใหบทความทเขยนเปนหมวดหม ใหผอานเหนชดเจนเลอกอานไดตรงความตองการมากขน
17 Gadget ลงคการสมคร
Gadget นมความส าคญในเรองการสงขาวสารขอมลจากบลอกของคณไปยงผอาน ผอานจะสามารถสมครรบบทความทาง email หรอผานชองทางอน ๆ ไดจาก Gadget น
18 Gadget โลโก
Gadget นไมส าคญนกเปนเพยงตดตง logo ของ blogger ในหนาบลอกเทานน
19 Gadget โปรไฟล
Gadget นจะแสดงขอมลอยางของคณทไดกรอกเอาไวบนบญชของ Blogger ถาคณตองการแสดงขอมลของคณบน Blog กควรจะตดตง Gadget นครบ
หนา 39
20 Gadget คลงบทความของบลอก
Gadget นจะท าใหผอานเหนบทความทงหมดภายในบลอกของคณได
21 Gadget สวนหวของหนา
Gadget นเปนสวนทใส Title และ Description ของ Blog โดยปกตแลว Template ทวไปกจะตดตงสวนนอยแลว
คณสามารถทดลองใช Gadget เหลานไดโดยไมตองกลวความผดพลาดเพราะ Gadget บน
Blogger นนสามารถลบออกไดอยางงายดายโดยวธการจดการกบ Gadget
หนา 40
บทท 6 การจดการกบ Gadget ในหนาบลอก
ในบททผานมาเราได รจกและใชงาน Gadget ชนดตาง ๆ บน Blogger ผมไดกลาวถงวธการเพม Gadget ใหกบบลอก แตยงไมไดกลาวถงการลบ Gadget ออกจากองคประกอบของหนา และนอกจากน ต าแหนงของ Gadget ยงสามารถเคลอนยายต าแหนงไดอกดวย
การลบ Gadget วธท 1 ถาในขณะทเรา log in และเปดหนาบลอกของเราขนมา กจะสงเกตเหนวามเครองมอ
ปรากฏอยตามทตางๆ ในองคประกอบของหนา
และถาเราคลกเขาไปกจะสามารถแกไข หรอ ลบองคประกอบเหลานนออกไปไดเลยครบ
หนา 41
วธท 2 เราสามารถเขาไปลบ Gadget ไดท แผงควบคม gtgt การออกแบบ gtgt องคประกอบของหนา gtgt เลอกแกไข Gadget ทตองการลบ
จากนนเลอกลบไดเชนเดยวกบกรณแรก
การยายต าแหนง Gadget ส าหรบการยายต าแหนงของ Gadget ท าไดโดยการ เขาไปทแผงควบคม gtgt การออกแบบ gtgt
องคประกอบหนาจากนนใหลากเมาสบน Gadget ทตองการยายไปวางในต าแหนงทตองการไดเลยครบ
หนา 42
เมอเขาใจการท างานของ Gadget ชนดตาง ๆ แลวสงทอยากจะฝากเอาไวตอนทายนกคอการจดองคประกอบหนาของบลอกดงน
แนวทางในการจดองคประกอบหนาบลอก
แนวทางในการจดองคประกอบหนานนไมมกฎเกณฑตายตว บางคนชอบใหม 2 column บางคน ชอบใหม 3 column ซงกขนอยกบความชอบและความตองการใชงาน แตทอยากใหค านงไวเสมอคอ ผอน คอ พระเจา ท าอะไรใหเขาใจงายๆ หาอะไรกเจออยางรวดเรว เขาไวเปนพอครบ และอกประการทส าคญคอ การตดตง Gadget ตาง ๆ ควรตดตงเทาทจ าเปนและตองการใชงาน ปฏทน หรอนาฬกานนกไมควรตดตง ลงไปเลย เพราะไมคมคากบการเพมภาระการโหลดใหกบผเขาชม และถาบลอกของคณโหลดไดชา ก เปนไปไดยากทผอานจะกลบมาอก
องคประกอบในหนาของบลอกทผมคดวาคณควรจะมคอ สวนทบอกตวตนของบลอก
ซงอาจจะแสดงในสวนหวของหนา หรอเปนวดโอ สไลดขอความรปถาย อยในต าแหนงทเหนไดชด สวนทเชอมโยงไปยงบทความในบลอก
สวนนจ าเปนมากเพราะจะชวยใหผอานคนหาบทความไดเรวขน คณอาจจะรวมบทความทงหมดเลยหรอ อาจจะใชวธจดหมวดหมใหผอานเลอกสงทตองการจากบลอกของเราไดเรวขน
สวนพนทของสมาชก
สวนนจะแสดงใหเหนวามผสนใจบลอกของเรามากแคไหน และสามารถสมครตดตามบลอกของเราไดทนท เชนอาจจะใช Gadget ผตดตาม หรอใช Like box Plugins ของ Facebook หรออาจจะท า Poll กได
สวนทเปนชองทางใหผอานตดตอเราได
คณอาจจะท า link เชอมโยงใหผอานตดตอคณได หรออาจจะใช Gadget profile ของ Blogger เพอแนะน าตวกได
หนา 43
บทท 7 การแสดงขาวสารลาสดดวย Gadget ฟด
ความหมายของค าวา ฟดโดยสรปกคอเปนสงทแพรกระจายจากบลอกของเราบนโลก Internet เทยบไดกบคลนสญญาณวทยหรอโทรทศน ถามตวรบทกคนกสามารถมองเหนขาวสารทตองการเลอกรบได นอกจากนถามตวชวยสงใหฟดแพรไดแรงขน ขาวสารกยอมจะแพรกระจายไดเรวดวย
ดงนนถาคณสนใจขาวสารจากบลอกใดบลอกหนงคณกสามารถทจะเปดรบขาวสารจากบลอกนนๆ โดยใช Gadget ฟด ซงเปน Gadget ทสามารถเพมไดอยางไมจ ากด ดงนนถาคณตองการรบขาวจาก 10 บลอกกสามารถท าไดโดยการเพม gadget ฟดเขาไปในบลอก 10 ครง ในขณะเดยวกนถาคณใสชอบลอกของตวเองใน Gadget ฟด Gadget ชนดนจะกลายเปน Gadget ทใชแสดง บทความลาสดนนเองครบ
การแสดงขาวสารลาสดโดยการใช Gadget ฟด
1 ไปทองคประกอบของหนา gtgt เพมฟด Gadget
หนา 44
2 ใสโคดตอไปนลงไปใน Gadget ฟด httpชอบลอกblogspotcomfeedspostsdefault
โดยจะตองเปลยนชอบลอกเปนชอบลอกของของคณเองหรอชอบลอกทคณตองการรบขาวสารท update
ตงคาทตองการเพมเตมและบนทกกจะได feeds ขาวสารมาปรากฏทบลอกของคณ
3 ถาตองการเพมบลอกอนอกกท าซ าขอ 1 และ 2 แตตองเปลยนชอบลอกใหม 4 กรณทคณตองการเรยก feed จากเวบทตองการใหคนหา feed จากเวบ wwwgooglecom
แลวแทนโคดในขอ 2 เชน feed ขาวการศกษาจากเวบ httpwwwrssthaicom ใหใสโคด httpwwwrssthaicomnewsphpt=education แทนในขอ 2
หนา 45
บทท 8 แนะน า Gadget ใหมของ blogger ldquoหนาเวบrdquo
ตามเวบไซตตาง ๆ เราคงจะเคยเหนกนวาแตละเวบไซตจะม เมนส าหรบเลอกเปดไปดหนาอน ๆภายในเวบนนๆ เชน ตวอยางในรปดานลาง
Blogger ไดพฒนา Gadget ตวใหมขนมา มชอวา หนาเวบ เพอใหผใชไดสรางหนาของบลอกทตองการไดโดยไมตองมความรในการดดแปลงหรอแกไขแมแบบดวยตนเอง
การเรยกใช Gadget ชนดนสามารถเลอกใชไดเชนเดยวกบการ Add Gadget ชนดอน ๆ นนคอ ไปท องคประกอบของหนา gtgt แลวเลอก เพม Gadget
ตอไปเรามาดวา Gadget น ใชอยางไร และใชเพอจดประสงคใด หลกการของ Gadget นเหมอนการสรางบทความขนมา 1 บทความ และ สราง Link เชอมโยงไป ยงบทความนน ๆ แตมความพเศษตรงทผใชทวไปสรางเมนขนเองไดอยางงายดาย โดยไมตองมความรพนฐานเกยวกบ HTML เลย
หนา 46
ตวอยางวธการใชงาน(จรง) ในตวอยางนผมจะสราง 2 หนาใหเหนเปนตวอยาง ไดแก HOME และ CONTACT ME
ขนเตรยมการ เนองจากผมจะยกตวอยางการสรางหนา Contact me ดงนนใหทกคนไปสราง Form ส าหรบ
ตดตอเจาของบลอกซงกคอเราเอง ไดท httpwwwfoxyformcom
ซงขนตอนในการสราง ฟอรมนนงายมาก มเพยง 4 ขนเทานน (ดรป)
หนา 47
เมอไดโคด แลวคดลอกเกบเอาไวกอนครบ
ขนสรางหนาเวบจรง ขนท 1 สรางหนาแรก หรอ HOME
Log in เขาไปท draftblogger ไปทแผงควบคม gtgt องคประกอบของหนา gtgt แลวเลอก เพม Gadget เลอกอนแรกเลยครบ คอ gadget หนาเวบ
จากนนกสราง หนาแรกขนมาโดยตงชอตามทตองการไดเลย แลวท าการบนทกครบ
หนา 48
ขนท 2 เมอผานขนท 1 มาแลวกเทากบวาเราไดสราง หนาบลอกขนมาแลว 1 หนา
ถาจะท าการเพมหนาอก ใหไปทแผงควบคม gtgt การสงบทความ gtgt แกไขหนาเวบ gtgt หนาเวบใหม
เมอคลกสรางหนาเวบใหม เรากจะพบเครองมอตาง ๆ เหมอนการเขยนบทความนนเองครบ
หนา 49
ใหน าโคดของ Form ทเตรยมไว จากขนเตรยมการมาวางในหนาหนาน จดรปแบบตามตองการแลวบนทกหนาไดเลยครบ
เพยงขนตอนสน ๆ นเรากจะมเมนเชอมโยงไปยง หนาของบลอกถง 2 หนาดวยกน ไดแก HOME และ CONTACT ME
หนา 50
ขนท 3 - ถาหากตองการเพมหนาบลอกเพมขนอกกท าซ าขนตอนทไดกลาวมาขางตนครบ - แตถาตองการลบหนาบลอกทง กมาทเดม แลวจะเหนค าวาลบ ถาตองการลบทงกกดค าวาลบ
ไดเลย
ขนท 4 วธจดการกบเมนหนาเวบ - ถาตองการเรยงล าดบหนาเวบใหม กไปท องคประกอบของหนา แลว คลก Gadget หนาเวบขนมาแกไข gtgt ดรป
หนา 51
นอกจากน Gadget หนาเวบจะมลกษณะพเศษ คอ ถาอยท Sidebar เมนจะจดเรยงเปนแนวตง
หนา 52
แตถาลากไปในต าแหนงใตสวนหว จะจดเรยงเรยงเปนแนวนอนโดยอตโนมต
หนา 53
บทท 9 นบจ านวนคนเยยมชมดวย Flagcounter
อกบรการนบสถตคนเยยมชมทชวยใหเราทราบวาบลอกของเรามผเยยมชมทงในและตางประเทศมากหรอนอย จาก Flagcounter
วธตดตง
1 ไปท httpwwwflagcountercomindexhtml 2 ตงคาตางๆ ตามความตองการแลวกด GET YOUR FLAG COUNTER ดงรป
3 คดลอก HTML โคด ท FLAG COUNTER ไดสรางใหในขนท 2
หนา 54
4 กลบมาทบลอกของเรา ไปทแผงควบคม gtgt รปแบบ gtgt องคประกอบหนา gtgt เพม Gadget ชนด HTMLจาวาสครปต
5 วางโคดทคดลอกมาจากขนท 3 แลวบนทกครบกเปนอนจบขนตอนครบ ลกษณะทไดกดงรป
หนา 55
บทท 10 รปภาพในบทความบน Blogger
คณเคยสงสยไหมครบวา รปภาพทคณ upload ขนไปขณะทเขยนบทความ หรออาจจะเขยนบทความไปแลว รปเหลานนไปอยทไหน เพราะวา Blogger เองไมม sever ยงตองอาศยฐานขอมลของตวแมคอ blogspotcom อย แลวจะเอาพนท ๆ ไหนมาเกบรปตงมากมาย
ค าตอบคอ Blogger จะใชวธเชอมโยงกบ Application อน ๆ ของ Google เพอแกปญหาการเกบขอมล เชนรปภาพใน Blogger ทเราพดถงกนอยตอนนกจะถกเกบ
อยท Picasa Web Albums ดงนนไมวาจะเปนภาพทคณ Upload ขณะเขยนบทความ กจะถกเกบอยใน Picasa Web Albums ทงหมด
คณใชบรการ Picasa Web Albums ไดอยางไร
การใชบรการ Picasa Web Albums สามารถเขาใชไดทนทหากคณมบญชผใชกบ google อยแลว เชนมบญชผใช Gmail หรอ Blogger อยแลวกสามารถ Log in เขาใชไดเลย
Picasa Web Albums ใหพนทเทาไร
Picasa จะใหพนท เพยง 1 GB ตอ 1 บญชผใช นเปนเหตผลทบางคนอาจจะสงสยวาท าไมคณภาพรปหรอขนาดของรปบน Blogger จงลดลง กลาวคอระบบของ Picasa จะท าการลดขนาดของรปทเรา Upload ผาน Blogger ใหมขนาดเลกลงเพอเปนการประหยดพนทนนเอง
หนา 56
คณจะเขาไปจดการรปภาพจาก Blogger ใน Picasa Web ไดอยางไร การจดการภาพใน Picasa Web Albums ท าได 2 วธคอ
1 ใช Software ทพฒนาขนมาจดการ Picasa Web Albums โดยเฉพาะ
คณสามารถเขาไปดาวนโหลด Picasa ไดท httppicasagooglecom 2 เขาไปจดการทเวบไซต Picasa Web Albums โดยตรง โดยไปท httppicasawebgooglecom และ Log in โดยใชชอบญชเดยวกบ Blogger
คณสามารถเขาไป Unload ภาพไดโดยตรงกบ Picasa แลวเรยกมาใชบน blogger ไดโดยใชตวเลอก อปโหลด
หนา 57
แตถาตองการรปภาพบน Blogger ทไดอปโหลดขนไปแลวกคลกทอลบมทตองการแลวเขาไปจดการภาพไดเชนกน ลบรปภาพบน Blogger แลวรปบน Picasa จะถกลบดวยหรอไม
การลบรปภาพบน Blogger ไมสงผลใด ๆ ตอ Picasa Web Albums เลยเวนแตคณจะเขามาลบใน Picasa Web Albums โดยตรง ดงนนถาในขณะเขยนบทความคณเผลอท าพลาดรปภาพหายไป กสามารถเขามาเอารปภาพจาก Picasa Web Albums ใชงานไดอกโดยไมตอง upload ซ า หรอไมตองไปหาภาพมาใหม บทสรป
บทนแนะน าใหพอรจกการเชอมโยงระหวาง Blogger และ Picasa Web Albums ซงเปนบรการในเครอขาย Google เหมอนกน และจะท าใหคณเขาใจการจดการเกยวกบภาพบน Blogger ไดดขน
หนา 58
บทท 11 การสรางวดโอใน YouTube และน ามาใสในบลอก
ถามวดโอในหนาบลอกของเราดวย การสอสารเรองราวตางๆ กจะมชวตชวาและเขาใจงายขน ซงในทนเราสามารถสรางไดไมยากดวยบรการของ wwwyoutubecom ครบ
ขนตอนการฝากวดโอไวกบ youtube
1 ไปท wwwyoutubecom แลวเลอก Create Account ทมมขวาบนซงในกรณทเรา Login อยในเวบบลอกของเรานน กสามารถใชบรการของ youtube ดวย Account เดมโดยไมตองสมครใหมครบ วธการท าไดโดย
11 คลกท 12 กรอกขอมลส าหรบการสรางบญช โดยใช username ของ gmail ของเราเอง 13 จากนน คลก
หนา 59
14 จะพบหนาตางใหกรอก Username และ รหสผาน ของ gmail ใหกรอก e-mail ของเรา
จะพบหนาจอ ดงน จากนนเรากสามารถท าการเพม Video ไดตามทเราตองการ
หนา 60
2 การฝาก youtube มเงอนไขส าคญๆ ดงน - ความยาวของวดโอไมเกน 10 นาท - ควรเปนวดโอทไมกระทบตอสถาบน ชาต ศาสนา พระมหากษตรย และ ศลธรรมอนดงามของสงคม
3 การ upload วดโอขนไปทเมน upload (ทมมขวาบน) แลวท าการเลอกไฟลวดโอจากเครองของเรา และรอจนการ upload เสรจสน
31 คลกทปม Uploads
32 คลกทปม Upload Video
33 เลอกไฟล Video ทตองการ
34
34 เมอ Upload ได 100 แลวใหคลก Save change
หนา 61
4 เมอ upload เสรจสนแลวคลกทขอความ Embed and Sharing Options เรากเหน HTML code ใหคดลอก code เหลานนมาแปะในสวนทเราตองการ
เชนในทนผมคดลอก code มาแปะในบทความกจะไดผลลพธเปนวดโอตามดานลางทเหนครบ
หนา 62
เรอง หนา บทน าhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 1 บทท 1 การสรางเวบบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 4 บทท 2 วธเปลยน Template ของ Bloggerhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 12 บทท 3 วธเขยนและจดการบทความในบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 22 บทท 4 การตงคาพนฐานตางๆ ใหกบบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 26 บทท 5 รจกและใชงาน Gadget ชนดตางๆ บน Bloggerhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 32 บทท 6 การจดการกบ Gadget ในหนาบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 40 บทท 7 การแสดงขาวสารลาสดดวย Gadget ฟดhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 43 บทท 9 นบจ านวนคนเยยมชมดวย Flagcounterhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 53 บทท 10 รปภาพในบทความบน Bloggerhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 55 บทท 11 การสรางวดโอใน YouTube และน ามาใสในบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 58
หนา 63
255
เอกสารประกอบการฝกอบรมเชงปฏบตการ
การพฒนาสอการเรยนการสอน โดยใชโปรแกรมคอมพวเตอรรวมกบ Weblog
หนา 26
บทท 4 การตงคาพนฐานตางๆ ใหกบบลอก
บทนผมจะขอแนะน าการตงคาพนฐานตางๆ ของบลอกเพอใหเขาใจการตงคาในสวนตาง ๆ ของ Blogger และจะท าใหคณสามารถตงคาตาง ๆ ตามความตองการของตนเองได อกทงจะเปนประโยชนในการพฒนาการท า Blogger ในระยะยาวดวย
การตงคาพนฐานตางๆ ของบลอกท าไดโดย Log in เขาไปท blogger เมอมาทหนา แผงควบคม ให Click ท การตงคา
และทานจะเขามาทเมนการตงคาของบลอก
ผมจะแบงการตงคาออกเปน 9 สวนดงน 1 ขนตน
คณสามารถดาวนโหลด Blog เพอเกบเปน Backup ขอมลบทความและ comment ของบลอกไดโดยเลอก สงออกบลอก แตถาคณมขอมลบลอกเดมอยแลวอยากจะน ามาใชกบบลอกใหมทสรางขน กใหเลอก น าเขาบลอก แตถาคดวาไมตองการใชบลอกนแลวกสามารถลบทงไดโดยเลอก ลบบลอก
หนา 27
Title และค าอธบายของบลอก ควรใสใหเขาใจภาพรวมของบลอกและม keyword ในการท าบลอกแทรกอยใน Description ดวย
ในสวนการตงคาอน ๆ ควรตงคาดงน
องคประกอบ ตงคาเปน
เพมบลอกของคณในรายการของเราหรอไม ใช
อนญาตใหเครองมอคนหาพบบลอกของคณหรอไม ใช
แสดงการแกไขอยางรวดเรวบนบลอกของคณหรอไม ใช
มเนอหาส าหรบผใหญหรอไม ไม
เลอกโปรแกรมแกไขบทความ โปรแกรมแกไขทอปเดต
2 การเผยแพร ในการตงคาสวนนสามารถเปลยน URL ของบลอกได
หนา 28
ถาคณตองการเปลยนโดเมนของบลอกจาก blogspotcom เปนโดเมนอนกสามารถตงคาไดตรงสวนน แตจะตองเสยคาใชจายการจดโดเมนผาน google ปละ 10 US (ประมาณ 300 กวาบาทตอป)
3 การจดรปแบบ ในสวนนเปนการตงคาการเผยแพรบทความ เชน จ านวนบทความในหนาแรก รปแบบเวลา
และวนทเปนตน
คณควรจะตงคาตาง ๆ ดงน
องคประกอบ ตงคาเปน
แสดงสงสด เทาไรกได
รปแบบสวนหวของวนท ตงไดตามใจชอบ
รปแบบวนทของดชนคลงบทความ ตงไดตามใจชอบ
รปแบบเวลา ตงไดตามใจชอบ
โซนเวลา (GMT+0700)กรงเทพ
ภาษา ไทย
แปลงการขนบรรทดใหม ไม
แสดงฟลดชอเรอง ใช
แสดงฟลดของลงก ไม
เปดใชการจดเรยงแบบลอย ใช
แมแบบบทความ ยงไมตองตงคา
หนา 29
4 เมนขอคดเหน เปนเมนส าหรบตงคาตาง ๆ เกยวกบการแสดงความคดเหนของบลอก
คณควรจะตงคาตาง ๆ ดงน
องคประกอบ ตงคาเปน
ขอคดเหน แสดง
ใครสามารถแสดงความคดเหน ผใชทมบญช Google
การจดวางฟอรมความคดเหน วางไวใตบทความ
ความคดเหนเรมตนส าหรบบทความ บทความใหมมความคดเหน
ลงกยอนกลบ ซอน
คาเรมตนของลงกยอนกลบส าหรบบทความ บทความใหมมลงกยอนกลบ รปแบบเวลาในสวนความคดเหน ตงคาตามใจ
ขอความของฟอรมความคดเหน ไมตองใสคาใด ๆ กได
การจดการความคดเหน ไม
แสดงการตรวจสอบค าส าหรบความคดเหนหรอไม ไม
แสดงรปภาพโปรไฟลบนความคดเหนหรอไม ใช
อเมลส าหรบแจงเตอนเมอมความคดเหนใหม กรอก email ของคณลงไป
5 เกบเขาคลงบทความ ตงใหเปนรายเดอนจะดทสด
หนา 30
6 ฟดของไซต ถาบทความในบลอกไมมากนก ตงคาเปน แบบเตม แตถาบทความมประมาณ 100 ขนไปควร
จะตงเปน แบบสน
7 อเมลและมอถอ
ในสวนนเปนการตงคา อเมลเพอใหระบบสงบลอกของคณทกครงทมการเผยแพร และเปนการตงคา การใชอปกรณเคลอนทในการเขยนบลอก ตรงนผมยงไมเคยลองเหมอนกน
8 OpenID
คณสามารถใช OpenID URL เพอเขาสไซตอนๆ ทใชงาน OpenID นอกจากนคณยงสามารถก าหนดใหผใช OpenID สามารถแสดงความคดเหนในบลอกของคณ โดยปรบการตงคา ความคดเหน ของคณ
9 สทธ
ในสวนนคณสามารถใชในการเปลยนผเขยนบลอก และเพมผดแลระบบไดถง 100 ราย
หนา 31
นอกจากนคณยงจ ากดคนเขาชมบลอกไดดวย โดยการระบ Email ของผทตองการลงไป
หนา 32
บทท 5 รจกและใชงาน Gadget ชนดตางๆ บน Blogger
เมอเรยนรเกยวกบ การตงคาตาง ๆ ของบลอก การเปลยน Templates ใหกบบลอกไปแลว สวนทเหลอคอ การจดรปแบบองคประกอบหนาใหกบบลอก รวมถงการใชงาน Gadget หลกชนดตางๆ ของ Blogger
Gadget คออะไร
Gadget ใน Blogger นนหมายถงสวนเสรมทเราสามารถตดตงเพมลงไปในแมแบบของ Blogger ซงบางครงกถกเรยกวา widget ซงกหมายถงสงเดยวกนกบ Gadget
วธเพม Gadget กอนอนให Login เขาไปท blogger หรอ draftblogger gtgt จากแผงควบคมใหเลอก การออกแบบ
หนา 33
จากนนใน Layout ของแมแบบคณจะเหนพนท ดงรปดานลางเพอใหเพม Gadget
และเมอคลก เพม Gadget กจะปรากฏ Gadget พนฐาน 21 อยางทจะกลาวถงในหวขอน
นอกจากนยงม Gadget อกมากมายซงคณสามารถเลอกไดจากเมนแกดเจดเพมเตมทางซายมอ
เมอเลอก Gadget ทตองการแลว คลกทปม + เพอท าการเพม Gadget นน ใสชอ Gadget และตงคาทตองการแลวบนทก
รปทเหนขางบนเปน Gadget ผตดตาม ส าหรบ Gadget อน ๆ กท าไดในท านองเดยวกน
หนา 34
รจกกบ Gadget พนฐาน 21 อยางของ Blogger
1 Gadget หนาเวบ
หลกการของ Gadget ชนดนคอคณจะตองสรางหนาเวบขนมากอน แลวใช Gadget นเปนเมนในการเชอมโยงไปยงหนาเวบ
2 Gadget ผตดตาม
Gadget ชนดนใชเพอใหผอานทชนชอบบลอกของคณไดตดตาม และเมอตดตามแลวความเคลอนไหว และการ update บทความของจะไปปรากฏแผงควบคมของผตดตามโดยอตโนมต และมสทธในการแสดงความคดเหนบนบลอกของคณได (กรณทคณอนญาตเฉพาะสมาชก)
3 Gadget ชองคนหา
เปน Gadget ทตดตงเพอใหผอานสามารถคนหาสงทตองการในบลอกของคณไดงายขน
หนา 35
4 Gadget HTMLจาวาสครปต
Gadget ชนดนเปน Gadget ทยดหยนทสดในบรรดา Gadget ทงหมด สามารถประยกตใชไดหลากหลาย เหมาะส าหรบใชตดตงโคดตาง ๆ ลงบน Blogger เชน โคดปฏทน นาฬกา โคดจาวาสครปต โคดรปภาพ โคดวดโอ โคดของลงค เปนตน
5 Gadget ขอความ
เปน Gadget ทเหมาะส าหรบเขยนขอความ เชน ขอความตอนรบ เปนตน
6 Gadget Adsense
คณจะใช Gadget ชนดนไดเมอสมครเขารวมโปรแกรมหรอเปนตวแทนในการเผยแพรโฆษณาบน Google
7 Gadget รปภาพ
ถาคณตองการแสดงรปภาพบนบลอกอยางเดยวกใหเลอกใช Gadget นครบ
หนา 36
8 Gadget สไลดโชว
Gadget นเปนการดง Albums จาก Picasaweb มาแสดงในรปแบบสไลดโชวบนบลอกของ
9 Gadget แถบวดโอ
Gadget นจะท าใหผใชคนหาวดโอบน Youtube จากบลอกของคณได
10 Gadget แบบส ารวจ
Gadget นถอเปน Gadget หนงทนาสนใจมาก แตยงมผใชจ านวนนอย โดยคณอาจจะใชส ารวจความตองการ หรอความคดเหนของผอานตอบลอกของคณ หรอส ารวจเกยวกบเรองทเกยวของกบเนอหาบนบลอกของคณกได
11 Gadget รายการบลอก
Gadget ชนดนเปน Gadget ทสามารถรวบรวมขาวสารลาสดจากบลอกทคณเลอกหรอบลอกทคณตดตาม พรอมทงสามารถแสดงเนอหาแบบยอไดดวย
หนา 37
12 Gadget รายชอลงค
เปน Gadget ทใชสรางลงคไปยงทตาง ๆ โดยคณสามารถปอน URL บน Gadget ชนดนเพอสราง Link โดยไมตองมความรเรอง HTML มากอนเลย
13 Gadget รายการ
เปน Gadget ทคลายคลงกบ Gadget รายชอลงค แตมความยดหยนกวา สามารถสรางขอความรายการและใส link ใหขอความไดดวย
14 Gadget ฟด
คณสามารถใช Gadget นดงขาวสารจากในบลอกของคณ หรอบลอกอนทคณสนใจเอามาแสดงเพยงแคใสชอบลอกทตองการลงไปลงไปใน gadget
15 Gadget Newsreel
เปน gadget ทท าใหพาดหวขาวจาก Google มาปรากฏบนบลอกของคณเทานน
หนา 38
16 Gadget ปายก ากบ
Gadget นมความส าคญ คณควรจะตดตง เพอใหบทความทเขยนเปนหมวดหม ใหผอานเหนชดเจนเลอกอานไดตรงความตองการมากขน
17 Gadget ลงคการสมคร
Gadget นมความส าคญในเรองการสงขาวสารขอมลจากบลอกของคณไปยงผอาน ผอานจะสามารถสมครรบบทความทาง email หรอผานชองทางอน ๆ ไดจาก Gadget น
18 Gadget โลโก
Gadget นไมส าคญนกเปนเพยงตดตง logo ของ blogger ในหนาบลอกเทานน
19 Gadget โปรไฟล
Gadget นจะแสดงขอมลอยางของคณทไดกรอกเอาไวบนบญชของ Blogger ถาคณตองการแสดงขอมลของคณบน Blog กควรจะตดตง Gadget นครบ
หนา 39
20 Gadget คลงบทความของบลอก
Gadget นจะท าใหผอานเหนบทความทงหมดภายในบลอกของคณได
21 Gadget สวนหวของหนา
Gadget นเปนสวนทใส Title และ Description ของ Blog โดยปกตแลว Template ทวไปกจะตดตงสวนนอยแลว
คณสามารถทดลองใช Gadget เหลานไดโดยไมตองกลวความผดพลาดเพราะ Gadget บน
Blogger นนสามารถลบออกไดอยางงายดายโดยวธการจดการกบ Gadget
หนา 40
บทท 6 การจดการกบ Gadget ในหนาบลอก
ในบททผานมาเราได รจกและใชงาน Gadget ชนดตาง ๆ บน Blogger ผมไดกลาวถงวธการเพม Gadget ใหกบบลอก แตยงไมไดกลาวถงการลบ Gadget ออกจากองคประกอบของหนา และนอกจากน ต าแหนงของ Gadget ยงสามารถเคลอนยายต าแหนงไดอกดวย
การลบ Gadget วธท 1 ถาในขณะทเรา log in และเปดหนาบลอกของเราขนมา กจะสงเกตเหนวามเครองมอ
ปรากฏอยตามทตางๆ ในองคประกอบของหนา
และถาเราคลกเขาไปกจะสามารถแกไข หรอ ลบองคประกอบเหลานนออกไปไดเลยครบ
หนา 41
วธท 2 เราสามารถเขาไปลบ Gadget ไดท แผงควบคม gtgt การออกแบบ gtgt องคประกอบของหนา gtgt เลอกแกไข Gadget ทตองการลบ
จากนนเลอกลบไดเชนเดยวกบกรณแรก
การยายต าแหนง Gadget ส าหรบการยายต าแหนงของ Gadget ท าไดโดยการ เขาไปทแผงควบคม gtgt การออกแบบ gtgt
องคประกอบหนาจากนนใหลากเมาสบน Gadget ทตองการยายไปวางในต าแหนงทตองการไดเลยครบ
หนา 42
เมอเขาใจการท างานของ Gadget ชนดตาง ๆ แลวสงทอยากจะฝากเอาไวตอนทายนกคอการจดองคประกอบหนาของบลอกดงน
แนวทางในการจดองคประกอบหนาบลอก
แนวทางในการจดองคประกอบหนานนไมมกฎเกณฑตายตว บางคนชอบใหม 2 column บางคน ชอบใหม 3 column ซงกขนอยกบความชอบและความตองการใชงาน แตทอยากใหค านงไวเสมอคอ ผอน คอ พระเจา ท าอะไรใหเขาใจงายๆ หาอะไรกเจออยางรวดเรว เขาไวเปนพอครบ และอกประการทส าคญคอ การตดตง Gadget ตาง ๆ ควรตดตงเทาทจ าเปนและตองการใชงาน ปฏทน หรอนาฬกานนกไมควรตดตง ลงไปเลย เพราะไมคมคากบการเพมภาระการโหลดใหกบผเขาชม และถาบลอกของคณโหลดไดชา ก เปนไปไดยากทผอานจะกลบมาอก
องคประกอบในหนาของบลอกทผมคดวาคณควรจะมคอ สวนทบอกตวตนของบลอก
ซงอาจจะแสดงในสวนหวของหนา หรอเปนวดโอ สไลดขอความรปถาย อยในต าแหนงทเหนไดชด สวนทเชอมโยงไปยงบทความในบลอก
สวนนจ าเปนมากเพราะจะชวยใหผอานคนหาบทความไดเรวขน คณอาจจะรวมบทความทงหมดเลยหรอ อาจจะใชวธจดหมวดหมใหผอานเลอกสงทตองการจากบลอกของเราไดเรวขน
สวนพนทของสมาชก
สวนนจะแสดงใหเหนวามผสนใจบลอกของเรามากแคไหน และสามารถสมครตดตามบลอกของเราไดทนท เชนอาจจะใช Gadget ผตดตาม หรอใช Like box Plugins ของ Facebook หรออาจจะท า Poll กได
สวนทเปนชองทางใหผอานตดตอเราได
คณอาจจะท า link เชอมโยงใหผอานตดตอคณได หรออาจจะใช Gadget profile ของ Blogger เพอแนะน าตวกได
หนา 43
บทท 7 การแสดงขาวสารลาสดดวย Gadget ฟด
ความหมายของค าวา ฟดโดยสรปกคอเปนสงทแพรกระจายจากบลอกของเราบนโลก Internet เทยบไดกบคลนสญญาณวทยหรอโทรทศน ถามตวรบทกคนกสามารถมองเหนขาวสารทตองการเลอกรบได นอกจากนถามตวชวยสงใหฟดแพรไดแรงขน ขาวสารกยอมจะแพรกระจายไดเรวดวย
ดงนนถาคณสนใจขาวสารจากบลอกใดบลอกหนงคณกสามารถทจะเปดรบขาวสารจากบลอกนนๆ โดยใช Gadget ฟด ซงเปน Gadget ทสามารถเพมไดอยางไมจ ากด ดงนนถาคณตองการรบขาวจาก 10 บลอกกสามารถท าไดโดยการเพม gadget ฟดเขาไปในบลอก 10 ครง ในขณะเดยวกนถาคณใสชอบลอกของตวเองใน Gadget ฟด Gadget ชนดนจะกลายเปน Gadget ทใชแสดง บทความลาสดนนเองครบ
การแสดงขาวสารลาสดโดยการใช Gadget ฟด
1 ไปทองคประกอบของหนา gtgt เพมฟด Gadget
หนา 44
2 ใสโคดตอไปนลงไปใน Gadget ฟด httpชอบลอกblogspotcomfeedspostsdefault
โดยจะตองเปลยนชอบลอกเปนชอบลอกของของคณเองหรอชอบลอกทคณตองการรบขาวสารท update
ตงคาทตองการเพมเตมและบนทกกจะได feeds ขาวสารมาปรากฏทบลอกของคณ
3 ถาตองการเพมบลอกอนอกกท าซ าขอ 1 และ 2 แตตองเปลยนชอบลอกใหม 4 กรณทคณตองการเรยก feed จากเวบทตองการใหคนหา feed จากเวบ wwwgooglecom
แลวแทนโคดในขอ 2 เชน feed ขาวการศกษาจากเวบ httpwwwrssthaicom ใหใสโคด httpwwwrssthaicomnewsphpt=education แทนในขอ 2
หนา 45
บทท 8 แนะน า Gadget ใหมของ blogger ldquoหนาเวบrdquo
ตามเวบไซตตาง ๆ เราคงจะเคยเหนกนวาแตละเวบไซตจะม เมนส าหรบเลอกเปดไปดหนาอน ๆภายในเวบนนๆ เชน ตวอยางในรปดานลาง
Blogger ไดพฒนา Gadget ตวใหมขนมา มชอวา หนาเวบ เพอใหผใชไดสรางหนาของบลอกทตองการไดโดยไมตองมความรในการดดแปลงหรอแกไขแมแบบดวยตนเอง
การเรยกใช Gadget ชนดนสามารถเลอกใชไดเชนเดยวกบการ Add Gadget ชนดอน ๆ นนคอ ไปท องคประกอบของหนา gtgt แลวเลอก เพม Gadget
ตอไปเรามาดวา Gadget น ใชอยางไร และใชเพอจดประสงคใด หลกการของ Gadget นเหมอนการสรางบทความขนมา 1 บทความ และ สราง Link เชอมโยงไป ยงบทความนน ๆ แตมความพเศษตรงทผใชทวไปสรางเมนขนเองไดอยางงายดาย โดยไมตองมความรพนฐานเกยวกบ HTML เลย
หนา 46
ตวอยางวธการใชงาน(จรง) ในตวอยางนผมจะสราง 2 หนาใหเหนเปนตวอยาง ไดแก HOME และ CONTACT ME
ขนเตรยมการ เนองจากผมจะยกตวอยางการสรางหนา Contact me ดงนนใหทกคนไปสราง Form ส าหรบ
ตดตอเจาของบลอกซงกคอเราเอง ไดท httpwwwfoxyformcom
ซงขนตอนในการสราง ฟอรมนนงายมาก มเพยง 4 ขนเทานน (ดรป)
หนา 47
เมอไดโคด แลวคดลอกเกบเอาไวกอนครบ
ขนสรางหนาเวบจรง ขนท 1 สรางหนาแรก หรอ HOME
Log in เขาไปท draftblogger ไปทแผงควบคม gtgt องคประกอบของหนา gtgt แลวเลอก เพม Gadget เลอกอนแรกเลยครบ คอ gadget หนาเวบ
จากนนกสราง หนาแรกขนมาโดยตงชอตามทตองการไดเลย แลวท าการบนทกครบ
หนา 48
ขนท 2 เมอผานขนท 1 มาแลวกเทากบวาเราไดสราง หนาบลอกขนมาแลว 1 หนา
ถาจะท าการเพมหนาอก ใหไปทแผงควบคม gtgt การสงบทความ gtgt แกไขหนาเวบ gtgt หนาเวบใหม
เมอคลกสรางหนาเวบใหม เรากจะพบเครองมอตาง ๆ เหมอนการเขยนบทความนนเองครบ
หนา 49
ใหน าโคดของ Form ทเตรยมไว จากขนเตรยมการมาวางในหนาหนาน จดรปแบบตามตองการแลวบนทกหนาไดเลยครบ
เพยงขนตอนสน ๆ นเรากจะมเมนเชอมโยงไปยง หนาของบลอกถง 2 หนาดวยกน ไดแก HOME และ CONTACT ME
หนา 50
ขนท 3 - ถาหากตองการเพมหนาบลอกเพมขนอกกท าซ าขนตอนทไดกลาวมาขางตนครบ - แตถาตองการลบหนาบลอกทง กมาทเดม แลวจะเหนค าวาลบ ถาตองการลบทงกกดค าวาลบ
ไดเลย
ขนท 4 วธจดการกบเมนหนาเวบ - ถาตองการเรยงล าดบหนาเวบใหม กไปท องคประกอบของหนา แลว คลก Gadget หนาเวบขนมาแกไข gtgt ดรป
หนา 51
นอกจากน Gadget หนาเวบจะมลกษณะพเศษ คอ ถาอยท Sidebar เมนจะจดเรยงเปนแนวตง
หนา 52
แตถาลากไปในต าแหนงใตสวนหว จะจดเรยงเรยงเปนแนวนอนโดยอตโนมต
หนา 53
บทท 9 นบจ านวนคนเยยมชมดวย Flagcounter
อกบรการนบสถตคนเยยมชมทชวยใหเราทราบวาบลอกของเรามผเยยมชมทงในและตางประเทศมากหรอนอย จาก Flagcounter
วธตดตง
1 ไปท httpwwwflagcountercomindexhtml 2 ตงคาตางๆ ตามความตองการแลวกด GET YOUR FLAG COUNTER ดงรป
3 คดลอก HTML โคด ท FLAG COUNTER ไดสรางใหในขนท 2
หนา 54
4 กลบมาทบลอกของเรา ไปทแผงควบคม gtgt รปแบบ gtgt องคประกอบหนา gtgt เพม Gadget ชนด HTMLจาวาสครปต
5 วางโคดทคดลอกมาจากขนท 3 แลวบนทกครบกเปนอนจบขนตอนครบ ลกษณะทไดกดงรป
หนา 55
บทท 10 รปภาพในบทความบน Blogger
คณเคยสงสยไหมครบวา รปภาพทคณ upload ขนไปขณะทเขยนบทความ หรออาจจะเขยนบทความไปแลว รปเหลานนไปอยทไหน เพราะวา Blogger เองไมม sever ยงตองอาศยฐานขอมลของตวแมคอ blogspotcom อย แลวจะเอาพนท ๆ ไหนมาเกบรปตงมากมาย
ค าตอบคอ Blogger จะใชวธเชอมโยงกบ Application อน ๆ ของ Google เพอแกปญหาการเกบขอมล เชนรปภาพใน Blogger ทเราพดถงกนอยตอนนกจะถกเกบ
อยท Picasa Web Albums ดงนนไมวาจะเปนภาพทคณ Upload ขณะเขยนบทความ กจะถกเกบอยใน Picasa Web Albums ทงหมด
คณใชบรการ Picasa Web Albums ไดอยางไร
การใชบรการ Picasa Web Albums สามารถเขาใชไดทนทหากคณมบญชผใชกบ google อยแลว เชนมบญชผใช Gmail หรอ Blogger อยแลวกสามารถ Log in เขาใชไดเลย
Picasa Web Albums ใหพนทเทาไร
Picasa จะใหพนท เพยง 1 GB ตอ 1 บญชผใช นเปนเหตผลทบางคนอาจจะสงสยวาท าไมคณภาพรปหรอขนาดของรปบน Blogger จงลดลง กลาวคอระบบของ Picasa จะท าการลดขนาดของรปทเรา Upload ผาน Blogger ใหมขนาดเลกลงเพอเปนการประหยดพนทนนเอง
หนา 56
คณจะเขาไปจดการรปภาพจาก Blogger ใน Picasa Web ไดอยางไร การจดการภาพใน Picasa Web Albums ท าได 2 วธคอ
1 ใช Software ทพฒนาขนมาจดการ Picasa Web Albums โดยเฉพาะ
คณสามารถเขาไปดาวนโหลด Picasa ไดท httppicasagooglecom 2 เขาไปจดการทเวบไซต Picasa Web Albums โดยตรง โดยไปท httppicasawebgooglecom และ Log in โดยใชชอบญชเดยวกบ Blogger
คณสามารถเขาไป Unload ภาพไดโดยตรงกบ Picasa แลวเรยกมาใชบน blogger ไดโดยใชตวเลอก อปโหลด
หนา 57
แตถาตองการรปภาพบน Blogger ทไดอปโหลดขนไปแลวกคลกทอลบมทตองการแลวเขาไปจดการภาพไดเชนกน ลบรปภาพบน Blogger แลวรปบน Picasa จะถกลบดวยหรอไม
การลบรปภาพบน Blogger ไมสงผลใด ๆ ตอ Picasa Web Albums เลยเวนแตคณจะเขามาลบใน Picasa Web Albums โดยตรง ดงนนถาในขณะเขยนบทความคณเผลอท าพลาดรปภาพหายไป กสามารถเขามาเอารปภาพจาก Picasa Web Albums ใชงานไดอกโดยไมตอง upload ซ า หรอไมตองไปหาภาพมาใหม บทสรป
บทนแนะน าใหพอรจกการเชอมโยงระหวาง Blogger และ Picasa Web Albums ซงเปนบรการในเครอขาย Google เหมอนกน และจะท าใหคณเขาใจการจดการเกยวกบภาพบน Blogger ไดดขน
หนา 58
บทท 11 การสรางวดโอใน YouTube และน ามาใสในบลอก
ถามวดโอในหนาบลอกของเราดวย การสอสารเรองราวตางๆ กจะมชวตชวาและเขาใจงายขน ซงในทนเราสามารถสรางไดไมยากดวยบรการของ wwwyoutubecom ครบ
ขนตอนการฝากวดโอไวกบ youtube
1 ไปท wwwyoutubecom แลวเลอก Create Account ทมมขวาบนซงในกรณทเรา Login อยในเวบบลอกของเรานน กสามารถใชบรการของ youtube ดวย Account เดมโดยไมตองสมครใหมครบ วธการท าไดโดย
11 คลกท 12 กรอกขอมลส าหรบการสรางบญช โดยใช username ของ gmail ของเราเอง 13 จากนน คลก
หนา 59
14 จะพบหนาตางใหกรอก Username และ รหสผาน ของ gmail ใหกรอก e-mail ของเรา
จะพบหนาจอ ดงน จากนนเรากสามารถท าการเพม Video ไดตามทเราตองการ
หนา 60
2 การฝาก youtube มเงอนไขส าคญๆ ดงน - ความยาวของวดโอไมเกน 10 นาท - ควรเปนวดโอทไมกระทบตอสถาบน ชาต ศาสนา พระมหากษตรย และ ศลธรรมอนดงามของสงคม
3 การ upload วดโอขนไปทเมน upload (ทมมขวาบน) แลวท าการเลอกไฟลวดโอจากเครองของเรา และรอจนการ upload เสรจสน
31 คลกทปม Uploads
32 คลกทปม Upload Video
33 เลอกไฟล Video ทตองการ
34
34 เมอ Upload ได 100 แลวใหคลก Save change
หนา 61
4 เมอ upload เสรจสนแลวคลกทขอความ Embed and Sharing Options เรากเหน HTML code ใหคดลอก code เหลานนมาแปะในสวนทเราตองการ
เชนในทนผมคดลอก code มาแปะในบทความกจะไดผลลพธเปนวดโอตามดานลางทเหนครบ
หนา 62
เรอง หนา บทน าhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 1 บทท 1 การสรางเวบบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 4 บทท 2 วธเปลยน Template ของ Bloggerhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 12 บทท 3 วธเขยนและจดการบทความในบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 22 บทท 4 การตงคาพนฐานตางๆ ใหกบบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 26 บทท 5 รจกและใชงาน Gadget ชนดตางๆ บน Bloggerhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 32 บทท 6 การจดการกบ Gadget ในหนาบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 40 บทท 7 การแสดงขาวสารลาสดดวย Gadget ฟดhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 43 บทท 9 นบจ านวนคนเยยมชมดวย Flagcounterhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 53 บทท 10 รปภาพในบทความบน Bloggerhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 55 บทท 11 การสรางวดโอใน YouTube และน ามาใสในบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 58
หนา 63
255
เอกสารประกอบการฝกอบรมเชงปฏบตการ
การพฒนาสอการเรยนการสอน โดยใชโปรแกรมคอมพวเตอรรวมกบ Weblog
หนา 27
Title และค าอธบายของบลอก ควรใสใหเขาใจภาพรวมของบลอกและม keyword ในการท าบลอกแทรกอยใน Description ดวย
ในสวนการตงคาอน ๆ ควรตงคาดงน
องคประกอบ ตงคาเปน
เพมบลอกของคณในรายการของเราหรอไม ใช
อนญาตใหเครองมอคนหาพบบลอกของคณหรอไม ใช
แสดงการแกไขอยางรวดเรวบนบลอกของคณหรอไม ใช
มเนอหาส าหรบผใหญหรอไม ไม
เลอกโปรแกรมแกไขบทความ โปรแกรมแกไขทอปเดต
2 การเผยแพร ในการตงคาสวนนสามารถเปลยน URL ของบลอกได
หนา 28
ถาคณตองการเปลยนโดเมนของบลอกจาก blogspotcom เปนโดเมนอนกสามารถตงคาไดตรงสวนน แตจะตองเสยคาใชจายการจดโดเมนผาน google ปละ 10 US (ประมาณ 300 กวาบาทตอป)
3 การจดรปแบบ ในสวนนเปนการตงคาการเผยแพรบทความ เชน จ านวนบทความในหนาแรก รปแบบเวลา
และวนทเปนตน
คณควรจะตงคาตาง ๆ ดงน
องคประกอบ ตงคาเปน
แสดงสงสด เทาไรกได
รปแบบสวนหวของวนท ตงไดตามใจชอบ
รปแบบวนทของดชนคลงบทความ ตงไดตามใจชอบ
รปแบบเวลา ตงไดตามใจชอบ
โซนเวลา (GMT+0700)กรงเทพ
ภาษา ไทย
แปลงการขนบรรทดใหม ไม
แสดงฟลดชอเรอง ใช
แสดงฟลดของลงก ไม
เปดใชการจดเรยงแบบลอย ใช
แมแบบบทความ ยงไมตองตงคา
หนา 29
4 เมนขอคดเหน เปนเมนส าหรบตงคาตาง ๆ เกยวกบการแสดงความคดเหนของบลอก
คณควรจะตงคาตาง ๆ ดงน
องคประกอบ ตงคาเปน
ขอคดเหน แสดง
ใครสามารถแสดงความคดเหน ผใชทมบญช Google
การจดวางฟอรมความคดเหน วางไวใตบทความ
ความคดเหนเรมตนส าหรบบทความ บทความใหมมความคดเหน
ลงกยอนกลบ ซอน
คาเรมตนของลงกยอนกลบส าหรบบทความ บทความใหมมลงกยอนกลบ รปแบบเวลาในสวนความคดเหน ตงคาตามใจ
ขอความของฟอรมความคดเหน ไมตองใสคาใด ๆ กได
การจดการความคดเหน ไม
แสดงการตรวจสอบค าส าหรบความคดเหนหรอไม ไม
แสดงรปภาพโปรไฟลบนความคดเหนหรอไม ใช
อเมลส าหรบแจงเตอนเมอมความคดเหนใหม กรอก email ของคณลงไป
5 เกบเขาคลงบทความ ตงใหเปนรายเดอนจะดทสด
หนา 30
6 ฟดของไซต ถาบทความในบลอกไมมากนก ตงคาเปน แบบเตม แตถาบทความมประมาณ 100 ขนไปควร
จะตงเปน แบบสน
7 อเมลและมอถอ
ในสวนนเปนการตงคา อเมลเพอใหระบบสงบลอกของคณทกครงทมการเผยแพร และเปนการตงคา การใชอปกรณเคลอนทในการเขยนบลอก ตรงนผมยงไมเคยลองเหมอนกน
8 OpenID
คณสามารถใช OpenID URL เพอเขาสไซตอนๆ ทใชงาน OpenID นอกจากนคณยงสามารถก าหนดใหผใช OpenID สามารถแสดงความคดเหนในบลอกของคณ โดยปรบการตงคา ความคดเหน ของคณ
9 สทธ
ในสวนนคณสามารถใชในการเปลยนผเขยนบลอก และเพมผดแลระบบไดถง 100 ราย
หนา 31
นอกจากนคณยงจ ากดคนเขาชมบลอกไดดวย โดยการระบ Email ของผทตองการลงไป
หนา 32
บทท 5 รจกและใชงาน Gadget ชนดตางๆ บน Blogger
เมอเรยนรเกยวกบ การตงคาตาง ๆ ของบลอก การเปลยน Templates ใหกบบลอกไปแลว สวนทเหลอคอ การจดรปแบบองคประกอบหนาใหกบบลอก รวมถงการใชงาน Gadget หลกชนดตางๆ ของ Blogger
Gadget คออะไร
Gadget ใน Blogger นนหมายถงสวนเสรมทเราสามารถตดตงเพมลงไปในแมแบบของ Blogger ซงบางครงกถกเรยกวา widget ซงกหมายถงสงเดยวกนกบ Gadget
วธเพม Gadget กอนอนให Login เขาไปท blogger หรอ draftblogger gtgt จากแผงควบคมใหเลอก การออกแบบ
หนา 33
จากนนใน Layout ของแมแบบคณจะเหนพนท ดงรปดานลางเพอใหเพม Gadget
และเมอคลก เพม Gadget กจะปรากฏ Gadget พนฐาน 21 อยางทจะกลาวถงในหวขอน
นอกจากนยงม Gadget อกมากมายซงคณสามารถเลอกไดจากเมนแกดเจดเพมเตมทางซายมอ
เมอเลอก Gadget ทตองการแลว คลกทปม + เพอท าการเพม Gadget นน ใสชอ Gadget และตงคาทตองการแลวบนทก
รปทเหนขางบนเปน Gadget ผตดตาม ส าหรบ Gadget อน ๆ กท าไดในท านองเดยวกน
หนา 34
รจกกบ Gadget พนฐาน 21 อยางของ Blogger
1 Gadget หนาเวบ
หลกการของ Gadget ชนดนคอคณจะตองสรางหนาเวบขนมากอน แลวใช Gadget นเปนเมนในการเชอมโยงไปยงหนาเวบ
2 Gadget ผตดตาม
Gadget ชนดนใชเพอใหผอานทชนชอบบลอกของคณไดตดตาม และเมอตดตามแลวความเคลอนไหว และการ update บทความของจะไปปรากฏแผงควบคมของผตดตามโดยอตโนมต และมสทธในการแสดงความคดเหนบนบลอกของคณได (กรณทคณอนญาตเฉพาะสมาชก)
3 Gadget ชองคนหา
เปน Gadget ทตดตงเพอใหผอานสามารถคนหาสงทตองการในบลอกของคณไดงายขน
หนา 35
4 Gadget HTMLจาวาสครปต
Gadget ชนดนเปน Gadget ทยดหยนทสดในบรรดา Gadget ทงหมด สามารถประยกตใชไดหลากหลาย เหมาะส าหรบใชตดตงโคดตาง ๆ ลงบน Blogger เชน โคดปฏทน นาฬกา โคดจาวาสครปต โคดรปภาพ โคดวดโอ โคดของลงค เปนตน
5 Gadget ขอความ
เปน Gadget ทเหมาะส าหรบเขยนขอความ เชน ขอความตอนรบ เปนตน
6 Gadget Adsense
คณจะใช Gadget ชนดนไดเมอสมครเขารวมโปรแกรมหรอเปนตวแทนในการเผยแพรโฆษณาบน Google
7 Gadget รปภาพ
ถาคณตองการแสดงรปภาพบนบลอกอยางเดยวกใหเลอกใช Gadget นครบ
หนา 36
8 Gadget สไลดโชว
Gadget นเปนการดง Albums จาก Picasaweb มาแสดงในรปแบบสไลดโชวบนบลอกของ
9 Gadget แถบวดโอ
Gadget นจะท าใหผใชคนหาวดโอบน Youtube จากบลอกของคณได
10 Gadget แบบส ารวจ
Gadget นถอเปน Gadget หนงทนาสนใจมาก แตยงมผใชจ านวนนอย โดยคณอาจจะใชส ารวจความตองการ หรอความคดเหนของผอานตอบลอกของคณ หรอส ารวจเกยวกบเรองทเกยวของกบเนอหาบนบลอกของคณกได
11 Gadget รายการบลอก
Gadget ชนดนเปน Gadget ทสามารถรวบรวมขาวสารลาสดจากบลอกทคณเลอกหรอบลอกทคณตดตาม พรอมทงสามารถแสดงเนอหาแบบยอไดดวย
หนา 37
12 Gadget รายชอลงค
เปน Gadget ทใชสรางลงคไปยงทตาง ๆ โดยคณสามารถปอน URL บน Gadget ชนดนเพอสราง Link โดยไมตองมความรเรอง HTML มากอนเลย
13 Gadget รายการ
เปน Gadget ทคลายคลงกบ Gadget รายชอลงค แตมความยดหยนกวา สามารถสรางขอความรายการและใส link ใหขอความไดดวย
14 Gadget ฟด
คณสามารถใช Gadget นดงขาวสารจากในบลอกของคณ หรอบลอกอนทคณสนใจเอามาแสดงเพยงแคใสชอบลอกทตองการลงไปลงไปใน gadget
15 Gadget Newsreel
เปน gadget ทท าใหพาดหวขาวจาก Google มาปรากฏบนบลอกของคณเทานน
หนา 38
16 Gadget ปายก ากบ
Gadget นมความส าคญ คณควรจะตดตง เพอใหบทความทเขยนเปนหมวดหม ใหผอานเหนชดเจนเลอกอานไดตรงความตองการมากขน
17 Gadget ลงคการสมคร
Gadget นมความส าคญในเรองการสงขาวสารขอมลจากบลอกของคณไปยงผอาน ผอานจะสามารถสมครรบบทความทาง email หรอผานชองทางอน ๆ ไดจาก Gadget น
18 Gadget โลโก
Gadget นไมส าคญนกเปนเพยงตดตง logo ของ blogger ในหนาบลอกเทานน
19 Gadget โปรไฟล
Gadget นจะแสดงขอมลอยางของคณทไดกรอกเอาไวบนบญชของ Blogger ถาคณตองการแสดงขอมลของคณบน Blog กควรจะตดตง Gadget นครบ
หนา 39
20 Gadget คลงบทความของบลอก
Gadget นจะท าใหผอานเหนบทความทงหมดภายในบลอกของคณได
21 Gadget สวนหวของหนา
Gadget นเปนสวนทใส Title และ Description ของ Blog โดยปกตแลว Template ทวไปกจะตดตงสวนนอยแลว
คณสามารถทดลองใช Gadget เหลานไดโดยไมตองกลวความผดพลาดเพราะ Gadget บน
Blogger นนสามารถลบออกไดอยางงายดายโดยวธการจดการกบ Gadget
หนา 40
บทท 6 การจดการกบ Gadget ในหนาบลอก
ในบททผานมาเราได รจกและใชงาน Gadget ชนดตาง ๆ บน Blogger ผมไดกลาวถงวธการเพม Gadget ใหกบบลอก แตยงไมไดกลาวถงการลบ Gadget ออกจากองคประกอบของหนา และนอกจากน ต าแหนงของ Gadget ยงสามารถเคลอนยายต าแหนงไดอกดวย
การลบ Gadget วธท 1 ถาในขณะทเรา log in และเปดหนาบลอกของเราขนมา กจะสงเกตเหนวามเครองมอ
ปรากฏอยตามทตางๆ ในองคประกอบของหนา
และถาเราคลกเขาไปกจะสามารถแกไข หรอ ลบองคประกอบเหลานนออกไปไดเลยครบ
หนา 41
วธท 2 เราสามารถเขาไปลบ Gadget ไดท แผงควบคม gtgt การออกแบบ gtgt องคประกอบของหนา gtgt เลอกแกไข Gadget ทตองการลบ
จากนนเลอกลบไดเชนเดยวกบกรณแรก
การยายต าแหนง Gadget ส าหรบการยายต าแหนงของ Gadget ท าไดโดยการ เขาไปทแผงควบคม gtgt การออกแบบ gtgt
องคประกอบหนาจากนนใหลากเมาสบน Gadget ทตองการยายไปวางในต าแหนงทตองการไดเลยครบ
หนา 42
เมอเขาใจการท างานของ Gadget ชนดตาง ๆ แลวสงทอยากจะฝากเอาไวตอนทายนกคอการจดองคประกอบหนาของบลอกดงน
แนวทางในการจดองคประกอบหนาบลอก
แนวทางในการจดองคประกอบหนานนไมมกฎเกณฑตายตว บางคนชอบใหม 2 column บางคน ชอบใหม 3 column ซงกขนอยกบความชอบและความตองการใชงาน แตทอยากใหค านงไวเสมอคอ ผอน คอ พระเจา ท าอะไรใหเขาใจงายๆ หาอะไรกเจออยางรวดเรว เขาไวเปนพอครบ และอกประการทส าคญคอ การตดตง Gadget ตาง ๆ ควรตดตงเทาทจ าเปนและตองการใชงาน ปฏทน หรอนาฬกานนกไมควรตดตง ลงไปเลย เพราะไมคมคากบการเพมภาระการโหลดใหกบผเขาชม และถาบลอกของคณโหลดไดชา ก เปนไปไดยากทผอานจะกลบมาอก
องคประกอบในหนาของบลอกทผมคดวาคณควรจะมคอ สวนทบอกตวตนของบลอก
ซงอาจจะแสดงในสวนหวของหนา หรอเปนวดโอ สไลดขอความรปถาย อยในต าแหนงทเหนไดชด สวนทเชอมโยงไปยงบทความในบลอก
สวนนจ าเปนมากเพราะจะชวยใหผอานคนหาบทความไดเรวขน คณอาจจะรวมบทความทงหมดเลยหรอ อาจจะใชวธจดหมวดหมใหผอานเลอกสงทตองการจากบลอกของเราไดเรวขน
สวนพนทของสมาชก
สวนนจะแสดงใหเหนวามผสนใจบลอกของเรามากแคไหน และสามารถสมครตดตามบลอกของเราไดทนท เชนอาจจะใช Gadget ผตดตาม หรอใช Like box Plugins ของ Facebook หรออาจจะท า Poll กได
สวนทเปนชองทางใหผอานตดตอเราได
คณอาจจะท า link เชอมโยงใหผอานตดตอคณได หรออาจจะใช Gadget profile ของ Blogger เพอแนะน าตวกได
หนา 43
บทท 7 การแสดงขาวสารลาสดดวย Gadget ฟด
ความหมายของค าวา ฟดโดยสรปกคอเปนสงทแพรกระจายจากบลอกของเราบนโลก Internet เทยบไดกบคลนสญญาณวทยหรอโทรทศน ถามตวรบทกคนกสามารถมองเหนขาวสารทตองการเลอกรบได นอกจากนถามตวชวยสงใหฟดแพรไดแรงขน ขาวสารกยอมจะแพรกระจายไดเรวดวย
ดงนนถาคณสนใจขาวสารจากบลอกใดบลอกหนงคณกสามารถทจะเปดรบขาวสารจากบลอกนนๆ โดยใช Gadget ฟด ซงเปน Gadget ทสามารถเพมไดอยางไมจ ากด ดงนนถาคณตองการรบขาวจาก 10 บลอกกสามารถท าไดโดยการเพม gadget ฟดเขาไปในบลอก 10 ครง ในขณะเดยวกนถาคณใสชอบลอกของตวเองใน Gadget ฟด Gadget ชนดนจะกลายเปน Gadget ทใชแสดง บทความลาสดนนเองครบ
การแสดงขาวสารลาสดโดยการใช Gadget ฟด
1 ไปทองคประกอบของหนา gtgt เพมฟด Gadget
หนา 44
2 ใสโคดตอไปนลงไปใน Gadget ฟด httpชอบลอกblogspotcomfeedspostsdefault
โดยจะตองเปลยนชอบลอกเปนชอบลอกของของคณเองหรอชอบลอกทคณตองการรบขาวสารท update
ตงคาทตองการเพมเตมและบนทกกจะได feeds ขาวสารมาปรากฏทบลอกของคณ
3 ถาตองการเพมบลอกอนอกกท าซ าขอ 1 และ 2 แตตองเปลยนชอบลอกใหม 4 กรณทคณตองการเรยก feed จากเวบทตองการใหคนหา feed จากเวบ wwwgooglecom
แลวแทนโคดในขอ 2 เชน feed ขาวการศกษาจากเวบ httpwwwrssthaicom ใหใสโคด httpwwwrssthaicomnewsphpt=education แทนในขอ 2
หนา 45
บทท 8 แนะน า Gadget ใหมของ blogger ldquoหนาเวบrdquo
ตามเวบไซตตาง ๆ เราคงจะเคยเหนกนวาแตละเวบไซตจะม เมนส าหรบเลอกเปดไปดหนาอน ๆภายในเวบนนๆ เชน ตวอยางในรปดานลาง
Blogger ไดพฒนา Gadget ตวใหมขนมา มชอวา หนาเวบ เพอใหผใชไดสรางหนาของบลอกทตองการไดโดยไมตองมความรในการดดแปลงหรอแกไขแมแบบดวยตนเอง
การเรยกใช Gadget ชนดนสามารถเลอกใชไดเชนเดยวกบการ Add Gadget ชนดอน ๆ นนคอ ไปท องคประกอบของหนา gtgt แลวเลอก เพม Gadget
ตอไปเรามาดวา Gadget น ใชอยางไร และใชเพอจดประสงคใด หลกการของ Gadget นเหมอนการสรางบทความขนมา 1 บทความ และ สราง Link เชอมโยงไป ยงบทความนน ๆ แตมความพเศษตรงทผใชทวไปสรางเมนขนเองไดอยางงายดาย โดยไมตองมความรพนฐานเกยวกบ HTML เลย
หนา 46
ตวอยางวธการใชงาน(จรง) ในตวอยางนผมจะสราง 2 หนาใหเหนเปนตวอยาง ไดแก HOME และ CONTACT ME
ขนเตรยมการ เนองจากผมจะยกตวอยางการสรางหนา Contact me ดงนนใหทกคนไปสราง Form ส าหรบ
ตดตอเจาของบลอกซงกคอเราเอง ไดท httpwwwfoxyformcom
ซงขนตอนในการสราง ฟอรมนนงายมาก มเพยง 4 ขนเทานน (ดรป)
หนา 47
เมอไดโคด แลวคดลอกเกบเอาไวกอนครบ
ขนสรางหนาเวบจรง ขนท 1 สรางหนาแรก หรอ HOME
Log in เขาไปท draftblogger ไปทแผงควบคม gtgt องคประกอบของหนา gtgt แลวเลอก เพม Gadget เลอกอนแรกเลยครบ คอ gadget หนาเวบ
จากนนกสราง หนาแรกขนมาโดยตงชอตามทตองการไดเลย แลวท าการบนทกครบ
หนา 48
ขนท 2 เมอผานขนท 1 มาแลวกเทากบวาเราไดสราง หนาบลอกขนมาแลว 1 หนา
ถาจะท าการเพมหนาอก ใหไปทแผงควบคม gtgt การสงบทความ gtgt แกไขหนาเวบ gtgt หนาเวบใหม
เมอคลกสรางหนาเวบใหม เรากจะพบเครองมอตาง ๆ เหมอนการเขยนบทความนนเองครบ
หนา 49
ใหน าโคดของ Form ทเตรยมไว จากขนเตรยมการมาวางในหนาหนาน จดรปแบบตามตองการแลวบนทกหนาไดเลยครบ
เพยงขนตอนสน ๆ นเรากจะมเมนเชอมโยงไปยง หนาของบลอกถง 2 หนาดวยกน ไดแก HOME และ CONTACT ME
หนา 50
ขนท 3 - ถาหากตองการเพมหนาบลอกเพมขนอกกท าซ าขนตอนทไดกลาวมาขางตนครบ - แตถาตองการลบหนาบลอกทง กมาทเดม แลวจะเหนค าวาลบ ถาตองการลบทงกกดค าวาลบ
ไดเลย
ขนท 4 วธจดการกบเมนหนาเวบ - ถาตองการเรยงล าดบหนาเวบใหม กไปท องคประกอบของหนา แลว คลก Gadget หนาเวบขนมาแกไข gtgt ดรป
หนา 51
นอกจากน Gadget หนาเวบจะมลกษณะพเศษ คอ ถาอยท Sidebar เมนจะจดเรยงเปนแนวตง
หนา 52
แตถาลากไปในต าแหนงใตสวนหว จะจดเรยงเรยงเปนแนวนอนโดยอตโนมต
หนา 53
บทท 9 นบจ านวนคนเยยมชมดวย Flagcounter
อกบรการนบสถตคนเยยมชมทชวยใหเราทราบวาบลอกของเรามผเยยมชมทงในและตางประเทศมากหรอนอย จาก Flagcounter
วธตดตง
1 ไปท httpwwwflagcountercomindexhtml 2 ตงคาตางๆ ตามความตองการแลวกด GET YOUR FLAG COUNTER ดงรป
3 คดลอก HTML โคด ท FLAG COUNTER ไดสรางใหในขนท 2
หนา 54
4 กลบมาทบลอกของเรา ไปทแผงควบคม gtgt รปแบบ gtgt องคประกอบหนา gtgt เพม Gadget ชนด HTMLจาวาสครปต
5 วางโคดทคดลอกมาจากขนท 3 แลวบนทกครบกเปนอนจบขนตอนครบ ลกษณะทไดกดงรป
หนา 55
บทท 10 รปภาพในบทความบน Blogger
คณเคยสงสยไหมครบวา รปภาพทคณ upload ขนไปขณะทเขยนบทความ หรออาจจะเขยนบทความไปแลว รปเหลานนไปอยทไหน เพราะวา Blogger เองไมม sever ยงตองอาศยฐานขอมลของตวแมคอ blogspotcom อย แลวจะเอาพนท ๆ ไหนมาเกบรปตงมากมาย
ค าตอบคอ Blogger จะใชวธเชอมโยงกบ Application อน ๆ ของ Google เพอแกปญหาการเกบขอมล เชนรปภาพใน Blogger ทเราพดถงกนอยตอนนกจะถกเกบ
อยท Picasa Web Albums ดงนนไมวาจะเปนภาพทคณ Upload ขณะเขยนบทความ กจะถกเกบอยใน Picasa Web Albums ทงหมด
คณใชบรการ Picasa Web Albums ไดอยางไร
การใชบรการ Picasa Web Albums สามารถเขาใชไดทนทหากคณมบญชผใชกบ google อยแลว เชนมบญชผใช Gmail หรอ Blogger อยแลวกสามารถ Log in เขาใชไดเลย
Picasa Web Albums ใหพนทเทาไร
Picasa จะใหพนท เพยง 1 GB ตอ 1 บญชผใช นเปนเหตผลทบางคนอาจจะสงสยวาท าไมคณภาพรปหรอขนาดของรปบน Blogger จงลดลง กลาวคอระบบของ Picasa จะท าการลดขนาดของรปทเรา Upload ผาน Blogger ใหมขนาดเลกลงเพอเปนการประหยดพนทนนเอง
หนา 56
คณจะเขาไปจดการรปภาพจาก Blogger ใน Picasa Web ไดอยางไร การจดการภาพใน Picasa Web Albums ท าได 2 วธคอ
1 ใช Software ทพฒนาขนมาจดการ Picasa Web Albums โดยเฉพาะ
คณสามารถเขาไปดาวนโหลด Picasa ไดท httppicasagooglecom 2 เขาไปจดการทเวบไซต Picasa Web Albums โดยตรง โดยไปท httppicasawebgooglecom และ Log in โดยใชชอบญชเดยวกบ Blogger
คณสามารถเขาไป Unload ภาพไดโดยตรงกบ Picasa แลวเรยกมาใชบน blogger ไดโดยใชตวเลอก อปโหลด
หนา 57
แตถาตองการรปภาพบน Blogger ทไดอปโหลดขนไปแลวกคลกทอลบมทตองการแลวเขาไปจดการภาพไดเชนกน ลบรปภาพบน Blogger แลวรปบน Picasa จะถกลบดวยหรอไม
การลบรปภาพบน Blogger ไมสงผลใด ๆ ตอ Picasa Web Albums เลยเวนแตคณจะเขามาลบใน Picasa Web Albums โดยตรง ดงนนถาในขณะเขยนบทความคณเผลอท าพลาดรปภาพหายไป กสามารถเขามาเอารปภาพจาก Picasa Web Albums ใชงานไดอกโดยไมตอง upload ซ า หรอไมตองไปหาภาพมาใหม บทสรป
บทนแนะน าใหพอรจกการเชอมโยงระหวาง Blogger และ Picasa Web Albums ซงเปนบรการในเครอขาย Google เหมอนกน และจะท าใหคณเขาใจการจดการเกยวกบภาพบน Blogger ไดดขน
หนา 58
บทท 11 การสรางวดโอใน YouTube และน ามาใสในบลอก
ถามวดโอในหนาบลอกของเราดวย การสอสารเรองราวตางๆ กจะมชวตชวาและเขาใจงายขน ซงในทนเราสามารถสรางไดไมยากดวยบรการของ wwwyoutubecom ครบ
ขนตอนการฝากวดโอไวกบ youtube
1 ไปท wwwyoutubecom แลวเลอก Create Account ทมมขวาบนซงในกรณทเรา Login อยในเวบบลอกของเรานน กสามารถใชบรการของ youtube ดวย Account เดมโดยไมตองสมครใหมครบ วธการท าไดโดย
11 คลกท 12 กรอกขอมลส าหรบการสรางบญช โดยใช username ของ gmail ของเราเอง 13 จากนน คลก
หนา 59
14 จะพบหนาตางใหกรอก Username และ รหสผาน ของ gmail ใหกรอก e-mail ของเรา
จะพบหนาจอ ดงน จากนนเรากสามารถท าการเพม Video ไดตามทเราตองการ
หนา 60
2 การฝาก youtube มเงอนไขส าคญๆ ดงน - ความยาวของวดโอไมเกน 10 นาท - ควรเปนวดโอทไมกระทบตอสถาบน ชาต ศาสนา พระมหากษตรย และ ศลธรรมอนดงามของสงคม
3 การ upload วดโอขนไปทเมน upload (ทมมขวาบน) แลวท าการเลอกไฟลวดโอจากเครองของเรา และรอจนการ upload เสรจสน
31 คลกทปม Uploads
32 คลกทปม Upload Video
33 เลอกไฟล Video ทตองการ
34
34 เมอ Upload ได 100 แลวใหคลก Save change
หนา 61
4 เมอ upload เสรจสนแลวคลกทขอความ Embed and Sharing Options เรากเหน HTML code ใหคดลอก code เหลานนมาแปะในสวนทเราตองการ
เชนในทนผมคดลอก code มาแปะในบทความกจะไดผลลพธเปนวดโอตามดานลางทเหนครบ
หนา 62
เรอง หนา บทน าhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 1 บทท 1 การสรางเวบบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 4 บทท 2 วธเปลยน Template ของ Bloggerhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 12 บทท 3 วธเขยนและจดการบทความในบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 22 บทท 4 การตงคาพนฐานตางๆ ใหกบบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 26 บทท 5 รจกและใชงาน Gadget ชนดตางๆ บน Bloggerhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 32 บทท 6 การจดการกบ Gadget ในหนาบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 40 บทท 7 การแสดงขาวสารลาสดดวย Gadget ฟดhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 43 บทท 9 นบจ านวนคนเยยมชมดวย Flagcounterhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 53 บทท 10 รปภาพในบทความบน Bloggerhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 55 บทท 11 การสรางวดโอใน YouTube และน ามาใสในบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 58
หนา 63
255
เอกสารประกอบการฝกอบรมเชงปฏบตการ
การพฒนาสอการเรยนการสอน โดยใชโปรแกรมคอมพวเตอรรวมกบ Weblog
หนา 28
ถาคณตองการเปลยนโดเมนของบลอกจาก blogspotcom เปนโดเมนอนกสามารถตงคาไดตรงสวนน แตจะตองเสยคาใชจายการจดโดเมนผาน google ปละ 10 US (ประมาณ 300 กวาบาทตอป)
3 การจดรปแบบ ในสวนนเปนการตงคาการเผยแพรบทความ เชน จ านวนบทความในหนาแรก รปแบบเวลา
และวนทเปนตน
คณควรจะตงคาตาง ๆ ดงน
องคประกอบ ตงคาเปน
แสดงสงสด เทาไรกได
รปแบบสวนหวของวนท ตงไดตามใจชอบ
รปแบบวนทของดชนคลงบทความ ตงไดตามใจชอบ
รปแบบเวลา ตงไดตามใจชอบ
โซนเวลา (GMT+0700)กรงเทพ
ภาษา ไทย
แปลงการขนบรรทดใหม ไม
แสดงฟลดชอเรอง ใช
แสดงฟลดของลงก ไม
เปดใชการจดเรยงแบบลอย ใช
แมแบบบทความ ยงไมตองตงคา
หนา 29
4 เมนขอคดเหน เปนเมนส าหรบตงคาตาง ๆ เกยวกบการแสดงความคดเหนของบลอก
คณควรจะตงคาตาง ๆ ดงน
องคประกอบ ตงคาเปน
ขอคดเหน แสดง
ใครสามารถแสดงความคดเหน ผใชทมบญช Google
การจดวางฟอรมความคดเหน วางไวใตบทความ
ความคดเหนเรมตนส าหรบบทความ บทความใหมมความคดเหน
ลงกยอนกลบ ซอน
คาเรมตนของลงกยอนกลบส าหรบบทความ บทความใหมมลงกยอนกลบ รปแบบเวลาในสวนความคดเหน ตงคาตามใจ
ขอความของฟอรมความคดเหน ไมตองใสคาใด ๆ กได
การจดการความคดเหน ไม
แสดงการตรวจสอบค าส าหรบความคดเหนหรอไม ไม
แสดงรปภาพโปรไฟลบนความคดเหนหรอไม ใช
อเมลส าหรบแจงเตอนเมอมความคดเหนใหม กรอก email ของคณลงไป
5 เกบเขาคลงบทความ ตงใหเปนรายเดอนจะดทสด
หนา 30
6 ฟดของไซต ถาบทความในบลอกไมมากนก ตงคาเปน แบบเตม แตถาบทความมประมาณ 100 ขนไปควร
จะตงเปน แบบสน
7 อเมลและมอถอ
ในสวนนเปนการตงคา อเมลเพอใหระบบสงบลอกของคณทกครงทมการเผยแพร และเปนการตงคา การใชอปกรณเคลอนทในการเขยนบลอก ตรงนผมยงไมเคยลองเหมอนกน
8 OpenID
คณสามารถใช OpenID URL เพอเขาสไซตอนๆ ทใชงาน OpenID นอกจากนคณยงสามารถก าหนดใหผใช OpenID สามารถแสดงความคดเหนในบลอกของคณ โดยปรบการตงคา ความคดเหน ของคณ
9 สทธ
ในสวนนคณสามารถใชในการเปลยนผเขยนบลอก และเพมผดแลระบบไดถง 100 ราย
หนา 31
นอกจากนคณยงจ ากดคนเขาชมบลอกไดดวย โดยการระบ Email ของผทตองการลงไป
หนา 32
บทท 5 รจกและใชงาน Gadget ชนดตางๆ บน Blogger
เมอเรยนรเกยวกบ การตงคาตาง ๆ ของบลอก การเปลยน Templates ใหกบบลอกไปแลว สวนทเหลอคอ การจดรปแบบองคประกอบหนาใหกบบลอก รวมถงการใชงาน Gadget หลกชนดตางๆ ของ Blogger
Gadget คออะไร
Gadget ใน Blogger นนหมายถงสวนเสรมทเราสามารถตดตงเพมลงไปในแมแบบของ Blogger ซงบางครงกถกเรยกวา widget ซงกหมายถงสงเดยวกนกบ Gadget
วธเพม Gadget กอนอนให Login เขาไปท blogger หรอ draftblogger gtgt จากแผงควบคมใหเลอก การออกแบบ
หนา 33
จากนนใน Layout ของแมแบบคณจะเหนพนท ดงรปดานลางเพอใหเพม Gadget
และเมอคลก เพม Gadget กจะปรากฏ Gadget พนฐาน 21 อยางทจะกลาวถงในหวขอน
นอกจากนยงม Gadget อกมากมายซงคณสามารถเลอกไดจากเมนแกดเจดเพมเตมทางซายมอ
เมอเลอก Gadget ทตองการแลว คลกทปม + เพอท าการเพม Gadget นน ใสชอ Gadget และตงคาทตองการแลวบนทก
รปทเหนขางบนเปน Gadget ผตดตาม ส าหรบ Gadget อน ๆ กท าไดในท านองเดยวกน
หนา 34
รจกกบ Gadget พนฐาน 21 อยางของ Blogger
1 Gadget หนาเวบ
หลกการของ Gadget ชนดนคอคณจะตองสรางหนาเวบขนมากอน แลวใช Gadget นเปนเมนในการเชอมโยงไปยงหนาเวบ
2 Gadget ผตดตาม
Gadget ชนดนใชเพอใหผอานทชนชอบบลอกของคณไดตดตาม และเมอตดตามแลวความเคลอนไหว และการ update บทความของจะไปปรากฏแผงควบคมของผตดตามโดยอตโนมต และมสทธในการแสดงความคดเหนบนบลอกของคณได (กรณทคณอนญาตเฉพาะสมาชก)
3 Gadget ชองคนหา
เปน Gadget ทตดตงเพอใหผอานสามารถคนหาสงทตองการในบลอกของคณไดงายขน
หนา 35
4 Gadget HTMLจาวาสครปต
Gadget ชนดนเปน Gadget ทยดหยนทสดในบรรดา Gadget ทงหมด สามารถประยกตใชไดหลากหลาย เหมาะส าหรบใชตดตงโคดตาง ๆ ลงบน Blogger เชน โคดปฏทน นาฬกา โคดจาวาสครปต โคดรปภาพ โคดวดโอ โคดของลงค เปนตน
5 Gadget ขอความ
เปน Gadget ทเหมาะส าหรบเขยนขอความ เชน ขอความตอนรบ เปนตน
6 Gadget Adsense
คณจะใช Gadget ชนดนไดเมอสมครเขารวมโปรแกรมหรอเปนตวแทนในการเผยแพรโฆษณาบน Google
7 Gadget รปภาพ
ถาคณตองการแสดงรปภาพบนบลอกอยางเดยวกใหเลอกใช Gadget นครบ
หนา 36
8 Gadget สไลดโชว
Gadget นเปนการดง Albums จาก Picasaweb มาแสดงในรปแบบสไลดโชวบนบลอกของ
9 Gadget แถบวดโอ
Gadget นจะท าใหผใชคนหาวดโอบน Youtube จากบลอกของคณได
10 Gadget แบบส ารวจ
Gadget นถอเปน Gadget หนงทนาสนใจมาก แตยงมผใชจ านวนนอย โดยคณอาจจะใชส ารวจความตองการ หรอความคดเหนของผอานตอบลอกของคณ หรอส ารวจเกยวกบเรองทเกยวของกบเนอหาบนบลอกของคณกได
11 Gadget รายการบลอก
Gadget ชนดนเปน Gadget ทสามารถรวบรวมขาวสารลาสดจากบลอกทคณเลอกหรอบลอกทคณตดตาม พรอมทงสามารถแสดงเนอหาแบบยอไดดวย
หนา 37
12 Gadget รายชอลงค
เปน Gadget ทใชสรางลงคไปยงทตาง ๆ โดยคณสามารถปอน URL บน Gadget ชนดนเพอสราง Link โดยไมตองมความรเรอง HTML มากอนเลย
13 Gadget รายการ
เปน Gadget ทคลายคลงกบ Gadget รายชอลงค แตมความยดหยนกวา สามารถสรางขอความรายการและใส link ใหขอความไดดวย
14 Gadget ฟด
คณสามารถใช Gadget นดงขาวสารจากในบลอกของคณ หรอบลอกอนทคณสนใจเอามาแสดงเพยงแคใสชอบลอกทตองการลงไปลงไปใน gadget
15 Gadget Newsreel
เปน gadget ทท าใหพาดหวขาวจาก Google มาปรากฏบนบลอกของคณเทานน
หนา 38
16 Gadget ปายก ากบ
Gadget นมความส าคญ คณควรจะตดตง เพอใหบทความทเขยนเปนหมวดหม ใหผอานเหนชดเจนเลอกอานไดตรงความตองการมากขน
17 Gadget ลงคการสมคร
Gadget นมความส าคญในเรองการสงขาวสารขอมลจากบลอกของคณไปยงผอาน ผอานจะสามารถสมครรบบทความทาง email หรอผานชองทางอน ๆ ไดจาก Gadget น
18 Gadget โลโก
Gadget นไมส าคญนกเปนเพยงตดตง logo ของ blogger ในหนาบลอกเทานน
19 Gadget โปรไฟล
Gadget นจะแสดงขอมลอยางของคณทไดกรอกเอาไวบนบญชของ Blogger ถาคณตองการแสดงขอมลของคณบน Blog กควรจะตดตง Gadget นครบ
หนา 39
20 Gadget คลงบทความของบลอก
Gadget นจะท าใหผอานเหนบทความทงหมดภายในบลอกของคณได
21 Gadget สวนหวของหนา
Gadget นเปนสวนทใส Title และ Description ของ Blog โดยปกตแลว Template ทวไปกจะตดตงสวนนอยแลว
คณสามารถทดลองใช Gadget เหลานไดโดยไมตองกลวความผดพลาดเพราะ Gadget บน
Blogger นนสามารถลบออกไดอยางงายดายโดยวธการจดการกบ Gadget
หนา 40
บทท 6 การจดการกบ Gadget ในหนาบลอก
ในบททผานมาเราได รจกและใชงาน Gadget ชนดตาง ๆ บน Blogger ผมไดกลาวถงวธการเพม Gadget ใหกบบลอก แตยงไมไดกลาวถงการลบ Gadget ออกจากองคประกอบของหนา และนอกจากน ต าแหนงของ Gadget ยงสามารถเคลอนยายต าแหนงไดอกดวย
การลบ Gadget วธท 1 ถาในขณะทเรา log in และเปดหนาบลอกของเราขนมา กจะสงเกตเหนวามเครองมอ
ปรากฏอยตามทตางๆ ในองคประกอบของหนา
และถาเราคลกเขาไปกจะสามารถแกไข หรอ ลบองคประกอบเหลานนออกไปไดเลยครบ
หนา 41
วธท 2 เราสามารถเขาไปลบ Gadget ไดท แผงควบคม gtgt การออกแบบ gtgt องคประกอบของหนา gtgt เลอกแกไข Gadget ทตองการลบ
จากนนเลอกลบไดเชนเดยวกบกรณแรก
การยายต าแหนง Gadget ส าหรบการยายต าแหนงของ Gadget ท าไดโดยการ เขาไปทแผงควบคม gtgt การออกแบบ gtgt
องคประกอบหนาจากนนใหลากเมาสบน Gadget ทตองการยายไปวางในต าแหนงทตองการไดเลยครบ
หนา 42
เมอเขาใจการท างานของ Gadget ชนดตาง ๆ แลวสงทอยากจะฝากเอาไวตอนทายนกคอการจดองคประกอบหนาของบลอกดงน
แนวทางในการจดองคประกอบหนาบลอก
แนวทางในการจดองคประกอบหนานนไมมกฎเกณฑตายตว บางคนชอบใหม 2 column บางคน ชอบใหม 3 column ซงกขนอยกบความชอบและความตองการใชงาน แตทอยากใหค านงไวเสมอคอ ผอน คอ พระเจา ท าอะไรใหเขาใจงายๆ หาอะไรกเจออยางรวดเรว เขาไวเปนพอครบ และอกประการทส าคญคอ การตดตง Gadget ตาง ๆ ควรตดตงเทาทจ าเปนและตองการใชงาน ปฏทน หรอนาฬกานนกไมควรตดตง ลงไปเลย เพราะไมคมคากบการเพมภาระการโหลดใหกบผเขาชม และถาบลอกของคณโหลดไดชา ก เปนไปไดยากทผอานจะกลบมาอก
องคประกอบในหนาของบลอกทผมคดวาคณควรจะมคอ สวนทบอกตวตนของบลอก
ซงอาจจะแสดงในสวนหวของหนา หรอเปนวดโอ สไลดขอความรปถาย อยในต าแหนงทเหนไดชด สวนทเชอมโยงไปยงบทความในบลอก
สวนนจ าเปนมากเพราะจะชวยใหผอานคนหาบทความไดเรวขน คณอาจจะรวมบทความทงหมดเลยหรอ อาจจะใชวธจดหมวดหมใหผอานเลอกสงทตองการจากบลอกของเราไดเรวขน
สวนพนทของสมาชก
สวนนจะแสดงใหเหนวามผสนใจบลอกของเรามากแคไหน และสามารถสมครตดตามบลอกของเราไดทนท เชนอาจจะใช Gadget ผตดตาม หรอใช Like box Plugins ของ Facebook หรออาจจะท า Poll กได
สวนทเปนชองทางใหผอานตดตอเราได
คณอาจจะท า link เชอมโยงใหผอานตดตอคณได หรออาจจะใช Gadget profile ของ Blogger เพอแนะน าตวกได
หนา 43
บทท 7 การแสดงขาวสารลาสดดวย Gadget ฟด
ความหมายของค าวา ฟดโดยสรปกคอเปนสงทแพรกระจายจากบลอกของเราบนโลก Internet เทยบไดกบคลนสญญาณวทยหรอโทรทศน ถามตวรบทกคนกสามารถมองเหนขาวสารทตองการเลอกรบได นอกจากนถามตวชวยสงใหฟดแพรไดแรงขน ขาวสารกยอมจะแพรกระจายไดเรวดวย
ดงนนถาคณสนใจขาวสารจากบลอกใดบลอกหนงคณกสามารถทจะเปดรบขาวสารจากบลอกนนๆ โดยใช Gadget ฟด ซงเปน Gadget ทสามารถเพมไดอยางไมจ ากด ดงนนถาคณตองการรบขาวจาก 10 บลอกกสามารถท าไดโดยการเพม gadget ฟดเขาไปในบลอก 10 ครง ในขณะเดยวกนถาคณใสชอบลอกของตวเองใน Gadget ฟด Gadget ชนดนจะกลายเปน Gadget ทใชแสดง บทความลาสดนนเองครบ
การแสดงขาวสารลาสดโดยการใช Gadget ฟด
1 ไปทองคประกอบของหนา gtgt เพมฟด Gadget
หนา 44
2 ใสโคดตอไปนลงไปใน Gadget ฟด httpชอบลอกblogspotcomfeedspostsdefault
โดยจะตองเปลยนชอบลอกเปนชอบลอกของของคณเองหรอชอบลอกทคณตองการรบขาวสารท update
ตงคาทตองการเพมเตมและบนทกกจะได feeds ขาวสารมาปรากฏทบลอกของคณ
3 ถาตองการเพมบลอกอนอกกท าซ าขอ 1 และ 2 แตตองเปลยนชอบลอกใหม 4 กรณทคณตองการเรยก feed จากเวบทตองการใหคนหา feed จากเวบ wwwgooglecom
แลวแทนโคดในขอ 2 เชน feed ขาวการศกษาจากเวบ httpwwwrssthaicom ใหใสโคด httpwwwrssthaicomnewsphpt=education แทนในขอ 2
หนา 45
บทท 8 แนะน า Gadget ใหมของ blogger ldquoหนาเวบrdquo
ตามเวบไซตตาง ๆ เราคงจะเคยเหนกนวาแตละเวบไซตจะม เมนส าหรบเลอกเปดไปดหนาอน ๆภายในเวบนนๆ เชน ตวอยางในรปดานลาง
Blogger ไดพฒนา Gadget ตวใหมขนมา มชอวา หนาเวบ เพอใหผใชไดสรางหนาของบลอกทตองการไดโดยไมตองมความรในการดดแปลงหรอแกไขแมแบบดวยตนเอง
การเรยกใช Gadget ชนดนสามารถเลอกใชไดเชนเดยวกบการ Add Gadget ชนดอน ๆ นนคอ ไปท องคประกอบของหนา gtgt แลวเลอก เพม Gadget
ตอไปเรามาดวา Gadget น ใชอยางไร และใชเพอจดประสงคใด หลกการของ Gadget นเหมอนการสรางบทความขนมา 1 บทความ และ สราง Link เชอมโยงไป ยงบทความนน ๆ แตมความพเศษตรงทผใชทวไปสรางเมนขนเองไดอยางงายดาย โดยไมตองมความรพนฐานเกยวกบ HTML เลย
หนา 46
ตวอยางวธการใชงาน(จรง) ในตวอยางนผมจะสราง 2 หนาใหเหนเปนตวอยาง ไดแก HOME และ CONTACT ME
ขนเตรยมการ เนองจากผมจะยกตวอยางการสรางหนา Contact me ดงนนใหทกคนไปสราง Form ส าหรบ
ตดตอเจาของบลอกซงกคอเราเอง ไดท httpwwwfoxyformcom
ซงขนตอนในการสราง ฟอรมนนงายมาก มเพยง 4 ขนเทานน (ดรป)
หนา 47
เมอไดโคด แลวคดลอกเกบเอาไวกอนครบ
ขนสรางหนาเวบจรง ขนท 1 สรางหนาแรก หรอ HOME
Log in เขาไปท draftblogger ไปทแผงควบคม gtgt องคประกอบของหนา gtgt แลวเลอก เพม Gadget เลอกอนแรกเลยครบ คอ gadget หนาเวบ
จากนนกสราง หนาแรกขนมาโดยตงชอตามทตองการไดเลย แลวท าการบนทกครบ
หนา 48
ขนท 2 เมอผานขนท 1 มาแลวกเทากบวาเราไดสราง หนาบลอกขนมาแลว 1 หนา
ถาจะท าการเพมหนาอก ใหไปทแผงควบคม gtgt การสงบทความ gtgt แกไขหนาเวบ gtgt หนาเวบใหม
เมอคลกสรางหนาเวบใหม เรากจะพบเครองมอตาง ๆ เหมอนการเขยนบทความนนเองครบ
หนา 49
ใหน าโคดของ Form ทเตรยมไว จากขนเตรยมการมาวางในหนาหนาน จดรปแบบตามตองการแลวบนทกหนาไดเลยครบ
เพยงขนตอนสน ๆ นเรากจะมเมนเชอมโยงไปยง หนาของบลอกถง 2 หนาดวยกน ไดแก HOME และ CONTACT ME
หนา 50
ขนท 3 - ถาหากตองการเพมหนาบลอกเพมขนอกกท าซ าขนตอนทไดกลาวมาขางตนครบ - แตถาตองการลบหนาบลอกทง กมาทเดม แลวจะเหนค าวาลบ ถาตองการลบทงกกดค าวาลบ
ไดเลย
ขนท 4 วธจดการกบเมนหนาเวบ - ถาตองการเรยงล าดบหนาเวบใหม กไปท องคประกอบของหนา แลว คลก Gadget หนาเวบขนมาแกไข gtgt ดรป
หนา 51
นอกจากน Gadget หนาเวบจะมลกษณะพเศษ คอ ถาอยท Sidebar เมนจะจดเรยงเปนแนวตง
หนา 52
แตถาลากไปในต าแหนงใตสวนหว จะจดเรยงเรยงเปนแนวนอนโดยอตโนมต
หนา 53
บทท 9 นบจ านวนคนเยยมชมดวย Flagcounter
อกบรการนบสถตคนเยยมชมทชวยใหเราทราบวาบลอกของเรามผเยยมชมทงในและตางประเทศมากหรอนอย จาก Flagcounter
วธตดตง
1 ไปท httpwwwflagcountercomindexhtml 2 ตงคาตางๆ ตามความตองการแลวกด GET YOUR FLAG COUNTER ดงรป
3 คดลอก HTML โคด ท FLAG COUNTER ไดสรางใหในขนท 2
หนา 54
4 กลบมาทบลอกของเรา ไปทแผงควบคม gtgt รปแบบ gtgt องคประกอบหนา gtgt เพม Gadget ชนด HTMLจาวาสครปต
5 วางโคดทคดลอกมาจากขนท 3 แลวบนทกครบกเปนอนจบขนตอนครบ ลกษณะทไดกดงรป
หนา 55
บทท 10 รปภาพในบทความบน Blogger
คณเคยสงสยไหมครบวา รปภาพทคณ upload ขนไปขณะทเขยนบทความ หรออาจจะเขยนบทความไปแลว รปเหลานนไปอยทไหน เพราะวา Blogger เองไมม sever ยงตองอาศยฐานขอมลของตวแมคอ blogspotcom อย แลวจะเอาพนท ๆ ไหนมาเกบรปตงมากมาย
ค าตอบคอ Blogger จะใชวธเชอมโยงกบ Application อน ๆ ของ Google เพอแกปญหาการเกบขอมล เชนรปภาพใน Blogger ทเราพดถงกนอยตอนนกจะถกเกบ
อยท Picasa Web Albums ดงนนไมวาจะเปนภาพทคณ Upload ขณะเขยนบทความ กจะถกเกบอยใน Picasa Web Albums ทงหมด
คณใชบรการ Picasa Web Albums ไดอยางไร
การใชบรการ Picasa Web Albums สามารถเขาใชไดทนทหากคณมบญชผใชกบ google อยแลว เชนมบญชผใช Gmail หรอ Blogger อยแลวกสามารถ Log in เขาใชไดเลย
Picasa Web Albums ใหพนทเทาไร
Picasa จะใหพนท เพยง 1 GB ตอ 1 บญชผใช นเปนเหตผลทบางคนอาจจะสงสยวาท าไมคณภาพรปหรอขนาดของรปบน Blogger จงลดลง กลาวคอระบบของ Picasa จะท าการลดขนาดของรปทเรา Upload ผาน Blogger ใหมขนาดเลกลงเพอเปนการประหยดพนทนนเอง
หนา 56
คณจะเขาไปจดการรปภาพจาก Blogger ใน Picasa Web ไดอยางไร การจดการภาพใน Picasa Web Albums ท าได 2 วธคอ
1 ใช Software ทพฒนาขนมาจดการ Picasa Web Albums โดยเฉพาะ
คณสามารถเขาไปดาวนโหลด Picasa ไดท httppicasagooglecom 2 เขาไปจดการทเวบไซต Picasa Web Albums โดยตรง โดยไปท httppicasawebgooglecom และ Log in โดยใชชอบญชเดยวกบ Blogger
คณสามารถเขาไป Unload ภาพไดโดยตรงกบ Picasa แลวเรยกมาใชบน blogger ไดโดยใชตวเลอก อปโหลด
หนา 57
แตถาตองการรปภาพบน Blogger ทไดอปโหลดขนไปแลวกคลกทอลบมทตองการแลวเขาไปจดการภาพไดเชนกน ลบรปภาพบน Blogger แลวรปบน Picasa จะถกลบดวยหรอไม
การลบรปภาพบน Blogger ไมสงผลใด ๆ ตอ Picasa Web Albums เลยเวนแตคณจะเขามาลบใน Picasa Web Albums โดยตรง ดงนนถาในขณะเขยนบทความคณเผลอท าพลาดรปภาพหายไป กสามารถเขามาเอารปภาพจาก Picasa Web Albums ใชงานไดอกโดยไมตอง upload ซ า หรอไมตองไปหาภาพมาใหม บทสรป
บทนแนะน าใหพอรจกการเชอมโยงระหวาง Blogger และ Picasa Web Albums ซงเปนบรการในเครอขาย Google เหมอนกน และจะท าใหคณเขาใจการจดการเกยวกบภาพบน Blogger ไดดขน
หนา 58
บทท 11 การสรางวดโอใน YouTube และน ามาใสในบลอก
ถามวดโอในหนาบลอกของเราดวย การสอสารเรองราวตางๆ กจะมชวตชวาและเขาใจงายขน ซงในทนเราสามารถสรางไดไมยากดวยบรการของ wwwyoutubecom ครบ
ขนตอนการฝากวดโอไวกบ youtube
1 ไปท wwwyoutubecom แลวเลอก Create Account ทมมขวาบนซงในกรณทเรา Login อยในเวบบลอกของเรานน กสามารถใชบรการของ youtube ดวย Account เดมโดยไมตองสมครใหมครบ วธการท าไดโดย
11 คลกท 12 กรอกขอมลส าหรบการสรางบญช โดยใช username ของ gmail ของเราเอง 13 จากนน คลก
หนา 59
14 จะพบหนาตางใหกรอก Username และ รหสผาน ของ gmail ใหกรอก e-mail ของเรา
จะพบหนาจอ ดงน จากนนเรากสามารถท าการเพม Video ไดตามทเราตองการ
หนา 60
2 การฝาก youtube มเงอนไขส าคญๆ ดงน - ความยาวของวดโอไมเกน 10 นาท - ควรเปนวดโอทไมกระทบตอสถาบน ชาต ศาสนา พระมหากษตรย และ ศลธรรมอนดงามของสงคม
3 การ upload วดโอขนไปทเมน upload (ทมมขวาบน) แลวท าการเลอกไฟลวดโอจากเครองของเรา และรอจนการ upload เสรจสน
31 คลกทปม Uploads
32 คลกทปม Upload Video
33 เลอกไฟล Video ทตองการ
34
34 เมอ Upload ได 100 แลวใหคลก Save change
หนา 61
4 เมอ upload เสรจสนแลวคลกทขอความ Embed and Sharing Options เรากเหน HTML code ใหคดลอก code เหลานนมาแปะในสวนทเราตองการ
เชนในทนผมคดลอก code มาแปะในบทความกจะไดผลลพธเปนวดโอตามดานลางทเหนครบ
หนา 62
เรอง หนา บทน าhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 1 บทท 1 การสรางเวบบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 4 บทท 2 วธเปลยน Template ของ Bloggerhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 12 บทท 3 วธเขยนและจดการบทความในบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 22 บทท 4 การตงคาพนฐานตางๆ ใหกบบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 26 บทท 5 รจกและใชงาน Gadget ชนดตางๆ บน Bloggerhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 32 บทท 6 การจดการกบ Gadget ในหนาบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 40 บทท 7 การแสดงขาวสารลาสดดวย Gadget ฟดhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 43 บทท 9 นบจ านวนคนเยยมชมดวย Flagcounterhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 53 บทท 10 รปภาพในบทความบน Bloggerhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 55 บทท 11 การสรางวดโอใน YouTube และน ามาใสในบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 58
หนา 63
255
เอกสารประกอบการฝกอบรมเชงปฏบตการ
การพฒนาสอการเรยนการสอน โดยใชโปรแกรมคอมพวเตอรรวมกบ Weblog
หนา 29
4 เมนขอคดเหน เปนเมนส าหรบตงคาตาง ๆ เกยวกบการแสดงความคดเหนของบลอก
คณควรจะตงคาตาง ๆ ดงน
องคประกอบ ตงคาเปน
ขอคดเหน แสดง
ใครสามารถแสดงความคดเหน ผใชทมบญช Google
การจดวางฟอรมความคดเหน วางไวใตบทความ
ความคดเหนเรมตนส าหรบบทความ บทความใหมมความคดเหน
ลงกยอนกลบ ซอน
คาเรมตนของลงกยอนกลบส าหรบบทความ บทความใหมมลงกยอนกลบ รปแบบเวลาในสวนความคดเหน ตงคาตามใจ
ขอความของฟอรมความคดเหน ไมตองใสคาใด ๆ กได
การจดการความคดเหน ไม
แสดงการตรวจสอบค าส าหรบความคดเหนหรอไม ไม
แสดงรปภาพโปรไฟลบนความคดเหนหรอไม ใช
อเมลส าหรบแจงเตอนเมอมความคดเหนใหม กรอก email ของคณลงไป
5 เกบเขาคลงบทความ ตงใหเปนรายเดอนจะดทสด
หนา 30
6 ฟดของไซต ถาบทความในบลอกไมมากนก ตงคาเปน แบบเตม แตถาบทความมประมาณ 100 ขนไปควร
จะตงเปน แบบสน
7 อเมลและมอถอ
ในสวนนเปนการตงคา อเมลเพอใหระบบสงบลอกของคณทกครงทมการเผยแพร และเปนการตงคา การใชอปกรณเคลอนทในการเขยนบลอก ตรงนผมยงไมเคยลองเหมอนกน
8 OpenID
คณสามารถใช OpenID URL เพอเขาสไซตอนๆ ทใชงาน OpenID นอกจากนคณยงสามารถก าหนดใหผใช OpenID สามารถแสดงความคดเหนในบลอกของคณ โดยปรบการตงคา ความคดเหน ของคณ
9 สทธ
ในสวนนคณสามารถใชในการเปลยนผเขยนบลอก และเพมผดแลระบบไดถง 100 ราย
หนา 31
นอกจากนคณยงจ ากดคนเขาชมบลอกไดดวย โดยการระบ Email ของผทตองการลงไป
หนา 32
บทท 5 รจกและใชงาน Gadget ชนดตางๆ บน Blogger
เมอเรยนรเกยวกบ การตงคาตาง ๆ ของบลอก การเปลยน Templates ใหกบบลอกไปแลว สวนทเหลอคอ การจดรปแบบองคประกอบหนาใหกบบลอก รวมถงการใชงาน Gadget หลกชนดตางๆ ของ Blogger
Gadget คออะไร
Gadget ใน Blogger นนหมายถงสวนเสรมทเราสามารถตดตงเพมลงไปในแมแบบของ Blogger ซงบางครงกถกเรยกวา widget ซงกหมายถงสงเดยวกนกบ Gadget
วธเพม Gadget กอนอนให Login เขาไปท blogger หรอ draftblogger gtgt จากแผงควบคมใหเลอก การออกแบบ
หนา 33
จากนนใน Layout ของแมแบบคณจะเหนพนท ดงรปดานลางเพอใหเพม Gadget
และเมอคลก เพม Gadget กจะปรากฏ Gadget พนฐาน 21 อยางทจะกลาวถงในหวขอน
นอกจากนยงม Gadget อกมากมายซงคณสามารถเลอกไดจากเมนแกดเจดเพมเตมทางซายมอ
เมอเลอก Gadget ทตองการแลว คลกทปม + เพอท าการเพม Gadget นน ใสชอ Gadget และตงคาทตองการแลวบนทก
รปทเหนขางบนเปน Gadget ผตดตาม ส าหรบ Gadget อน ๆ กท าไดในท านองเดยวกน
หนา 34
รจกกบ Gadget พนฐาน 21 อยางของ Blogger
1 Gadget หนาเวบ
หลกการของ Gadget ชนดนคอคณจะตองสรางหนาเวบขนมากอน แลวใช Gadget นเปนเมนในการเชอมโยงไปยงหนาเวบ
2 Gadget ผตดตาม
Gadget ชนดนใชเพอใหผอานทชนชอบบลอกของคณไดตดตาม และเมอตดตามแลวความเคลอนไหว และการ update บทความของจะไปปรากฏแผงควบคมของผตดตามโดยอตโนมต และมสทธในการแสดงความคดเหนบนบลอกของคณได (กรณทคณอนญาตเฉพาะสมาชก)
3 Gadget ชองคนหา
เปน Gadget ทตดตงเพอใหผอานสามารถคนหาสงทตองการในบลอกของคณไดงายขน
หนา 35
4 Gadget HTMLจาวาสครปต
Gadget ชนดนเปน Gadget ทยดหยนทสดในบรรดา Gadget ทงหมด สามารถประยกตใชไดหลากหลาย เหมาะส าหรบใชตดตงโคดตาง ๆ ลงบน Blogger เชน โคดปฏทน นาฬกา โคดจาวาสครปต โคดรปภาพ โคดวดโอ โคดของลงค เปนตน
5 Gadget ขอความ
เปน Gadget ทเหมาะส าหรบเขยนขอความ เชน ขอความตอนรบ เปนตน
6 Gadget Adsense
คณจะใช Gadget ชนดนไดเมอสมครเขารวมโปรแกรมหรอเปนตวแทนในการเผยแพรโฆษณาบน Google
7 Gadget รปภาพ
ถาคณตองการแสดงรปภาพบนบลอกอยางเดยวกใหเลอกใช Gadget นครบ
หนา 36
8 Gadget สไลดโชว
Gadget นเปนการดง Albums จาก Picasaweb มาแสดงในรปแบบสไลดโชวบนบลอกของ
9 Gadget แถบวดโอ
Gadget นจะท าใหผใชคนหาวดโอบน Youtube จากบลอกของคณได
10 Gadget แบบส ารวจ
Gadget นถอเปน Gadget หนงทนาสนใจมาก แตยงมผใชจ านวนนอย โดยคณอาจจะใชส ารวจความตองการ หรอความคดเหนของผอานตอบลอกของคณ หรอส ารวจเกยวกบเรองทเกยวของกบเนอหาบนบลอกของคณกได
11 Gadget รายการบลอก
Gadget ชนดนเปน Gadget ทสามารถรวบรวมขาวสารลาสดจากบลอกทคณเลอกหรอบลอกทคณตดตาม พรอมทงสามารถแสดงเนอหาแบบยอไดดวย
หนา 37
12 Gadget รายชอลงค
เปน Gadget ทใชสรางลงคไปยงทตาง ๆ โดยคณสามารถปอน URL บน Gadget ชนดนเพอสราง Link โดยไมตองมความรเรอง HTML มากอนเลย
13 Gadget รายการ
เปน Gadget ทคลายคลงกบ Gadget รายชอลงค แตมความยดหยนกวา สามารถสรางขอความรายการและใส link ใหขอความไดดวย
14 Gadget ฟด
คณสามารถใช Gadget นดงขาวสารจากในบลอกของคณ หรอบลอกอนทคณสนใจเอามาแสดงเพยงแคใสชอบลอกทตองการลงไปลงไปใน gadget
15 Gadget Newsreel
เปน gadget ทท าใหพาดหวขาวจาก Google มาปรากฏบนบลอกของคณเทานน
หนา 38
16 Gadget ปายก ากบ
Gadget นมความส าคญ คณควรจะตดตง เพอใหบทความทเขยนเปนหมวดหม ใหผอานเหนชดเจนเลอกอานไดตรงความตองการมากขน
17 Gadget ลงคการสมคร
Gadget นมความส าคญในเรองการสงขาวสารขอมลจากบลอกของคณไปยงผอาน ผอานจะสามารถสมครรบบทความทาง email หรอผานชองทางอน ๆ ไดจาก Gadget น
18 Gadget โลโก
Gadget นไมส าคญนกเปนเพยงตดตง logo ของ blogger ในหนาบลอกเทานน
19 Gadget โปรไฟล
Gadget นจะแสดงขอมลอยางของคณทไดกรอกเอาไวบนบญชของ Blogger ถาคณตองการแสดงขอมลของคณบน Blog กควรจะตดตง Gadget นครบ
หนา 39
20 Gadget คลงบทความของบลอก
Gadget นจะท าใหผอานเหนบทความทงหมดภายในบลอกของคณได
21 Gadget สวนหวของหนา
Gadget นเปนสวนทใส Title และ Description ของ Blog โดยปกตแลว Template ทวไปกจะตดตงสวนนอยแลว
คณสามารถทดลองใช Gadget เหลานไดโดยไมตองกลวความผดพลาดเพราะ Gadget บน
Blogger นนสามารถลบออกไดอยางงายดายโดยวธการจดการกบ Gadget
หนา 40
บทท 6 การจดการกบ Gadget ในหนาบลอก
ในบททผานมาเราได รจกและใชงาน Gadget ชนดตาง ๆ บน Blogger ผมไดกลาวถงวธการเพม Gadget ใหกบบลอก แตยงไมไดกลาวถงการลบ Gadget ออกจากองคประกอบของหนา และนอกจากน ต าแหนงของ Gadget ยงสามารถเคลอนยายต าแหนงไดอกดวย
การลบ Gadget วธท 1 ถาในขณะทเรา log in และเปดหนาบลอกของเราขนมา กจะสงเกตเหนวามเครองมอ
ปรากฏอยตามทตางๆ ในองคประกอบของหนา
และถาเราคลกเขาไปกจะสามารถแกไข หรอ ลบองคประกอบเหลานนออกไปไดเลยครบ
หนา 41
วธท 2 เราสามารถเขาไปลบ Gadget ไดท แผงควบคม gtgt การออกแบบ gtgt องคประกอบของหนา gtgt เลอกแกไข Gadget ทตองการลบ
จากนนเลอกลบไดเชนเดยวกบกรณแรก
การยายต าแหนง Gadget ส าหรบการยายต าแหนงของ Gadget ท าไดโดยการ เขาไปทแผงควบคม gtgt การออกแบบ gtgt
องคประกอบหนาจากนนใหลากเมาสบน Gadget ทตองการยายไปวางในต าแหนงทตองการไดเลยครบ
หนา 42
เมอเขาใจการท างานของ Gadget ชนดตาง ๆ แลวสงทอยากจะฝากเอาไวตอนทายนกคอการจดองคประกอบหนาของบลอกดงน
แนวทางในการจดองคประกอบหนาบลอก
แนวทางในการจดองคประกอบหนานนไมมกฎเกณฑตายตว บางคนชอบใหม 2 column บางคน ชอบใหม 3 column ซงกขนอยกบความชอบและความตองการใชงาน แตทอยากใหค านงไวเสมอคอ ผอน คอ พระเจา ท าอะไรใหเขาใจงายๆ หาอะไรกเจออยางรวดเรว เขาไวเปนพอครบ และอกประการทส าคญคอ การตดตง Gadget ตาง ๆ ควรตดตงเทาทจ าเปนและตองการใชงาน ปฏทน หรอนาฬกานนกไมควรตดตง ลงไปเลย เพราะไมคมคากบการเพมภาระการโหลดใหกบผเขาชม และถาบลอกของคณโหลดไดชา ก เปนไปไดยากทผอานจะกลบมาอก
องคประกอบในหนาของบลอกทผมคดวาคณควรจะมคอ สวนทบอกตวตนของบลอก
ซงอาจจะแสดงในสวนหวของหนา หรอเปนวดโอ สไลดขอความรปถาย อยในต าแหนงทเหนไดชด สวนทเชอมโยงไปยงบทความในบลอก
สวนนจ าเปนมากเพราะจะชวยใหผอานคนหาบทความไดเรวขน คณอาจจะรวมบทความทงหมดเลยหรอ อาจจะใชวธจดหมวดหมใหผอานเลอกสงทตองการจากบลอกของเราไดเรวขน
สวนพนทของสมาชก
สวนนจะแสดงใหเหนวามผสนใจบลอกของเรามากแคไหน และสามารถสมครตดตามบลอกของเราไดทนท เชนอาจจะใช Gadget ผตดตาม หรอใช Like box Plugins ของ Facebook หรออาจจะท า Poll กได
สวนทเปนชองทางใหผอานตดตอเราได
คณอาจจะท า link เชอมโยงใหผอานตดตอคณได หรออาจจะใช Gadget profile ของ Blogger เพอแนะน าตวกได
หนา 43
บทท 7 การแสดงขาวสารลาสดดวย Gadget ฟด
ความหมายของค าวา ฟดโดยสรปกคอเปนสงทแพรกระจายจากบลอกของเราบนโลก Internet เทยบไดกบคลนสญญาณวทยหรอโทรทศน ถามตวรบทกคนกสามารถมองเหนขาวสารทตองการเลอกรบได นอกจากนถามตวชวยสงใหฟดแพรไดแรงขน ขาวสารกยอมจะแพรกระจายไดเรวดวย
ดงนนถาคณสนใจขาวสารจากบลอกใดบลอกหนงคณกสามารถทจะเปดรบขาวสารจากบลอกนนๆ โดยใช Gadget ฟด ซงเปน Gadget ทสามารถเพมไดอยางไมจ ากด ดงนนถาคณตองการรบขาวจาก 10 บลอกกสามารถท าไดโดยการเพม gadget ฟดเขาไปในบลอก 10 ครง ในขณะเดยวกนถาคณใสชอบลอกของตวเองใน Gadget ฟด Gadget ชนดนจะกลายเปน Gadget ทใชแสดง บทความลาสดนนเองครบ
การแสดงขาวสารลาสดโดยการใช Gadget ฟด
1 ไปทองคประกอบของหนา gtgt เพมฟด Gadget
หนา 44
2 ใสโคดตอไปนลงไปใน Gadget ฟด httpชอบลอกblogspotcomfeedspostsdefault
โดยจะตองเปลยนชอบลอกเปนชอบลอกของของคณเองหรอชอบลอกทคณตองการรบขาวสารท update
ตงคาทตองการเพมเตมและบนทกกจะได feeds ขาวสารมาปรากฏทบลอกของคณ
3 ถาตองการเพมบลอกอนอกกท าซ าขอ 1 และ 2 แตตองเปลยนชอบลอกใหม 4 กรณทคณตองการเรยก feed จากเวบทตองการใหคนหา feed จากเวบ wwwgooglecom
แลวแทนโคดในขอ 2 เชน feed ขาวการศกษาจากเวบ httpwwwrssthaicom ใหใสโคด httpwwwrssthaicomnewsphpt=education แทนในขอ 2
หนา 45
บทท 8 แนะน า Gadget ใหมของ blogger ldquoหนาเวบrdquo
ตามเวบไซตตาง ๆ เราคงจะเคยเหนกนวาแตละเวบไซตจะม เมนส าหรบเลอกเปดไปดหนาอน ๆภายในเวบนนๆ เชน ตวอยางในรปดานลาง
Blogger ไดพฒนา Gadget ตวใหมขนมา มชอวา หนาเวบ เพอใหผใชไดสรางหนาของบลอกทตองการไดโดยไมตองมความรในการดดแปลงหรอแกไขแมแบบดวยตนเอง
การเรยกใช Gadget ชนดนสามารถเลอกใชไดเชนเดยวกบการ Add Gadget ชนดอน ๆ นนคอ ไปท องคประกอบของหนา gtgt แลวเลอก เพม Gadget
ตอไปเรามาดวา Gadget น ใชอยางไร และใชเพอจดประสงคใด หลกการของ Gadget นเหมอนการสรางบทความขนมา 1 บทความ และ สราง Link เชอมโยงไป ยงบทความนน ๆ แตมความพเศษตรงทผใชทวไปสรางเมนขนเองไดอยางงายดาย โดยไมตองมความรพนฐานเกยวกบ HTML เลย
หนา 46
ตวอยางวธการใชงาน(จรง) ในตวอยางนผมจะสราง 2 หนาใหเหนเปนตวอยาง ไดแก HOME และ CONTACT ME
ขนเตรยมการ เนองจากผมจะยกตวอยางการสรางหนา Contact me ดงนนใหทกคนไปสราง Form ส าหรบ
ตดตอเจาของบลอกซงกคอเราเอง ไดท httpwwwfoxyformcom
ซงขนตอนในการสราง ฟอรมนนงายมาก มเพยง 4 ขนเทานน (ดรป)
หนา 47
เมอไดโคด แลวคดลอกเกบเอาไวกอนครบ
ขนสรางหนาเวบจรง ขนท 1 สรางหนาแรก หรอ HOME
Log in เขาไปท draftblogger ไปทแผงควบคม gtgt องคประกอบของหนา gtgt แลวเลอก เพม Gadget เลอกอนแรกเลยครบ คอ gadget หนาเวบ
จากนนกสราง หนาแรกขนมาโดยตงชอตามทตองการไดเลย แลวท าการบนทกครบ
หนา 48
ขนท 2 เมอผานขนท 1 มาแลวกเทากบวาเราไดสราง หนาบลอกขนมาแลว 1 หนา
ถาจะท าการเพมหนาอก ใหไปทแผงควบคม gtgt การสงบทความ gtgt แกไขหนาเวบ gtgt หนาเวบใหม
เมอคลกสรางหนาเวบใหม เรากจะพบเครองมอตาง ๆ เหมอนการเขยนบทความนนเองครบ
หนา 49
ใหน าโคดของ Form ทเตรยมไว จากขนเตรยมการมาวางในหนาหนาน จดรปแบบตามตองการแลวบนทกหนาไดเลยครบ
เพยงขนตอนสน ๆ นเรากจะมเมนเชอมโยงไปยง หนาของบลอกถง 2 หนาดวยกน ไดแก HOME และ CONTACT ME
หนา 50
ขนท 3 - ถาหากตองการเพมหนาบลอกเพมขนอกกท าซ าขนตอนทไดกลาวมาขางตนครบ - แตถาตองการลบหนาบลอกทง กมาทเดม แลวจะเหนค าวาลบ ถาตองการลบทงกกดค าวาลบ
ไดเลย
ขนท 4 วธจดการกบเมนหนาเวบ - ถาตองการเรยงล าดบหนาเวบใหม กไปท องคประกอบของหนา แลว คลก Gadget หนาเวบขนมาแกไข gtgt ดรป
หนา 51
นอกจากน Gadget หนาเวบจะมลกษณะพเศษ คอ ถาอยท Sidebar เมนจะจดเรยงเปนแนวตง
หนา 52
แตถาลากไปในต าแหนงใตสวนหว จะจดเรยงเรยงเปนแนวนอนโดยอตโนมต
หนา 53
บทท 9 นบจ านวนคนเยยมชมดวย Flagcounter
อกบรการนบสถตคนเยยมชมทชวยใหเราทราบวาบลอกของเรามผเยยมชมทงในและตางประเทศมากหรอนอย จาก Flagcounter
วธตดตง
1 ไปท httpwwwflagcountercomindexhtml 2 ตงคาตางๆ ตามความตองการแลวกด GET YOUR FLAG COUNTER ดงรป
3 คดลอก HTML โคด ท FLAG COUNTER ไดสรางใหในขนท 2
หนา 54
4 กลบมาทบลอกของเรา ไปทแผงควบคม gtgt รปแบบ gtgt องคประกอบหนา gtgt เพม Gadget ชนด HTMLจาวาสครปต
5 วางโคดทคดลอกมาจากขนท 3 แลวบนทกครบกเปนอนจบขนตอนครบ ลกษณะทไดกดงรป
หนา 55
บทท 10 รปภาพในบทความบน Blogger
คณเคยสงสยไหมครบวา รปภาพทคณ upload ขนไปขณะทเขยนบทความ หรออาจจะเขยนบทความไปแลว รปเหลานนไปอยทไหน เพราะวา Blogger เองไมม sever ยงตองอาศยฐานขอมลของตวแมคอ blogspotcom อย แลวจะเอาพนท ๆ ไหนมาเกบรปตงมากมาย
ค าตอบคอ Blogger จะใชวธเชอมโยงกบ Application อน ๆ ของ Google เพอแกปญหาการเกบขอมล เชนรปภาพใน Blogger ทเราพดถงกนอยตอนนกจะถกเกบ
อยท Picasa Web Albums ดงนนไมวาจะเปนภาพทคณ Upload ขณะเขยนบทความ กจะถกเกบอยใน Picasa Web Albums ทงหมด
คณใชบรการ Picasa Web Albums ไดอยางไร
การใชบรการ Picasa Web Albums สามารถเขาใชไดทนทหากคณมบญชผใชกบ google อยแลว เชนมบญชผใช Gmail หรอ Blogger อยแลวกสามารถ Log in เขาใชไดเลย
Picasa Web Albums ใหพนทเทาไร
Picasa จะใหพนท เพยง 1 GB ตอ 1 บญชผใช นเปนเหตผลทบางคนอาจจะสงสยวาท าไมคณภาพรปหรอขนาดของรปบน Blogger จงลดลง กลาวคอระบบของ Picasa จะท าการลดขนาดของรปทเรา Upload ผาน Blogger ใหมขนาดเลกลงเพอเปนการประหยดพนทนนเอง
หนา 56
คณจะเขาไปจดการรปภาพจาก Blogger ใน Picasa Web ไดอยางไร การจดการภาพใน Picasa Web Albums ท าได 2 วธคอ
1 ใช Software ทพฒนาขนมาจดการ Picasa Web Albums โดยเฉพาะ
คณสามารถเขาไปดาวนโหลด Picasa ไดท httppicasagooglecom 2 เขาไปจดการทเวบไซต Picasa Web Albums โดยตรง โดยไปท httppicasawebgooglecom และ Log in โดยใชชอบญชเดยวกบ Blogger
คณสามารถเขาไป Unload ภาพไดโดยตรงกบ Picasa แลวเรยกมาใชบน blogger ไดโดยใชตวเลอก อปโหลด
หนา 57
แตถาตองการรปภาพบน Blogger ทไดอปโหลดขนไปแลวกคลกทอลบมทตองการแลวเขาไปจดการภาพไดเชนกน ลบรปภาพบน Blogger แลวรปบน Picasa จะถกลบดวยหรอไม
การลบรปภาพบน Blogger ไมสงผลใด ๆ ตอ Picasa Web Albums เลยเวนแตคณจะเขามาลบใน Picasa Web Albums โดยตรง ดงนนถาในขณะเขยนบทความคณเผลอท าพลาดรปภาพหายไป กสามารถเขามาเอารปภาพจาก Picasa Web Albums ใชงานไดอกโดยไมตอง upload ซ า หรอไมตองไปหาภาพมาใหม บทสรป
บทนแนะน าใหพอรจกการเชอมโยงระหวาง Blogger และ Picasa Web Albums ซงเปนบรการในเครอขาย Google เหมอนกน และจะท าใหคณเขาใจการจดการเกยวกบภาพบน Blogger ไดดขน
หนา 58
บทท 11 การสรางวดโอใน YouTube และน ามาใสในบลอก
ถามวดโอในหนาบลอกของเราดวย การสอสารเรองราวตางๆ กจะมชวตชวาและเขาใจงายขน ซงในทนเราสามารถสรางไดไมยากดวยบรการของ wwwyoutubecom ครบ
ขนตอนการฝากวดโอไวกบ youtube
1 ไปท wwwyoutubecom แลวเลอก Create Account ทมมขวาบนซงในกรณทเรา Login อยในเวบบลอกของเรานน กสามารถใชบรการของ youtube ดวย Account เดมโดยไมตองสมครใหมครบ วธการท าไดโดย
11 คลกท 12 กรอกขอมลส าหรบการสรางบญช โดยใช username ของ gmail ของเราเอง 13 จากนน คลก
หนา 59
14 จะพบหนาตางใหกรอก Username และ รหสผาน ของ gmail ใหกรอก e-mail ของเรา
จะพบหนาจอ ดงน จากนนเรากสามารถท าการเพม Video ไดตามทเราตองการ
หนา 60
2 การฝาก youtube มเงอนไขส าคญๆ ดงน - ความยาวของวดโอไมเกน 10 นาท - ควรเปนวดโอทไมกระทบตอสถาบน ชาต ศาสนา พระมหากษตรย และ ศลธรรมอนดงามของสงคม
3 การ upload วดโอขนไปทเมน upload (ทมมขวาบน) แลวท าการเลอกไฟลวดโอจากเครองของเรา และรอจนการ upload เสรจสน
31 คลกทปม Uploads
32 คลกทปม Upload Video
33 เลอกไฟล Video ทตองการ
34
34 เมอ Upload ได 100 แลวใหคลก Save change
หนา 61
4 เมอ upload เสรจสนแลวคลกทขอความ Embed and Sharing Options เรากเหน HTML code ใหคดลอก code เหลานนมาแปะในสวนทเราตองการ
เชนในทนผมคดลอก code มาแปะในบทความกจะไดผลลพธเปนวดโอตามดานลางทเหนครบ
หนา 62
เรอง หนา บทน าhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 1 บทท 1 การสรางเวบบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 4 บทท 2 วธเปลยน Template ของ Bloggerhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 12 บทท 3 วธเขยนและจดการบทความในบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 22 บทท 4 การตงคาพนฐานตางๆ ใหกบบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 26 บทท 5 รจกและใชงาน Gadget ชนดตางๆ บน Bloggerhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 32 บทท 6 การจดการกบ Gadget ในหนาบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 40 บทท 7 การแสดงขาวสารลาสดดวย Gadget ฟดhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 43 บทท 9 นบจ านวนคนเยยมชมดวย Flagcounterhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 53 บทท 10 รปภาพในบทความบน Bloggerhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 55 บทท 11 การสรางวดโอใน YouTube และน ามาใสในบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 58
หนา 63
255
เอกสารประกอบการฝกอบรมเชงปฏบตการ
การพฒนาสอการเรยนการสอน โดยใชโปรแกรมคอมพวเตอรรวมกบ Weblog
หนา 30
6 ฟดของไซต ถาบทความในบลอกไมมากนก ตงคาเปน แบบเตม แตถาบทความมประมาณ 100 ขนไปควร
จะตงเปน แบบสน
7 อเมลและมอถอ
ในสวนนเปนการตงคา อเมลเพอใหระบบสงบลอกของคณทกครงทมการเผยแพร และเปนการตงคา การใชอปกรณเคลอนทในการเขยนบลอก ตรงนผมยงไมเคยลองเหมอนกน
8 OpenID
คณสามารถใช OpenID URL เพอเขาสไซตอนๆ ทใชงาน OpenID นอกจากนคณยงสามารถก าหนดใหผใช OpenID สามารถแสดงความคดเหนในบลอกของคณ โดยปรบการตงคา ความคดเหน ของคณ
9 สทธ
ในสวนนคณสามารถใชในการเปลยนผเขยนบลอก และเพมผดแลระบบไดถง 100 ราย
หนา 31
นอกจากนคณยงจ ากดคนเขาชมบลอกไดดวย โดยการระบ Email ของผทตองการลงไป
หนา 32
บทท 5 รจกและใชงาน Gadget ชนดตางๆ บน Blogger
เมอเรยนรเกยวกบ การตงคาตาง ๆ ของบลอก การเปลยน Templates ใหกบบลอกไปแลว สวนทเหลอคอ การจดรปแบบองคประกอบหนาใหกบบลอก รวมถงการใชงาน Gadget หลกชนดตางๆ ของ Blogger
Gadget คออะไร
Gadget ใน Blogger นนหมายถงสวนเสรมทเราสามารถตดตงเพมลงไปในแมแบบของ Blogger ซงบางครงกถกเรยกวา widget ซงกหมายถงสงเดยวกนกบ Gadget
วธเพม Gadget กอนอนให Login เขาไปท blogger หรอ draftblogger gtgt จากแผงควบคมใหเลอก การออกแบบ
หนา 33
จากนนใน Layout ของแมแบบคณจะเหนพนท ดงรปดานลางเพอใหเพม Gadget
และเมอคลก เพม Gadget กจะปรากฏ Gadget พนฐาน 21 อยางทจะกลาวถงในหวขอน
นอกจากนยงม Gadget อกมากมายซงคณสามารถเลอกไดจากเมนแกดเจดเพมเตมทางซายมอ
เมอเลอก Gadget ทตองการแลว คลกทปม + เพอท าการเพม Gadget นน ใสชอ Gadget และตงคาทตองการแลวบนทก
รปทเหนขางบนเปน Gadget ผตดตาม ส าหรบ Gadget อน ๆ กท าไดในท านองเดยวกน
หนา 34
รจกกบ Gadget พนฐาน 21 อยางของ Blogger
1 Gadget หนาเวบ
หลกการของ Gadget ชนดนคอคณจะตองสรางหนาเวบขนมากอน แลวใช Gadget นเปนเมนในการเชอมโยงไปยงหนาเวบ
2 Gadget ผตดตาม
Gadget ชนดนใชเพอใหผอานทชนชอบบลอกของคณไดตดตาม และเมอตดตามแลวความเคลอนไหว และการ update บทความของจะไปปรากฏแผงควบคมของผตดตามโดยอตโนมต และมสทธในการแสดงความคดเหนบนบลอกของคณได (กรณทคณอนญาตเฉพาะสมาชก)
3 Gadget ชองคนหา
เปน Gadget ทตดตงเพอใหผอานสามารถคนหาสงทตองการในบลอกของคณไดงายขน
หนา 35
4 Gadget HTMLจาวาสครปต
Gadget ชนดนเปน Gadget ทยดหยนทสดในบรรดา Gadget ทงหมด สามารถประยกตใชไดหลากหลาย เหมาะส าหรบใชตดตงโคดตาง ๆ ลงบน Blogger เชน โคดปฏทน นาฬกา โคดจาวาสครปต โคดรปภาพ โคดวดโอ โคดของลงค เปนตน
5 Gadget ขอความ
เปน Gadget ทเหมาะส าหรบเขยนขอความ เชน ขอความตอนรบ เปนตน
6 Gadget Adsense
คณจะใช Gadget ชนดนไดเมอสมครเขารวมโปรแกรมหรอเปนตวแทนในการเผยแพรโฆษณาบน Google
7 Gadget รปภาพ
ถาคณตองการแสดงรปภาพบนบลอกอยางเดยวกใหเลอกใช Gadget นครบ
หนา 36
8 Gadget สไลดโชว
Gadget นเปนการดง Albums จาก Picasaweb มาแสดงในรปแบบสไลดโชวบนบลอกของ
9 Gadget แถบวดโอ
Gadget นจะท าใหผใชคนหาวดโอบน Youtube จากบลอกของคณได
10 Gadget แบบส ารวจ
Gadget นถอเปน Gadget หนงทนาสนใจมาก แตยงมผใชจ านวนนอย โดยคณอาจจะใชส ารวจความตองการ หรอความคดเหนของผอานตอบลอกของคณ หรอส ารวจเกยวกบเรองทเกยวของกบเนอหาบนบลอกของคณกได
11 Gadget รายการบลอก
Gadget ชนดนเปน Gadget ทสามารถรวบรวมขาวสารลาสดจากบลอกทคณเลอกหรอบลอกทคณตดตาม พรอมทงสามารถแสดงเนอหาแบบยอไดดวย
หนา 37
12 Gadget รายชอลงค
เปน Gadget ทใชสรางลงคไปยงทตาง ๆ โดยคณสามารถปอน URL บน Gadget ชนดนเพอสราง Link โดยไมตองมความรเรอง HTML มากอนเลย
13 Gadget รายการ
เปน Gadget ทคลายคลงกบ Gadget รายชอลงค แตมความยดหยนกวา สามารถสรางขอความรายการและใส link ใหขอความไดดวย
14 Gadget ฟด
คณสามารถใช Gadget นดงขาวสารจากในบลอกของคณ หรอบลอกอนทคณสนใจเอามาแสดงเพยงแคใสชอบลอกทตองการลงไปลงไปใน gadget
15 Gadget Newsreel
เปน gadget ทท าใหพาดหวขาวจาก Google มาปรากฏบนบลอกของคณเทานน
หนา 38
16 Gadget ปายก ากบ
Gadget นมความส าคญ คณควรจะตดตง เพอใหบทความทเขยนเปนหมวดหม ใหผอานเหนชดเจนเลอกอานไดตรงความตองการมากขน
17 Gadget ลงคการสมคร
Gadget นมความส าคญในเรองการสงขาวสารขอมลจากบลอกของคณไปยงผอาน ผอานจะสามารถสมครรบบทความทาง email หรอผานชองทางอน ๆ ไดจาก Gadget น
18 Gadget โลโก
Gadget นไมส าคญนกเปนเพยงตดตง logo ของ blogger ในหนาบลอกเทานน
19 Gadget โปรไฟล
Gadget นจะแสดงขอมลอยางของคณทไดกรอกเอาไวบนบญชของ Blogger ถาคณตองการแสดงขอมลของคณบน Blog กควรจะตดตง Gadget นครบ
หนา 39
20 Gadget คลงบทความของบลอก
Gadget นจะท าใหผอานเหนบทความทงหมดภายในบลอกของคณได
21 Gadget สวนหวของหนา
Gadget นเปนสวนทใส Title และ Description ของ Blog โดยปกตแลว Template ทวไปกจะตดตงสวนนอยแลว
คณสามารถทดลองใช Gadget เหลานไดโดยไมตองกลวความผดพลาดเพราะ Gadget บน
Blogger นนสามารถลบออกไดอยางงายดายโดยวธการจดการกบ Gadget
หนา 40
บทท 6 การจดการกบ Gadget ในหนาบลอก
ในบททผานมาเราได รจกและใชงาน Gadget ชนดตาง ๆ บน Blogger ผมไดกลาวถงวธการเพม Gadget ใหกบบลอก แตยงไมไดกลาวถงการลบ Gadget ออกจากองคประกอบของหนา และนอกจากน ต าแหนงของ Gadget ยงสามารถเคลอนยายต าแหนงไดอกดวย
การลบ Gadget วธท 1 ถาในขณะทเรา log in และเปดหนาบลอกของเราขนมา กจะสงเกตเหนวามเครองมอ
ปรากฏอยตามทตางๆ ในองคประกอบของหนา
และถาเราคลกเขาไปกจะสามารถแกไข หรอ ลบองคประกอบเหลานนออกไปไดเลยครบ
หนา 41
วธท 2 เราสามารถเขาไปลบ Gadget ไดท แผงควบคม gtgt การออกแบบ gtgt องคประกอบของหนา gtgt เลอกแกไข Gadget ทตองการลบ
จากนนเลอกลบไดเชนเดยวกบกรณแรก
การยายต าแหนง Gadget ส าหรบการยายต าแหนงของ Gadget ท าไดโดยการ เขาไปทแผงควบคม gtgt การออกแบบ gtgt
องคประกอบหนาจากนนใหลากเมาสบน Gadget ทตองการยายไปวางในต าแหนงทตองการไดเลยครบ
หนา 42
เมอเขาใจการท างานของ Gadget ชนดตาง ๆ แลวสงทอยากจะฝากเอาไวตอนทายนกคอการจดองคประกอบหนาของบลอกดงน
แนวทางในการจดองคประกอบหนาบลอก
แนวทางในการจดองคประกอบหนานนไมมกฎเกณฑตายตว บางคนชอบใหม 2 column บางคน ชอบใหม 3 column ซงกขนอยกบความชอบและความตองการใชงาน แตทอยากใหค านงไวเสมอคอ ผอน คอ พระเจา ท าอะไรใหเขาใจงายๆ หาอะไรกเจออยางรวดเรว เขาไวเปนพอครบ และอกประการทส าคญคอ การตดตง Gadget ตาง ๆ ควรตดตงเทาทจ าเปนและตองการใชงาน ปฏทน หรอนาฬกานนกไมควรตดตง ลงไปเลย เพราะไมคมคากบการเพมภาระการโหลดใหกบผเขาชม และถาบลอกของคณโหลดไดชา ก เปนไปไดยากทผอานจะกลบมาอก
องคประกอบในหนาของบลอกทผมคดวาคณควรจะมคอ สวนทบอกตวตนของบลอก
ซงอาจจะแสดงในสวนหวของหนา หรอเปนวดโอ สไลดขอความรปถาย อยในต าแหนงทเหนไดชด สวนทเชอมโยงไปยงบทความในบลอก
สวนนจ าเปนมากเพราะจะชวยใหผอานคนหาบทความไดเรวขน คณอาจจะรวมบทความทงหมดเลยหรอ อาจจะใชวธจดหมวดหมใหผอานเลอกสงทตองการจากบลอกของเราไดเรวขน
สวนพนทของสมาชก
สวนนจะแสดงใหเหนวามผสนใจบลอกของเรามากแคไหน และสามารถสมครตดตามบลอกของเราไดทนท เชนอาจจะใช Gadget ผตดตาม หรอใช Like box Plugins ของ Facebook หรออาจจะท า Poll กได
สวนทเปนชองทางใหผอานตดตอเราได
คณอาจจะท า link เชอมโยงใหผอานตดตอคณได หรออาจจะใช Gadget profile ของ Blogger เพอแนะน าตวกได
หนา 43
บทท 7 การแสดงขาวสารลาสดดวย Gadget ฟด
ความหมายของค าวา ฟดโดยสรปกคอเปนสงทแพรกระจายจากบลอกของเราบนโลก Internet เทยบไดกบคลนสญญาณวทยหรอโทรทศน ถามตวรบทกคนกสามารถมองเหนขาวสารทตองการเลอกรบได นอกจากนถามตวชวยสงใหฟดแพรไดแรงขน ขาวสารกยอมจะแพรกระจายไดเรวดวย
ดงนนถาคณสนใจขาวสารจากบลอกใดบลอกหนงคณกสามารถทจะเปดรบขาวสารจากบลอกนนๆ โดยใช Gadget ฟด ซงเปน Gadget ทสามารถเพมไดอยางไมจ ากด ดงนนถาคณตองการรบขาวจาก 10 บลอกกสามารถท าไดโดยการเพม gadget ฟดเขาไปในบลอก 10 ครง ในขณะเดยวกนถาคณใสชอบลอกของตวเองใน Gadget ฟด Gadget ชนดนจะกลายเปน Gadget ทใชแสดง บทความลาสดนนเองครบ
การแสดงขาวสารลาสดโดยการใช Gadget ฟด
1 ไปทองคประกอบของหนา gtgt เพมฟด Gadget
หนา 44
2 ใสโคดตอไปนลงไปใน Gadget ฟด httpชอบลอกblogspotcomfeedspostsdefault
โดยจะตองเปลยนชอบลอกเปนชอบลอกของของคณเองหรอชอบลอกทคณตองการรบขาวสารท update
ตงคาทตองการเพมเตมและบนทกกจะได feeds ขาวสารมาปรากฏทบลอกของคณ
3 ถาตองการเพมบลอกอนอกกท าซ าขอ 1 และ 2 แตตองเปลยนชอบลอกใหม 4 กรณทคณตองการเรยก feed จากเวบทตองการใหคนหา feed จากเวบ wwwgooglecom
แลวแทนโคดในขอ 2 เชน feed ขาวการศกษาจากเวบ httpwwwrssthaicom ใหใสโคด httpwwwrssthaicomnewsphpt=education แทนในขอ 2
หนา 45
บทท 8 แนะน า Gadget ใหมของ blogger ldquoหนาเวบrdquo
ตามเวบไซตตาง ๆ เราคงจะเคยเหนกนวาแตละเวบไซตจะม เมนส าหรบเลอกเปดไปดหนาอน ๆภายในเวบนนๆ เชน ตวอยางในรปดานลาง
Blogger ไดพฒนา Gadget ตวใหมขนมา มชอวา หนาเวบ เพอใหผใชไดสรางหนาของบลอกทตองการไดโดยไมตองมความรในการดดแปลงหรอแกไขแมแบบดวยตนเอง
การเรยกใช Gadget ชนดนสามารถเลอกใชไดเชนเดยวกบการ Add Gadget ชนดอน ๆ นนคอ ไปท องคประกอบของหนา gtgt แลวเลอก เพม Gadget
ตอไปเรามาดวา Gadget น ใชอยางไร และใชเพอจดประสงคใด หลกการของ Gadget นเหมอนการสรางบทความขนมา 1 บทความ และ สราง Link เชอมโยงไป ยงบทความนน ๆ แตมความพเศษตรงทผใชทวไปสรางเมนขนเองไดอยางงายดาย โดยไมตองมความรพนฐานเกยวกบ HTML เลย
หนา 46
ตวอยางวธการใชงาน(จรง) ในตวอยางนผมจะสราง 2 หนาใหเหนเปนตวอยาง ไดแก HOME และ CONTACT ME
ขนเตรยมการ เนองจากผมจะยกตวอยางการสรางหนา Contact me ดงนนใหทกคนไปสราง Form ส าหรบ
ตดตอเจาของบลอกซงกคอเราเอง ไดท httpwwwfoxyformcom
ซงขนตอนในการสราง ฟอรมนนงายมาก มเพยง 4 ขนเทานน (ดรป)
หนา 47
เมอไดโคด แลวคดลอกเกบเอาไวกอนครบ
ขนสรางหนาเวบจรง ขนท 1 สรางหนาแรก หรอ HOME
Log in เขาไปท draftblogger ไปทแผงควบคม gtgt องคประกอบของหนา gtgt แลวเลอก เพม Gadget เลอกอนแรกเลยครบ คอ gadget หนาเวบ
จากนนกสราง หนาแรกขนมาโดยตงชอตามทตองการไดเลย แลวท าการบนทกครบ
หนา 48
ขนท 2 เมอผานขนท 1 มาแลวกเทากบวาเราไดสราง หนาบลอกขนมาแลว 1 หนา
ถาจะท าการเพมหนาอก ใหไปทแผงควบคม gtgt การสงบทความ gtgt แกไขหนาเวบ gtgt หนาเวบใหม
เมอคลกสรางหนาเวบใหม เรากจะพบเครองมอตาง ๆ เหมอนการเขยนบทความนนเองครบ
หนา 49
ใหน าโคดของ Form ทเตรยมไว จากขนเตรยมการมาวางในหนาหนาน จดรปแบบตามตองการแลวบนทกหนาไดเลยครบ
เพยงขนตอนสน ๆ นเรากจะมเมนเชอมโยงไปยง หนาของบลอกถง 2 หนาดวยกน ไดแก HOME และ CONTACT ME
หนา 50
ขนท 3 - ถาหากตองการเพมหนาบลอกเพมขนอกกท าซ าขนตอนทไดกลาวมาขางตนครบ - แตถาตองการลบหนาบลอกทง กมาทเดม แลวจะเหนค าวาลบ ถาตองการลบทงกกดค าวาลบ
ไดเลย
ขนท 4 วธจดการกบเมนหนาเวบ - ถาตองการเรยงล าดบหนาเวบใหม กไปท องคประกอบของหนา แลว คลก Gadget หนาเวบขนมาแกไข gtgt ดรป
หนา 51
นอกจากน Gadget หนาเวบจะมลกษณะพเศษ คอ ถาอยท Sidebar เมนจะจดเรยงเปนแนวตง
หนา 52
แตถาลากไปในต าแหนงใตสวนหว จะจดเรยงเรยงเปนแนวนอนโดยอตโนมต
หนา 53
บทท 9 นบจ านวนคนเยยมชมดวย Flagcounter
อกบรการนบสถตคนเยยมชมทชวยใหเราทราบวาบลอกของเรามผเยยมชมทงในและตางประเทศมากหรอนอย จาก Flagcounter
วธตดตง
1 ไปท httpwwwflagcountercomindexhtml 2 ตงคาตางๆ ตามความตองการแลวกด GET YOUR FLAG COUNTER ดงรป
3 คดลอก HTML โคด ท FLAG COUNTER ไดสรางใหในขนท 2
หนา 54
4 กลบมาทบลอกของเรา ไปทแผงควบคม gtgt รปแบบ gtgt องคประกอบหนา gtgt เพม Gadget ชนด HTMLจาวาสครปต
5 วางโคดทคดลอกมาจากขนท 3 แลวบนทกครบกเปนอนจบขนตอนครบ ลกษณะทไดกดงรป
หนา 55
บทท 10 รปภาพในบทความบน Blogger
คณเคยสงสยไหมครบวา รปภาพทคณ upload ขนไปขณะทเขยนบทความ หรออาจจะเขยนบทความไปแลว รปเหลานนไปอยทไหน เพราะวา Blogger เองไมม sever ยงตองอาศยฐานขอมลของตวแมคอ blogspotcom อย แลวจะเอาพนท ๆ ไหนมาเกบรปตงมากมาย
ค าตอบคอ Blogger จะใชวธเชอมโยงกบ Application อน ๆ ของ Google เพอแกปญหาการเกบขอมล เชนรปภาพใน Blogger ทเราพดถงกนอยตอนนกจะถกเกบ
อยท Picasa Web Albums ดงนนไมวาจะเปนภาพทคณ Upload ขณะเขยนบทความ กจะถกเกบอยใน Picasa Web Albums ทงหมด
คณใชบรการ Picasa Web Albums ไดอยางไร
การใชบรการ Picasa Web Albums สามารถเขาใชไดทนทหากคณมบญชผใชกบ google อยแลว เชนมบญชผใช Gmail หรอ Blogger อยแลวกสามารถ Log in เขาใชไดเลย
Picasa Web Albums ใหพนทเทาไร
Picasa จะใหพนท เพยง 1 GB ตอ 1 บญชผใช นเปนเหตผลทบางคนอาจจะสงสยวาท าไมคณภาพรปหรอขนาดของรปบน Blogger จงลดลง กลาวคอระบบของ Picasa จะท าการลดขนาดของรปทเรา Upload ผาน Blogger ใหมขนาดเลกลงเพอเปนการประหยดพนทนนเอง
หนา 56
คณจะเขาไปจดการรปภาพจาก Blogger ใน Picasa Web ไดอยางไร การจดการภาพใน Picasa Web Albums ท าได 2 วธคอ
1 ใช Software ทพฒนาขนมาจดการ Picasa Web Albums โดยเฉพาะ
คณสามารถเขาไปดาวนโหลด Picasa ไดท httppicasagooglecom 2 เขาไปจดการทเวบไซต Picasa Web Albums โดยตรง โดยไปท httppicasawebgooglecom และ Log in โดยใชชอบญชเดยวกบ Blogger
คณสามารถเขาไป Unload ภาพไดโดยตรงกบ Picasa แลวเรยกมาใชบน blogger ไดโดยใชตวเลอก อปโหลด
หนา 57
แตถาตองการรปภาพบน Blogger ทไดอปโหลดขนไปแลวกคลกทอลบมทตองการแลวเขาไปจดการภาพไดเชนกน ลบรปภาพบน Blogger แลวรปบน Picasa จะถกลบดวยหรอไม
การลบรปภาพบน Blogger ไมสงผลใด ๆ ตอ Picasa Web Albums เลยเวนแตคณจะเขามาลบใน Picasa Web Albums โดยตรง ดงนนถาในขณะเขยนบทความคณเผลอท าพลาดรปภาพหายไป กสามารถเขามาเอารปภาพจาก Picasa Web Albums ใชงานไดอกโดยไมตอง upload ซ า หรอไมตองไปหาภาพมาใหม บทสรป
บทนแนะน าใหพอรจกการเชอมโยงระหวาง Blogger และ Picasa Web Albums ซงเปนบรการในเครอขาย Google เหมอนกน และจะท าใหคณเขาใจการจดการเกยวกบภาพบน Blogger ไดดขน
หนา 58
บทท 11 การสรางวดโอใน YouTube และน ามาใสในบลอก
ถามวดโอในหนาบลอกของเราดวย การสอสารเรองราวตางๆ กจะมชวตชวาและเขาใจงายขน ซงในทนเราสามารถสรางไดไมยากดวยบรการของ wwwyoutubecom ครบ
ขนตอนการฝากวดโอไวกบ youtube
1 ไปท wwwyoutubecom แลวเลอก Create Account ทมมขวาบนซงในกรณทเรา Login อยในเวบบลอกของเรานน กสามารถใชบรการของ youtube ดวย Account เดมโดยไมตองสมครใหมครบ วธการท าไดโดย
11 คลกท 12 กรอกขอมลส าหรบการสรางบญช โดยใช username ของ gmail ของเราเอง 13 จากนน คลก
หนา 59
14 จะพบหนาตางใหกรอก Username และ รหสผาน ของ gmail ใหกรอก e-mail ของเรา
จะพบหนาจอ ดงน จากนนเรากสามารถท าการเพม Video ไดตามทเราตองการ
หนา 60
2 การฝาก youtube มเงอนไขส าคญๆ ดงน - ความยาวของวดโอไมเกน 10 นาท - ควรเปนวดโอทไมกระทบตอสถาบน ชาต ศาสนา พระมหากษตรย และ ศลธรรมอนดงามของสงคม
3 การ upload วดโอขนไปทเมน upload (ทมมขวาบน) แลวท าการเลอกไฟลวดโอจากเครองของเรา และรอจนการ upload เสรจสน
31 คลกทปม Uploads
32 คลกทปม Upload Video
33 เลอกไฟล Video ทตองการ
34
34 เมอ Upload ได 100 แลวใหคลก Save change
หนา 61
4 เมอ upload เสรจสนแลวคลกทขอความ Embed and Sharing Options เรากเหน HTML code ใหคดลอก code เหลานนมาแปะในสวนทเราตองการ
เชนในทนผมคดลอก code มาแปะในบทความกจะไดผลลพธเปนวดโอตามดานลางทเหนครบ
หนา 62
เรอง หนา บทน าhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 1 บทท 1 การสรางเวบบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 4 บทท 2 วธเปลยน Template ของ Bloggerhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 12 บทท 3 วธเขยนและจดการบทความในบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 22 บทท 4 การตงคาพนฐานตางๆ ใหกบบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 26 บทท 5 รจกและใชงาน Gadget ชนดตางๆ บน Bloggerhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 32 บทท 6 การจดการกบ Gadget ในหนาบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 40 บทท 7 การแสดงขาวสารลาสดดวย Gadget ฟดhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 43 บทท 9 นบจ านวนคนเยยมชมดวย Flagcounterhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 53 บทท 10 รปภาพในบทความบน Bloggerhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 55 บทท 11 การสรางวดโอใน YouTube และน ามาใสในบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 58
หนา 63
255
เอกสารประกอบการฝกอบรมเชงปฏบตการ
การพฒนาสอการเรยนการสอน โดยใชโปรแกรมคอมพวเตอรรวมกบ Weblog
หนา 31
นอกจากนคณยงจ ากดคนเขาชมบลอกไดดวย โดยการระบ Email ของผทตองการลงไป
หนา 32
บทท 5 รจกและใชงาน Gadget ชนดตางๆ บน Blogger
เมอเรยนรเกยวกบ การตงคาตาง ๆ ของบลอก การเปลยน Templates ใหกบบลอกไปแลว สวนทเหลอคอ การจดรปแบบองคประกอบหนาใหกบบลอก รวมถงการใชงาน Gadget หลกชนดตางๆ ของ Blogger
Gadget คออะไร
Gadget ใน Blogger นนหมายถงสวนเสรมทเราสามารถตดตงเพมลงไปในแมแบบของ Blogger ซงบางครงกถกเรยกวา widget ซงกหมายถงสงเดยวกนกบ Gadget
วธเพม Gadget กอนอนให Login เขาไปท blogger หรอ draftblogger gtgt จากแผงควบคมใหเลอก การออกแบบ
หนา 33
จากนนใน Layout ของแมแบบคณจะเหนพนท ดงรปดานลางเพอใหเพม Gadget
และเมอคลก เพม Gadget กจะปรากฏ Gadget พนฐาน 21 อยางทจะกลาวถงในหวขอน
นอกจากนยงม Gadget อกมากมายซงคณสามารถเลอกไดจากเมนแกดเจดเพมเตมทางซายมอ
เมอเลอก Gadget ทตองการแลว คลกทปม + เพอท าการเพม Gadget นน ใสชอ Gadget และตงคาทตองการแลวบนทก
รปทเหนขางบนเปน Gadget ผตดตาม ส าหรบ Gadget อน ๆ กท าไดในท านองเดยวกน
หนา 34
รจกกบ Gadget พนฐาน 21 อยางของ Blogger
1 Gadget หนาเวบ
หลกการของ Gadget ชนดนคอคณจะตองสรางหนาเวบขนมากอน แลวใช Gadget นเปนเมนในการเชอมโยงไปยงหนาเวบ
2 Gadget ผตดตาม
Gadget ชนดนใชเพอใหผอานทชนชอบบลอกของคณไดตดตาม และเมอตดตามแลวความเคลอนไหว และการ update บทความของจะไปปรากฏแผงควบคมของผตดตามโดยอตโนมต และมสทธในการแสดงความคดเหนบนบลอกของคณได (กรณทคณอนญาตเฉพาะสมาชก)
3 Gadget ชองคนหา
เปน Gadget ทตดตงเพอใหผอานสามารถคนหาสงทตองการในบลอกของคณไดงายขน
หนา 35
4 Gadget HTMLจาวาสครปต
Gadget ชนดนเปน Gadget ทยดหยนทสดในบรรดา Gadget ทงหมด สามารถประยกตใชไดหลากหลาย เหมาะส าหรบใชตดตงโคดตาง ๆ ลงบน Blogger เชน โคดปฏทน นาฬกา โคดจาวาสครปต โคดรปภาพ โคดวดโอ โคดของลงค เปนตน
5 Gadget ขอความ
เปน Gadget ทเหมาะส าหรบเขยนขอความ เชน ขอความตอนรบ เปนตน
6 Gadget Adsense
คณจะใช Gadget ชนดนไดเมอสมครเขารวมโปรแกรมหรอเปนตวแทนในการเผยแพรโฆษณาบน Google
7 Gadget รปภาพ
ถาคณตองการแสดงรปภาพบนบลอกอยางเดยวกใหเลอกใช Gadget นครบ
หนา 36
8 Gadget สไลดโชว
Gadget นเปนการดง Albums จาก Picasaweb มาแสดงในรปแบบสไลดโชวบนบลอกของ
9 Gadget แถบวดโอ
Gadget นจะท าใหผใชคนหาวดโอบน Youtube จากบลอกของคณได
10 Gadget แบบส ารวจ
Gadget นถอเปน Gadget หนงทนาสนใจมาก แตยงมผใชจ านวนนอย โดยคณอาจจะใชส ารวจความตองการ หรอความคดเหนของผอานตอบลอกของคณ หรอส ารวจเกยวกบเรองทเกยวของกบเนอหาบนบลอกของคณกได
11 Gadget รายการบลอก
Gadget ชนดนเปน Gadget ทสามารถรวบรวมขาวสารลาสดจากบลอกทคณเลอกหรอบลอกทคณตดตาม พรอมทงสามารถแสดงเนอหาแบบยอไดดวย
หนา 37
12 Gadget รายชอลงค
เปน Gadget ทใชสรางลงคไปยงทตาง ๆ โดยคณสามารถปอน URL บน Gadget ชนดนเพอสราง Link โดยไมตองมความรเรอง HTML มากอนเลย
13 Gadget รายการ
เปน Gadget ทคลายคลงกบ Gadget รายชอลงค แตมความยดหยนกวา สามารถสรางขอความรายการและใส link ใหขอความไดดวย
14 Gadget ฟด
คณสามารถใช Gadget นดงขาวสารจากในบลอกของคณ หรอบลอกอนทคณสนใจเอามาแสดงเพยงแคใสชอบลอกทตองการลงไปลงไปใน gadget
15 Gadget Newsreel
เปน gadget ทท าใหพาดหวขาวจาก Google มาปรากฏบนบลอกของคณเทานน
หนา 38
16 Gadget ปายก ากบ
Gadget นมความส าคญ คณควรจะตดตง เพอใหบทความทเขยนเปนหมวดหม ใหผอานเหนชดเจนเลอกอานไดตรงความตองการมากขน
17 Gadget ลงคการสมคร
Gadget นมความส าคญในเรองการสงขาวสารขอมลจากบลอกของคณไปยงผอาน ผอานจะสามารถสมครรบบทความทาง email หรอผานชองทางอน ๆ ไดจาก Gadget น
18 Gadget โลโก
Gadget นไมส าคญนกเปนเพยงตดตง logo ของ blogger ในหนาบลอกเทานน
19 Gadget โปรไฟล
Gadget นจะแสดงขอมลอยางของคณทไดกรอกเอาไวบนบญชของ Blogger ถาคณตองการแสดงขอมลของคณบน Blog กควรจะตดตง Gadget นครบ
หนา 39
20 Gadget คลงบทความของบลอก
Gadget นจะท าใหผอานเหนบทความทงหมดภายในบลอกของคณได
21 Gadget สวนหวของหนา
Gadget นเปนสวนทใส Title และ Description ของ Blog โดยปกตแลว Template ทวไปกจะตดตงสวนนอยแลว
คณสามารถทดลองใช Gadget เหลานไดโดยไมตองกลวความผดพลาดเพราะ Gadget บน
Blogger นนสามารถลบออกไดอยางงายดายโดยวธการจดการกบ Gadget
หนา 40
บทท 6 การจดการกบ Gadget ในหนาบลอก
ในบททผานมาเราได รจกและใชงาน Gadget ชนดตาง ๆ บน Blogger ผมไดกลาวถงวธการเพม Gadget ใหกบบลอก แตยงไมไดกลาวถงการลบ Gadget ออกจากองคประกอบของหนา และนอกจากน ต าแหนงของ Gadget ยงสามารถเคลอนยายต าแหนงไดอกดวย
การลบ Gadget วธท 1 ถาในขณะทเรา log in และเปดหนาบลอกของเราขนมา กจะสงเกตเหนวามเครองมอ
ปรากฏอยตามทตางๆ ในองคประกอบของหนา
และถาเราคลกเขาไปกจะสามารถแกไข หรอ ลบองคประกอบเหลานนออกไปไดเลยครบ
หนา 41
วธท 2 เราสามารถเขาไปลบ Gadget ไดท แผงควบคม gtgt การออกแบบ gtgt องคประกอบของหนา gtgt เลอกแกไข Gadget ทตองการลบ
จากนนเลอกลบไดเชนเดยวกบกรณแรก
การยายต าแหนง Gadget ส าหรบการยายต าแหนงของ Gadget ท าไดโดยการ เขาไปทแผงควบคม gtgt การออกแบบ gtgt
องคประกอบหนาจากนนใหลากเมาสบน Gadget ทตองการยายไปวางในต าแหนงทตองการไดเลยครบ
หนา 42
เมอเขาใจการท างานของ Gadget ชนดตาง ๆ แลวสงทอยากจะฝากเอาไวตอนทายนกคอการจดองคประกอบหนาของบลอกดงน
แนวทางในการจดองคประกอบหนาบลอก
แนวทางในการจดองคประกอบหนานนไมมกฎเกณฑตายตว บางคนชอบใหม 2 column บางคน ชอบใหม 3 column ซงกขนอยกบความชอบและความตองการใชงาน แตทอยากใหค านงไวเสมอคอ ผอน คอ พระเจา ท าอะไรใหเขาใจงายๆ หาอะไรกเจออยางรวดเรว เขาไวเปนพอครบ และอกประการทส าคญคอ การตดตง Gadget ตาง ๆ ควรตดตงเทาทจ าเปนและตองการใชงาน ปฏทน หรอนาฬกานนกไมควรตดตง ลงไปเลย เพราะไมคมคากบการเพมภาระการโหลดใหกบผเขาชม และถาบลอกของคณโหลดไดชา ก เปนไปไดยากทผอานจะกลบมาอก
องคประกอบในหนาของบลอกทผมคดวาคณควรจะมคอ สวนทบอกตวตนของบลอก
ซงอาจจะแสดงในสวนหวของหนา หรอเปนวดโอ สไลดขอความรปถาย อยในต าแหนงทเหนไดชด สวนทเชอมโยงไปยงบทความในบลอก
สวนนจ าเปนมากเพราะจะชวยใหผอานคนหาบทความไดเรวขน คณอาจจะรวมบทความทงหมดเลยหรอ อาจจะใชวธจดหมวดหมใหผอานเลอกสงทตองการจากบลอกของเราไดเรวขน
สวนพนทของสมาชก
สวนนจะแสดงใหเหนวามผสนใจบลอกของเรามากแคไหน และสามารถสมครตดตามบลอกของเราไดทนท เชนอาจจะใช Gadget ผตดตาม หรอใช Like box Plugins ของ Facebook หรออาจจะท า Poll กได
สวนทเปนชองทางใหผอานตดตอเราได
คณอาจจะท า link เชอมโยงใหผอานตดตอคณได หรออาจจะใช Gadget profile ของ Blogger เพอแนะน าตวกได
หนา 43
บทท 7 การแสดงขาวสารลาสดดวย Gadget ฟด
ความหมายของค าวา ฟดโดยสรปกคอเปนสงทแพรกระจายจากบลอกของเราบนโลก Internet เทยบไดกบคลนสญญาณวทยหรอโทรทศน ถามตวรบทกคนกสามารถมองเหนขาวสารทตองการเลอกรบได นอกจากนถามตวชวยสงใหฟดแพรไดแรงขน ขาวสารกยอมจะแพรกระจายไดเรวดวย
ดงนนถาคณสนใจขาวสารจากบลอกใดบลอกหนงคณกสามารถทจะเปดรบขาวสารจากบลอกนนๆ โดยใช Gadget ฟด ซงเปน Gadget ทสามารถเพมไดอยางไมจ ากด ดงนนถาคณตองการรบขาวจาก 10 บลอกกสามารถท าไดโดยการเพม gadget ฟดเขาไปในบลอก 10 ครง ในขณะเดยวกนถาคณใสชอบลอกของตวเองใน Gadget ฟด Gadget ชนดนจะกลายเปน Gadget ทใชแสดง บทความลาสดนนเองครบ
การแสดงขาวสารลาสดโดยการใช Gadget ฟด
1 ไปทองคประกอบของหนา gtgt เพมฟด Gadget
หนา 44
2 ใสโคดตอไปนลงไปใน Gadget ฟด httpชอบลอกblogspotcomfeedspostsdefault
โดยจะตองเปลยนชอบลอกเปนชอบลอกของของคณเองหรอชอบลอกทคณตองการรบขาวสารท update
ตงคาทตองการเพมเตมและบนทกกจะได feeds ขาวสารมาปรากฏทบลอกของคณ
3 ถาตองการเพมบลอกอนอกกท าซ าขอ 1 และ 2 แตตองเปลยนชอบลอกใหม 4 กรณทคณตองการเรยก feed จากเวบทตองการใหคนหา feed จากเวบ wwwgooglecom
แลวแทนโคดในขอ 2 เชน feed ขาวการศกษาจากเวบ httpwwwrssthaicom ใหใสโคด httpwwwrssthaicomnewsphpt=education แทนในขอ 2
หนา 45
บทท 8 แนะน า Gadget ใหมของ blogger ldquoหนาเวบrdquo
ตามเวบไซตตาง ๆ เราคงจะเคยเหนกนวาแตละเวบไซตจะม เมนส าหรบเลอกเปดไปดหนาอน ๆภายในเวบนนๆ เชน ตวอยางในรปดานลาง
Blogger ไดพฒนา Gadget ตวใหมขนมา มชอวา หนาเวบ เพอใหผใชไดสรางหนาของบลอกทตองการไดโดยไมตองมความรในการดดแปลงหรอแกไขแมแบบดวยตนเอง
การเรยกใช Gadget ชนดนสามารถเลอกใชไดเชนเดยวกบการ Add Gadget ชนดอน ๆ นนคอ ไปท องคประกอบของหนา gtgt แลวเลอก เพม Gadget
ตอไปเรามาดวา Gadget น ใชอยางไร และใชเพอจดประสงคใด หลกการของ Gadget นเหมอนการสรางบทความขนมา 1 บทความ และ สราง Link เชอมโยงไป ยงบทความนน ๆ แตมความพเศษตรงทผใชทวไปสรางเมนขนเองไดอยางงายดาย โดยไมตองมความรพนฐานเกยวกบ HTML เลย
หนา 46
ตวอยางวธการใชงาน(จรง) ในตวอยางนผมจะสราง 2 หนาใหเหนเปนตวอยาง ไดแก HOME และ CONTACT ME
ขนเตรยมการ เนองจากผมจะยกตวอยางการสรางหนา Contact me ดงนนใหทกคนไปสราง Form ส าหรบ
ตดตอเจาของบลอกซงกคอเราเอง ไดท httpwwwfoxyformcom
ซงขนตอนในการสราง ฟอรมนนงายมาก มเพยง 4 ขนเทานน (ดรป)
หนา 47
เมอไดโคด แลวคดลอกเกบเอาไวกอนครบ
ขนสรางหนาเวบจรง ขนท 1 สรางหนาแรก หรอ HOME
Log in เขาไปท draftblogger ไปทแผงควบคม gtgt องคประกอบของหนา gtgt แลวเลอก เพม Gadget เลอกอนแรกเลยครบ คอ gadget หนาเวบ
จากนนกสราง หนาแรกขนมาโดยตงชอตามทตองการไดเลย แลวท าการบนทกครบ
หนา 48
ขนท 2 เมอผานขนท 1 มาแลวกเทากบวาเราไดสราง หนาบลอกขนมาแลว 1 หนา
ถาจะท าการเพมหนาอก ใหไปทแผงควบคม gtgt การสงบทความ gtgt แกไขหนาเวบ gtgt หนาเวบใหม
เมอคลกสรางหนาเวบใหม เรากจะพบเครองมอตาง ๆ เหมอนการเขยนบทความนนเองครบ
หนา 49
ใหน าโคดของ Form ทเตรยมไว จากขนเตรยมการมาวางในหนาหนาน จดรปแบบตามตองการแลวบนทกหนาไดเลยครบ
เพยงขนตอนสน ๆ นเรากจะมเมนเชอมโยงไปยง หนาของบลอกถง 2 หนาดวยกน ไดแก HOME และ CONTACT ME
หนา 50
ขนท 3 - ถาหากตองการเพมหนาบลอกเพมขนอกกท าซ าขนตอนทไดกลาวมาขางตนครบ - แตถาตองการลบหนาบลอกทง กมาทเดม แลวจะเหนค าวาลบ ถาตองการลบทงกกดค าวาลบ
ไดเลย
ขนท 4 วธจดการกบเมนหนาเวบ - ถาตองการเรยงล าดบหนาเวบใหม กไปท องคประกอบของหนา แลว คลก Gadget หนาเวบขนมาแกไข gtgt ดรป
หนา 51
นอกจากน Gadget หนาเวบจะมลกษณะพเศษ คอ ถาอยท Sidebar เมนจะจดเรยงเปนแนวตง
หนา 52
แตถาลากไปในต าแหนงใตสวนหว จะจดเรยงเรยงเปนแนวนอนโดยอตโนมต
หนา 53
บทท 9 นบจ านวนคนเยยมชมดวย Flagcounter
อกบรการนบสถตคนเยยมชมทชวยใหเราทราบวาบลอกของเรามผเยยมชมทงในและตางประเทศมากหรอนอย จาก Flagcounter
วธตดตง
1 ไปท httpwwwflagcountercomindexhtml 2 ตงคาตางๆ ตามความตองการแลวกด GET YOUR FLAG COUNTER ดงรป
3 คดลอก HTML โคด ท FLAG COUNTER ไดสรางใหในขนท 2
หนา 54
4 กลบมาทบลอกของเรา ไปทแผงควบคม gtgt รปแบบ gtgt องคประกอบหนา gtgt เพม Gadget ชนด HTMLจาวาสครปต
5 วางโคดทคดลอกมาจากขนท 3 แลวบนทกครบกเปนอนจบขนตอนครบ ลกษณะทไดกดงรป
หนา 55
บทท 10 รปภาพในบทความบน Blogger
คณเคยสงสยไหมครบวา รปภาพทคณ upload ขนไปขณะทเขยนบทความ หรออาจจะเขยนบทความไปแลว รปเหลานนไปอยทไหน เพราะวา Blogger เองไมม sever ยงตองอาศยฐานขอมลของตวแมคอ blogspotcom อย แลวจะเอาพนท ๆ ไหนมาเกบรปตงมากมาย
ค าตอบคอ Blogger จะใชวธเชอมโยงกบ Application อน ๆ ของ Google เพอแกปญหาการเกบขอมล เชนรปภาพใน Blogger ทเราพดถงกนอยตอนนกจะถกเกบ
อยท Picasa Web Albums ดงนนไมวาจะเปนภาพทคณ Upload ขณะเขยนบทความ กจะถกเกบอยใน Picasa Web Albums ทงหมด
คณใชบรการ Picasa Web Albums ไดอยางไร
การใชบรการ Picasa Web Albums สามารถเขาใชไดทนทหากคณมบญชผใชกบ google อยแลว เชนมบญชผใช Gmail หรอ Blogger อยแลวกสามารถ Log in เขาใชไดเลย
Picasa Web Albums ใหพนทเทาไร
Picasa จะใหพนท เพยง 1 GB ตอ 1 บญชผใช นเปนเหตผลทบางคนอาจจะสงสยวาท าไมคณภาพรปหรอขนาดของรปบน Blogger จงลดลง กลาวคอระบบของ Picasa จะท าการลดขนาดของรปทเรา Upload ผาน Blogger ใหมขนาดเลกลงเพอเปนการประหยดพนทนนเอง
หนา 56
คณจะเขาไปจดการรปภาพจาก Blogger ใน Picasa Web ไดอยางไร การจดการภาพใน Picasa Web Albums ท าได 2 วธคอ
1 ใช Software ทพฒนาขนมาจดการ Picasa Web Albums โดยเฉพาะ
คณสามารถเขาไปดาวนโหลด Picasa ไดท httppicasagooglecom 2 เขาไปจดการทเวบไซต Picasa Web Albums โดยตรง โดยไปท httppicasawebgooglecom และ Log in โดยใชชอบญชเดยวกบ Blogger
คณสามารถเขาไป Unload ภาพไดโดยตรงกบ Picasa แลวเรยกมาใชบน blogger ไดโดยใชตวเลอก อปโหลด
หนา 57
แตถาตองการรปภาพบน Blogger ทไดอปโหลดขนไปแลวกคลกทอลบมทตองการแลวเขาไปจดการภาพไดเชนกน ลบรปภาพบน Blogger แลวรปบน Picasa จะถกลบดวยหรอไม
การลบรปภาพบน Blogger ไมสงผลใด ๆ ตอ Picasa Web Albums เลยเวนแตคณจะเขามาลบใน Picasa Web Albums โดยตรง ดงนนถาในขณะเขยนบทความคณเผลอท าพลาดรปภาพหายไป กสามารถเขามาเอารปภาพจาก Picasa Web Albums ใชงานไดอกโดยไมตอง upload ซ า หรอไมตองไปหาภาพมาใหม บทสรป
บทนแนะน าใหพอรจกการเชอมโยงระหวาง Blogger และ Picasa Web Albums ซงเปนบรการในเครอขาย Google เหมอนกน และจะท าใหคณเขาใจการจดการเกยวกบภาพบน Blogger ไดดขน
หนา 58
บทท 11 การสรางวดโอใน YouTube และน ามาใสในบลอก
ถามวดโอในหนาบลอกของเราดวย การสอสารเรองราวตางๆ กจะมชวตชวาและเขาใจงายขน ซงในทนเราสามารถสรางไดไมยากดวยบรการของ wwwyoutubecom ครบ
ขนตอนการฝากวดโอไวกบ youtube
1 ไปท wwwyoutubecom แลวเลอก Create Account ทมมขวาบนซงในกรณทเรา Login อยในเวบบลอกของเรานน กสามารถใชบรการของ youtube ดวย Account เดมโดยไมตองสมครใหมครบ วธการท าไดโดย
11 คลกท 12 กรอกขอมลส าหรบการสรางบญช โดยใช username ของ gmail ของเราเอง 13 จากนน คลก
หนา 59
14 จะพบหนาตางใหกรอก Username และ รหสผาน ของ gmail ใหกรอก e-mail ของเรา
จะพบหนาจอ ดงน จากนนเรากสามารถท าการเพม Video ไดตามทเราตองการ
หนา 60
2 การฝาก youtube มเงอนไขส าคญๆ ดงน - ความยาวของวดโอไมเกน 10 นาท - ควรเปนวดโอทไมกระทบตอสถาบน ชาต ศาสนา พระมหากษตรย และ ศลธรรมอนดงามของสงคม
3 การ upload วดโอขนไปทเมน upload (ทมมขวาบน) แลวท าการเลอกไฟลวดโอจากเครองของเรา และรอจนการ upload เสรจสน
31 คลกทปม Uploads
32 คลกทปม Upload Video
33 เลอกไฟล Video ทตองการ
34
34 เมอ Upload ได 100 แลวใหคลก Save change
หนา 61
4 เมอ upload เสรจสนแลวคลกทขอความ Embed and Sharing Options เรากเหน HTML code ใหคดลอก code เหลานนมาแปะในสวนทเราตองการ
เชนในทนผมคดลอก code มาแปะในบทความกจะไดผลลพธเปนวดโอตามดานลางทเหนครบ
หนา 62
เรอง หนา บทน าhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 1 บทท 1 การสรางเวบบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 4 บทท 2 วธเปลยน Template ของ Bloggerhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 12 บทท 3 วธเขยนและจดการบทความในบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 22 บทท 4 การตงคาพนฐานตางๆ ใหกบบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 26 บทท 5 รจกและใชงาน Gadget ชนดตางๆ บน Bloggerhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 32 บทท 6 การจดการกบ Gadget ในหนาบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 40 บทท 7 การแสดงขาวสารลาสดดวย Gadget ฟดhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 43 บทท 9 นบจ านวนคนเยยมชมดวย Flagcounterhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 53 บทท 10 รปภาพในบทความบน Bloggerhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 55 บทท 11 การสรางวดโอใน YouTube และน ามาใสในบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 58
หนา 63
255
เอกสารประกอบการฝกอบรมเชงปฏบตการ
การพฒนาสอการเรยนการสอน โดยใชโปรแกรมคอมพวเตอรรวมกบ Weblog
หนา 32
บทท 5 รจกและใชงาน Gadget ชนดตางๆ บน Blogger
เมอเรยนรเกยวกบ การตงคาตาง ๆ ของบลอก การเปลยน Templates ใหกบบลอกไปแลว สวนทเหลอคอ การจดรปแบบองคประกอบหนาใหกบบลอก รวมถงการใชงาน Gadget หลกชนดตางๆ ของ Blogger
Gadget คออะไร
Gadget ใน Blogger นนหมายถงสวนเสรมทเราสามารถตดตงเพมลงไปในแมแบบของ Blogger ซงบางครงกถกเรยกวา widget ซงกหมายถงสงเดยวกนกบ Gadget
วธเพม Gadget กอนอนให Login เขาไปท blogger หรอ draftblogger gtgt จากแผงควบคมใหเลอก การออกแบบ
หนา 33
จากนนใน Layout ของแมแบบคณจะเหนพนท ดงรปดานลางเพอใหเพม Gadget
และเมอคลก เพม Gadget กจะปรากฏ Gadget พนฐาน 21 อยางทจะกลาวถงในหวขอน
นอกจากนยงม Gadget อกมากมายซงคณสามารถเลอกไดจากเมนแกดเจดเพมเตมทางซายมอ
เมอเลอก Gadget ทตองการแลว คลกทปม + เพอท าการเพม Gadget นน ใสชอ Gadget และตงคาทตองการแลวบนทก
รปทเหนขางบนเปน Gadget ผตดตาม ส าหรบ Gadget อน ๆ กท าไดในท านองเดยวกน
หนา 34
รจกกบ Gadget พนฐาน 21 อยางของ Blogger
1 Gadget หนาเวบ
หลกการของ Gadget ชนดนคอคณจะตองสรางหนาเวบขนมากอน แลวใช Gadget นเปนเมนในการเชอมโยงไปยงหนาเวบ
2 Gadget ผตดตาม
Gadget ชนดนใชเพอใหผอานทชนชอบบลอกของคณไดตดตาม และเมอตดตามแลวความเคลอนไหว และการ update บทความของจะไปปรากฏแผงควบคมของผตดตามโดยอตโนมต และมสทธในการแสดงความคดเหนบนบลอกของคณได (กรณทคณอนญาตเฉพาะสมาชก)
3 Gadget ชองคนหา
เปน Gadget ทตดตงเพอใหผอานสามารถคนหาสงทตองการในบลอกของคณไดงายขน
หนา 35
4 Gadget HTMLจาวาสครปต
Gadget ชนดนเปน Gadget ทยดหยนทสดในบรรดา Gadget ทงหมด สามารถประยกตใชไดหลากหลาย เหมาะส าหรบใชตดตงโคดตาง ๆ ลงบน Blogger เชน โคดปฏทน นาฬกา โคดจาวาสครปต โคดรปภาพ โคดวดโอ โคดของลงค เปนตน
5 Gadget ขอความ
เปน Gadget ทเหมาะส าหรบเขยนขอความ เชน ขอความตอนรบ เปนตน
6 Gadget Adsense
คณจะใช Gadget ชนดนไดเมอสมครเขารวมโปรแกรมหรอเปนตวแทนในการเผยแพรโฆษณาบน Google
7 Gadget รปภาพ
ถาคณตองการแสดงรปภาพบนบลอกอยางเดยวกใหเลอกใช Gadget นครบ
หนา 36
8 Gadget สไลดโชว
Gadget นเปนการดง Albums จาก Picasaweb มาแสดงในรปแบบสไลดโชวบนบลอกของ
9 Gadget แถบวดโอ
Gadget นจะท าใหผใชคนหาวดโอบน Youtube จากบลอกของคณได
10 Gadget แบบส ารวจ
Gadget นถอเปน Gadget หนงทนาสนใจมาก แตยงมผใชจ านวนนอย โดยคณอาจจะใชส ารวจความตองการ หรอความคดเหนของผอานตอบลอกของคณ หรอส ารวจเกยวกบเรองทเกยวของกบเนอหาบนบลอกของคณกได
11 Gadget รายการบลอก
Gadget ชนดนเปน Gadget ทสามารถรวบรวมขาวสารลาสดจากบลอกทคณเลอกหรอบลอกทคณตดตาม พรอมทงสามารถแสดงเนอหาแบบยอไดดวย
หนา 37
12 Gadget รายชอลงค
เปน Gadget ทใชสรางลงคไปยงทตาง ๆ โดยคณสามารถปอน URL บน Gadget ชนดนเพอสราง Link โดยไมตองมความรเรอง HTML มากอนเลย
13 Gadget รายการ
เปน Gadget ทคลายคลงกบ Gadget รายชอลงค แตมความยดหยนกวา สามารถสรางขอความรายการและใส link ใหขอความไดดวย
14 Gadget ฟด
คณสามารถใช Gadget นดงขาวสารจากในบลอกของคณ หรอบลอกอนทคณสนใจเอามาแสดงเพยงแคใสชอบลอกทตองการลงไปลงไปใน gadget
15 Gadget Newsreel
เปน gadget ทท าใหพาดหวขาวจาก Google มาปรากฏบนบลอกของคณเทานน
หนา 38
16 Gadget ปายก ากบ
Gadget นมความส าคญ คณควรจะตดตง เพอใหบทความทเขยนเปนหมวดหม ใหผอานเหนชดเจนเลอกอานไดตรงความตองการมากขน
17 Gadget ลงคการสมคร
Gadget นมความส าคญในเรองการสงขาวสารขอมลจากบลอกของคณไปยงผอาน ผอานจะสามารถสมครรบบทความทาง email หรอผานชองทางอน ๆ ไดจาก Gadget น
18 Gadget โลโก
Gadget นไมส าคญนกเปนเพยงตดตง logo ของ blogger ในหนาบลอกเทานน
19 Gadget โปรไฟล
Gadget นจะแสดงขอมลอยางของคณทไดกรอกเอาไวบนบญชของ Blogger ถาคณตองการแสดงขอมลของคณบน Blog กควรจะตดตง Gadget นครบ
หนา 39
20 Gadget คลงบทความของบลอก
Gadget นจะท าใหผอานเหนบทความทงหมดภายในบลอกของคณได
21 Gadget สวนหวของหนา
Gadget นเปนสวนทใส Title และ Description ของ Blog โดยปกตแลว Template ทวไปกจะตดตงสวนนอยแลว
คณสามารถทดลองใช Gadget เหลานไดโดยไมตองกลวความผดพลาดเพราะ Gadget บน
Blogger นนสามารถลบออกไดอยางงายดายโดยวธการจดการกบ Gadget
หนา 40
บทท 6 การจดการกบ Gadget ในหนาบลอก
ในบททผานมาเราได รจกและใชงาน Gadget ชนดตาง ๆ บน Blogger ผมไดกลาวถงวธการเพม Gadget ใหกบบลอก แตยงไมไดกลาวถงการลบ Gadget ออกจากองคประกอบของหนา และนอกจากน ต าแหนงของ Gadget ยงสามารถเคลอนยายต าแหนงไดอกดวย
การลบ Gadget วธท 1 ถาในขณะทเรา log in และเปดหนาบลอกของเราขนมา กจะสงเกตเหนวามเครองมอ
ปรากฏอยตามทตางๆ ในองคประกอบของหนา
และถาเราคลกเขาไปกจะสามารถแกไข หรอ ลบองคประกอบเหลานนออกไปไดเลยครบ
หนา 41
วธท 2 เราสามารถเขาไปลบ Gadget ไดท แผงควบคม gtgt การออกแบบ gtgt องคประกอบของหนา gtgt เลอกแกไข Gadget ทตองการลบ
จากนนเลอกลบไดเชนเดยวกบกรณแรก
การยายต าแหนง Gadget ส าหรบการยายต าแหนงของ Gadget ท าไดโดยการ เขาไปทแผงควบคม gtgt การออกแบบ gtgt
องคประกอบหนาจากนนใหลากเมาสบน Gadget ทตองการยายไปวางในต าแหนงทตองการไดเลยครบ
หนา 42
เมอเขาใจการท างานของ Gadget ชนดตาง ๆ แลวสงทอยากจะฝากเอาไวตอนทายนกคอการจดองคประกอบหนาของบลอกดงน
แนวทางในการจดองคประกอบหนาบลอก
แนวทางในการจดองคประกอบหนานนไมมกฎเกณฑตายตว บางคนชอบใหม 2 column บางคน ชอบใหม 3 column ซงกขนอยกบความชอบและความตองการใชงาน แตทอยากใหค านงไวเสมอคอ ผอน คอ พระเจา ท าอะไรใหเขาใจงายๆ หาอะไรกเจออยางรวดเรว เขาไวเปนพอครบ และอกประการทส าคญคอ การตดตง Gadget ตาง ๆ ควรตดตงเทาทจ าเปนและตองการใชงาน ปฏทน หรอนาฬกานนกไมควรตดตง ลงไปเลย เพราะไมคมคากบการเพมภาระการโหลดใหกบผเขาชม และถาบลอกของคณโหลดไดชา ก เปนไปไดยากทผอานจะกลบมาอก
องคประกอบในหนาของบลอกทผมคดวาคณควรจะมคอ สวนทบอกตวตนของบลอก
ซงอาจจะแสดงในสวนหวของหนา หรอเปนวดโอ สไลดขอความรปถาย อยในต าแหนงทเหนไดชด สวนทเชอมโยงไปยงบทความในบลอก
สวนนจ าเปนมากเพราะจะชวยใหผอานคนหาบทความไดเรวขน คณอาจจะรวมบทความทงหมดเลยหรอ อาจจะใชวธจดหมวดหมใหผอานเลอกสงทตองการจากบลอกของเราไดเรวขน
สวนพนทของสมาชก
สวนนจะแสดงใหเหนวามผสนใจบลอกของเรามากแคไหน และสามารถสมครตดตามบลอกของเราไดทนท เชนอาจจะใช Gadget ผตดตาม หรอใช Like box Plugins ของ Facebook หรออาจจะท า Poll กได
สวนทเปนชองทางใหผอานตดตอเราได
คณอาจจะท า link เชอมโยงใหผอานตดตอคณได หรออาจจะใช Gadget profile ของ Blogger เพอแนะน าตวกได
หนา 43
บทท 7 การแสดงขาวสารลาสดดวย Gadget ฟด
ความหมายของค าวา ฟดโดยสรปกคอเปนสงทแพรกระจายจากบลอกของเราบนโลก Internet เทยบไดกบคลนสญญาณวทยหรอโทรทศน ถามตวรบทกคนกสามารถมองเหนขาวสารทตองการเลอกรบได นอกจากนถามตวชวยสงใหฟดแพรไดแรงขน ขาวสารกยอมจะแพรกระจายไดเรวดวย
ดงนนถาคณสนใจขาวสารจากบลอกใดบลอกหนงคณกสามารถทจะเปดรบขาวสารจากบลอกนนๆ โดยใช Gadget ฟด ซงเปน Gadget ทสามารถเพมไดอยางไมจ ากด ดงนนถาคณตองการรบขาวจาก 10 บลอกกสามารถท าไดโดยการเพม gadget ฟดเขาไปในบลอก 10 ครง ในขณะเดยวกนถาคณใสชอบลอกของตวเองใน Gadget ฟด Gadget ชนดนจะกลายเปน Gadget ทใชแสดง บทความลาสดนนเองครบ
การแสดงขาวสารลาสดโดยการใช Gadget ฟด
1 ไปทองคประกอบของหนา gtgt เพมฟด Gadget
หนา 44
2 ใสโคดตอไปนลงไปใน Gadget ฟด httpชอบลอกblogspotcomfeedspostsdefault
โดยจะตองเปลยนชอบลอกเปนชอบลอกของของคณเองหรอชอบลอกทคณตองการรบขาวสารท update
ตงคาทตองการเพมเตมและบนทกกจะได feeds ขาวสารมาปรากฏทบลอกของคณ
3 ถาตองการเพมบลอกอนอกกท าซ าขอ 1 และ 2 แตตองเปลยนชอบลอกใหม 4 กรณทคณตองการเรยก feed จากเวบทตองการใหคนหา feed จากเวบ wwwgooglecom
แลวแทนโคดในขอ 2 เชน feed ขาวการศกษาจากเวบ httpwwwrssthaicom ใหใสโคด httpwwwrssthaicomnewsphpt=education แทนในขอ 2
หนา 45
บทท 8 แนะน า Gadget ใหมของ blogger ldquoหนาเวบrdquo
ตามเวบไซตตาง ๆ เราคงจะเคยเหนกนวาแตละเวบไซตจะม เมนส าหรบเลอกเปดไปดหนาอน ๆภายในเวบนนๆ เชน ตวอยางในรปดานลาง
Blogger ไดพฒนา Gadget ตวใหมขนมา มชอวา หนาเวบ เพอใหผใชไดสรางหนาของบลอกทตองการไดโดยไมตองมความรในการดดแปลงหรอแกไขแมแบบดวยตนเอง
การเรยกใช Gadget ชนดนสามารถเลอกใชไดเชนเดยวกบการ Add Gadget ชนดอน ๆ นนคอ ไปท องคประกอบของหนา gtgt แลวเลอก เพม Gadget
ตอไปเรามาดวา Gadget น ใชอยางไร และใชเพอจดประสงคใด หลกการของ Gadget นเหมอนการสรางบทความขนมา 1 บทความ และ สราง Link เชอมโยงไป ยงบทความนน ๆ แตมความพเศษตรงทผใชทวไปสรางเมนขนเองไดอยางงายดาย โดยไมตองมความรพนฐานเกยวกบ HTML เลย
หนา 46
ตวอยางวธการใชงาน(จรง) ในตวอยางนผมจะสราง 2 หนาใหเหนเปนตวอยาง ไดแก HOME และ CONTACT ME
ขนเตรยมการ เนองจากผมจะยกตวอยางการสรางหนา Contact me ดงนนใหทกคนไปสราง Form ส าหรบ
ตดตอเจาของบลอกซงกคอเราเอง ไดท httpwwwfoxyformcom
ซงขนตอนในการสราง ฟอรมนนงายมาก มเพยง 4 ขนเทานน (ดรป)
หนา 47
เมอไดโคด แลวคดลอกเกบเอาไวกอนครบ
ขนสรางหนาเวบจรง ขนท 1 สรางหนาแรก หรอ HOME
Log in เขาไปท draftblogger ไปทแผงควบคม gtgt องคประกอบของหนา gtgt แลวเลอก เพม Gadget เลอกอนแรกเลยครบ คอ gadget หนาเวบ
จากนนกสราง หนาแรกขนมาโดยตงชอตามทตองการไดเลย แลวท าการบนทกครบ
หนา 48
ขนท 2 เมอผานขนท 1 มาแลวกเทากบวาเราไดสราง หนาบลอกขนมาแลว 1 หนา
ถาจะท าการเพมหนาอก ใหไปทแผงควบคม gtgt การสงบทความ gtgt แกไขหนาเวบ gtgt หนาเวบใหม
เมอคลกสรางหนาเวบใหม เรากจะพบเครองมอตาง ๆ เหมอนการเขยนบทความนนเองครบ
หนา 49
ใหน าโคดของ Form ทเตรยมไว จากขนเตรยมการมาวางในหนาหนาน จดรปแบบตามตองการแลวบนทกหนาไดเลยครบ
เพยงขนตอนสน ๆ นเรากจะมเมนเชอมโยงไปยง หนาของบลอกถง 2 หนาดวยกน ไดแก HOME และ CONTACT ME
หนา 50
ขนท 3 - ถาหากตองการเพมหนาบลอกเพมขนอกกท าซ าขนตอนทไดกลาวมาขางตนครบ - แตถาตองการลบหนาบลอกทง กมาทเดม แลวจะเหนค าวาลบ ถาตองการลบทงกกดค าวาลบ
ไดเลย
ขนท 4 วธจดการกบเมนหนาเวบ - ถาตองการเรยงล าดบหนาเวบใหม กไปท องคประกอบของหนา แลว คลก Gadget หนาเวบขนมาแกไข gtgt ดรป
หนา 51
นอกจากน Gadget หนาเวบจะมลกษณะพเศษ คอ ถาอยท Sidebar เมนจะจดเรยงเปนแนวตง
หนา 52
แตถาลากไปในต าแหนงใตสวนหว จะจดเรยงเรยงเปนแนวนอนโดยอตโนมต
หนา 53
บทท 9 นบจ านวนคนเยยมชมดวย Flagcounter
อกบรการนบสถตคนเยยมชมทชวยใหเราทราบวาบลอกของเรามผเยยมชมทงในและตางประเทศมากหรอนอย จาก Flagcounter
วธตดตง
1 ไปท httpwwwflagcountercomindexhtml 2 ตงคาตางๆ ตามความตองการแลวกด GET YOUR FLAG COUNTER ดงรป
3 คดลอก HTML โคด ท FLAG COUNTER ไดสรางใหในขนท 2
หนา 54
4 กลบมาทบลอกของเรา ไปทแผงควบคม gtgt รปแบบ gtgt องคประกอบหนา gtgt เพม Gadget ชนด HTMLจาวาสครปต
5 วางโคดทคดลอกมาจากขนท 3 แลวบนทกครบกเปนอนจบขนตอนครบ ลกษณะทไดกดงรป
หนา 55
บทท 10 รปภาพในบทความบน Blogger
คณเคยสงสยไหมครบวา รปภาพทคณ upload ขนไปขณะทเขยนบทความ หรออาจจะเขยนบทความไปแลว รปเหลานนไปอยทไหน เพราะวา Blogger เองไมม sever ยงตองอาศยฐานขอมลของตวแมคอ blogspotcom อย แลวจะเอาพนท ๆ ไหนมาเกบรปตงมากมาย
ค าตอบคอ Blogger จะใชวธเชอมโยงกบ Application อน ๆ ของ Google เพอแกปญหาการเกบขอมล เชนรปภาพใน Blogger ทเราพดถงกนอยตอนนกจะถกเกบ
อยท Picasa Web Albums ดงนนไมวาจะเปนภาพทคณ Upload ขณะเขยนบทความ กจะถกเกบอยใน Picasa Web Albums ทงหมด
คณใชบรการ Picasa Web Albums ไดอยางไร
การใชบรการ Picasa Web Albums สามารถเขาใชไดทนทหากคณมบญชผใชกบ google อยแลว เชนมบญชผใช Gmail หรอ Blogger อยแลวกสามารถ Log in เขาใชไดเลย
Picasa Web Albums ใหพนทเทาไร
Picasa จะใหพนท เพยง 1 GB ตอ 1 บญชผใช นเปนเหตผลทบางคนอาจจะสงสยวาท าไมคณภาพรปหรอขนาดของรปบน Blogger จงลดลง กลาวคอระบบของ Picasa จะท าการลดขนาดของรปทเรา Upload ผาน Blogger ใหมขนาดเลกลงเพอเปนการประหยดพนทนนเอง
หนา 56
คณจะเขาไปจดการรปภาพจาก Blogger ใน Picasa Web ไดอยางไร การจดการภาพใน Picasa Web Albums ท าได 2 วธคอ
1 ใช Software ทพฒนาขนมาจดการ Picasa Web Albums โดยเฉพาะ
คณสามารถเขาไปดาวนโหลด Picasa ไดท httppicasagooglecom 2 เขาไปจดการทเวบไซต Picasa Web Albums โดยตรง โดยไปท httppicasawebgooglecom และ Log in โดยใชชอบญชเดยวกบ Blogger
คณสามารถเขาไป Unload ภาพไดโดยตรงกบ Picasa แลวเรยกมาใชบน blogger ไดโดยใชตวเลอก อปโหลด
หนา 57
แตถาตองการรปภาพบน Blogger ทไดอปโหลดขนไปแลวกคลกทอลบมทตองการแลวเขาไปจดการภาพไดเชนกน ลบรปภาพบน Blogger แลวรปบน Picasa จะถกลบดวยหรอไม
การลบรปภาพบน Blogger ไมสงผลใด ๆ ตอ Picasa Web Albums เลยเวนแตคณจะเขามาลบใน Picasa Web Albums โดยตรง ดงนนถาในขณะเขยนบทความคณเผลอท าพลาดรปภาพหายไป กสามารถเขามาเอารปภาพจาก Picasa Web Albums ใชงานไดอกโดยไมตอง upload ซ า หรอไมตองไปหาภาพมาใหม บทสรป
บทนแนะน าใหพอรจกการเชอมโยงระหวาง Blogger และ Picasa Web Albums ซงเปนบรการในเครอขาย Google เหมอนกน และจะท าใหคณเขาใจการจดการเกยวกบภาพบน Blogger ไดดขน
หนา 58
บทท 11 การสรางวดโอใน YouTube และน ามาใสในบลอก
ถามวดโอในหนาบลอกของเราดวย การสอสารเรองราวตางๆ กจะมชวตชวาและเขาใจงายขน ซงในทนเราสามารถสรางไดไมยากดวยบรการของ wwwyoutubecom ครบ
ขนตอนการฝากวดโอไวกบ youtube
1 ไปท wwwyoutubecom แลวเลอก Create Account ทมมขวาบนซงในกรณทเรา Login อยในเวบบลอกของเรานน กสามารถใชบรการของ youtube ดวย Account เดมโดยไมตองสมครใหมครบ วธการท าไดโดย
11 คลกท 12 กรอกขอมลส าหรบการสรางบญช โดยใช username ของ gmail ของเราเอง 13 จากนน คลก
หนา 59
14 จะพบหนาตางใหกรอก Username และ รหสผาน ของ gmail ใหกรอก e-mail ของเรา
จะพบหนาจอ ดงน จากนนเรากสามารถท าการเพม Video ไดตามทเราตองการ
หนา 60
2 การฝาก youtube มเงอนไขส าคญๆ ดงน - ความยาวของวดโอไมเกน 10 นาท - ควรเปนวดโอทไมกระทบตอสถาบน ชาต ศาสนา พระมหากษตรย และ ศลธรรมอนดงามของสงคม
3 การ upload วดโอขนไปทเมน upload (ทมมขวาบน) แลวท าการเลอกไฟลวดโอจากเครองของเรา และรอจนการ upload เสรจสน
31 คลกทปม Uploads
32 คลกทปม Upload Video
33 เลอกไฟล Video ทตองการ
34
34 เมอ Upload ได 100 แลวใหคลก Save change
หนา 61
4 เมอ upload เสรจสนแลวคลกทขอความ Embed and Sharing Options เรากเหน HTML code ใหคดลอก code เหลานนมาแปะในสวนทเราตองการ
เชนในทนผมคดลอก code มาแปะในบทความกจะไดผลลพธเปนวดโอตามดานลางทเหนครบ
หนา 62
เรอง หนา บทน าhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 1 บทท 1 การสรางเวบบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 4 บทท 2 วธเปลยน Template ของ Bloggerhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 12 บทท 3 วธเขยนและจดการบทความในบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 22 บทท 4 การตงคาพนฐานตางๆ ใหกบบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 26 บทท 5 รจกและใชงาน Gadget ชนดตางๆ บน Bloggerhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 32 บทท 6 การจดการกบ Gadget ในหนาบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 40 บทท 7 การแสดงขาวสารลาสดดวย Gadget ฟดhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 43 บทท 9 นบจ านวนคนเยยมชมดวย Flagcounterhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 53 บทท 10 รปภาพในบทความบน Bloggerhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 55 บทท 11 การสรางวดโอใน YouTube และน ามาใสในบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 58
หนา 63
255
เอกสารประกอบการฝกอบรมเชงปฏบตการ
การพฒนาสอการเรยนการสอน โดยใชโปรแกรมคอมพวเตอรรวมกบ Weblog
หนา 33
จากนนใน Layout ของแมแบบคณจะเหนพนท ดงรปดานลางเพอใหเพม Gadget
และเมอคลก เพม Gadget กจะปรากฏ Gadget พนฐาน 21 อยางทจะกลาวถงในหวขอน
นอกจากนยงม Gadget อกมากมายซงคณสามารถเลอกไดจากเมนแกดเจดเพมเตมทางซายมอ
เมอเลอก Gadget ทตองการแลว คลกทปม + เพอท าการเพม Gadget นน ใสชอ Gadget และตงคาทตองการแลวบนทก
รปทเหนขางบนเปน Gadget ผตดตาม ส าหรบ Gadget อน ๆ กท าไดในท านองเดยวกน
หนา 34
รจกกบ Gadget พนฐาน 21 อยางของ Blogger
1 Gadget หนาเวบ
หลกการของ Gadget ชนดนคอคณจะตองสรางหนาเวบขนมากอน แลวใช Gadget นเปนเมนในการเชอมโยงไปยงหนาเวบ
2 Gadget ผตดตาม
Gadget ชนดนใชเพอใหผอานทชนชอบบลอกของคณไดตดตาม และเมอตดตามแลวความเคลอนไหว และการ update บทความของจะไปปรากฏแผงควบคมของผตดตามโดยอตโนมต และมสทธในการแสดงความคดเหนบนบลอกของคณได (กรณทคณอนญาตเฉพาะสมาชก)
3 Gadget ชองคนหา
เปน Gadget ทตดตงเพอใหผอานสามารถคนหาสงทตองการในบลอกของคณไดงายขน
หนา 35
4 Gadget HTMLจาวาสครปต
Gadget ชนดนเปน Gadget ทยดหยนทสดในบรรดา Gadget ทงหมด สามารถประยกตใชไดหลากหลาย เหมาะส าหรบใชตดตงโคดตาง ๆ ลงบน Blogger เชน โคดปฏทน นาฬกา โคดจาวาสครปต โคดรปภาพ โคดวดโอ โคดของลงค เปนตน
5 Gadget ขอความ
เปน Gadget ทเหมาะส าหรบเขยนขอความ เชน ขอความตอนรบ เปนตน
6 Gadget Adsense
คณจะใช Gadget ชนดนไดเมอสมครเขารวมโปรแกรมหรอเปนตวแทนในการเผยแพรโฆษณาบน Google
7 Gadget รปภาพ
ถาคณตองการแสดงรปภาพบนบลอกอยางเดยวกใหเลอกใช Gadget นครบ
หนา 36
8 Gadget สไลดโชว
Gadget นเปนการดง Albums จาก Picasaweb มาแสดงในรปแบบสไลดโชวบนบลอกของ
9 Gadget แถบวดโอ
Gadget นจะท าใหผใชคนหาวดโอบน Youtube จากบลอกของคณได
10 Gadget แบบส ารวจ
Gadget นถอเปน Gadget หนงทนาสนใจมาก แตยงมผใชจ านวนนอย โดยคณอาจจะใชส ารวจความตองการ หรอความคดเหนของผอานตอบลอกของคณ หรอส ารวจเกยวกบเรองทเกยวของกบเนอหาบนบลอกของคณกได
11 Gadget รายการบลอก
Gadget ชนดนเปน Gadget ทสามารถรวบรวมขาวสารลาสดจากบลอกทคณเลอกหรอบลอกทคณตดตาม พรอมทงสามารถแสดงเนอหาแบบยอไดดวย
หนา 37
12 Gadget รายชอลงค
เปน Gadget ทใชสรางลงคไปยงทตาง ๆ โดยคณสามารถปอน URL บน Gadget ชนดนเพอสราง Link โดยไมตองมความรเรอง HTML มากอนเลย
13 Gadget รายการ
เปน Gadget ทคลายคลงกบ Gadget รายชอลงค แตมความยดหยนกวา สามารถสรางขอความรายการและใส link ใหขอความไดดวย
14 Gadget ฟด
คณสามารถใช Gadget นดงขาวสารจากในบลอกของคณ หรอบลอกอนทคณสนใจเอามาแสดงเพยงแคใสชอบลอกทตองการลงไปลงไปใน gadget
15 Gadget Newsreel
เปน gadget ทท าใหพาดหวขาวจาก Google มาปรากฏบนบลอกของคณเทานน
หนา 38
16 Gadget ปายก ากบ
Gadget นมความส าคญ คณควรจะตดตง เพอใหบทความทเขยนเปนหมวดหม ใหผอานเหนชดเจนเลอกอานไดตรงความตองการมากขน
17 Gadget ลงคการสมคร
Gadget นมความส าคญในเรองการสงขาวสารขอมลจากบลอกของคณไปยงผอาน ผอานจะสามารถสมครรบบทความทาง email หรอผานชองทางอน ๆ ไดจาก Gadget น
18 Gadget โลโก
Gadget นไมส าคญนกเปนเพยงตดตง logo ของ blogger ในหนาบลอกเทานน
19 Gadget โปรไฟล
Gadget นจะแสดงขอมลอยางของคณทไดกรอกเอาไวบนบญชของ Blogger ถาคณตองการแสดงขอมลของคณบน Blog กควรจะตดตง Gadget นครบ
หนา 39
20 Gadget คลงบทความของบลอก
Gadget นจะท าใหผอานเหนบทความทงหมดภายในบลอกของคณได
21 Gadget สวนหวของหนา
Gadget นเปนสวนทใส Title และ Description ของ Blog โดยปกตแลว Template ทวไปกจะตดตงสวนนอยแลว
คณสามารถทดลองใช Gadget เหลานไดโดยไมตองกลวความผดพลาดเพราะ Gadget บน
Blogger นนสามารถลบออกไดอยางงายดายโดยวธการจดการกบ Gadget
หนา 40
บทท 6 การจดการกบ Gadget ในหนาบลอก
ในบททผานมาเราได รจกและใชงาน Gadget ชนดตาง ๆ บน Blogger ผมไดกลาวถงวธการเพม Gadget ใหกบบลอก แตยงไมไดกลาวถงการลบ Gadget ออกจากองคประกอบของหนา และนอกจากน ต าแหนงของ Gadget ยงสามารถเคลอนยายต าแหนงไดอกดวย
การลบ Gadget วธท 1 ถาในขณะทเรา log in และเปดหนาบลอกของเราขนมา กจะสงเกตเหนวามเครองมอ
ปรากฏอยตามทตางๆ ในองคประกอบของหนา
และถาเราคลกเขาไปกจะสามารถแกไข หรอ ลบองคประกอบเหลานนออกไปไดเลยครบ
หนา 41
วธท 2 เราสามารถเขาไปลบ Gadget ไดท แผงควบคม gtgt การออกแบบ gtgt องคประกอบของหนา gtgt เลอกแกไข Gadget ทตองการลบ
จากนนเลอกลบไดเชนเดยวกบกรณแรก
การยายต าแหนง Gadget ส าหรบการยายต าแหนงของ Gadget ท าไดโดยการ เขาไปทแผงควบคม gtgt การออกแบบ gtgt
องคประกอบหนาจากนนใหลากเมาสบน Gadget ทตองการยายไปวางในต าแหนงทตองการไดเลยครบ
หนา 42
เมอเขาใจการท างานของ Gadget ชนดตาง ๆ แลวสงทอยากจะฝากเอาไวตอนทายนกคอการจดองคประกอบหนาของบลอกดงน
แนวทางในการจดองคประกอบหนาบลอก
แนวทางในการจดองคประกอบหนานนไมมกฎเกณฑตายตว บางคนชอบใหม 2 column บางคน ชอบใหม 3 column ซงกขนอยกบความชอบและความตองการใชงาน แตทอยากใหค านงไวเสมอคอ ผอน คอ พระเจา ท าอะไรใหเขาใจงายๆ หาอะไรกเจออยางรวดเรว เขาไวเปนพอครบ และอกประการทส าคญคอ การตดตง Gadget ตาง ๆ ควรตดตงเทาทจ าเปนและตองการใชงาน ปฏทน หรอนาฬกานนกไมควรตดตง ลงไปเลย เพราะไมคมคากบการเพมภาระการโหลดใหกบผเขาชม และถาบลอกของคณโหลดไดชา ก เปนไปไดยากทผอานจะกลบมาอก
องคประกอบในหนาของบลอกทผมคดวาคณควรจะมคอ สวนทบอกตวตนของบลอก
ซงอาจจะแสดงในสวนหวของหนา หรอเปนวดโอ สไลดขอความรปถาย อยในต าแหนงทเหนไดชด สวนทเชอมโยงไปยงบทความในบลอก
สวนนจ าเปนมากเพราะจะชวยใหผอานคนหาบทความไดเรวขน คณอาจจะรวมบทความทงหมดเลยหรอ อาจจะใชวธจดหมวดหมใหผอานเลอกสงทตองการจากบลอกของเราไดเรวขน
สวนพนทของสมาชก
สวนนจะแสดงใหเหนวามผสนใจบลอกของเรามากแคไหน และสามารถสมครตดตามบลอกของเราไดทนท เชนอาจจะใช Gadget ผตดตาม หรอใช Like box Plugins ของ Facebook หรออาจจะท า Poll กได
สวนทเปนชองทางใหผอานตดตอเราได
คณอาจจะท า link เชอมโยงใหผอานตดตอคณได หรออาจจะใช Gadget profile ของ Blogger เพอแนะน าตวกได
หนา 43
บทท 7 การแสดงขาวสารลาสดดวย Gadget ฟด
ความหมายของค าวา ฟดโดยสรปกคอเปนสงทแพรกระจายจากบลอกของเราบนโลก Internet เทยบไดกบคลนสญญาณวทยหรอโทรทศน ถามตวรบทกคนกสามารถมองเหนขาวสารทตองการเลอกรบได นอกจากนถามตวชวยสงใหฟดแพรไดแรงขน ขาวสารกยอมจะแพรกระจายไดเรวดวย
ดงนนถาคณสนใจขาวสารจากบลอกใดบลอกหนงคณกสามารถทจะเปดรบขาวสารจากบลอกนนๆ โดยใช Gadget ฟด ซงเปน Gadget ทสามารถเพมไดอยางไมจ ากด ดงนนถาคณตองการรบขาวจาก 10 บลอกกสามารถท าไดโดยการเพม gadget ฟดเขาไปในบลอก 10 ครง ในขณะเดยวกนถาคณใสชอบลอกของตวเองใน Gadget ฟด Gadget ชนดนจะกลายเปน Gadget ทใชแสดง บทความลาสดนนเองครบ
การแสดงขาวสารลาสดโดยการใช Gadget ฟด
1 ไปทองคประกอบของหนา gtgt เพมฟด Gadget
หนา 44
2 ใสโคดตอไปนลงไปใน Gadget ฟด httpชอบลอกblogspotcomfeedspostsdefault
โดยจะตองเปลยนชอบลอกเปนชอบลอกของของคณเองหรอชอบลอกทคณตองการรบขาวสารท update
ตงคาทตองการเพมเตมและบนทกกจะได feeds ขาวสารมาปรากฏทบลอกของคณ
3 ถาตองการเพมบลอกอนอกกท าซ าขอ 1 และ 2 แตตองเปลยนชอบลอกใหม 4 กรณทคณตองการเรยก feed จากเวบทตองการใหคนหา feed จากเวบ wwwgooglecom
แลวแทนโคดในขอ 2 เชน feed ขาวการศกษาจากเวบ httpwwwrssthaicom ใหใสโคด httpwwwrssthaicomnewsphpt=education แทนในขอ 2
หนา 45
บทท 8 แนะน า Gadget ใหมของ blogger ldquoหนาเวบrdquo
ตามเวบไซตตาง ๆ เราคงจะเคยเหนกนวาแตละเวบไซตจะม เมนส าหรบเลอกเปดไปดหนาอน ๆภายในเวบนนๆ เชน ตวอยางในรปดานลาง
Blogger ไดพฒนา Gadget ตวใหมขนมา มชอวา หนาเวบ เพอใหผใชไดสรางหนาของบลอกทตองการไดโดยไมตองมความรในการดดแปลงหรอแกไขแมแบบดวยตนเอง
การเรยกใช Gadget ชนดนสามารถเลอกใชไดเชนเดยวกบการ Add Gadget ชนดอน ๆ นนคอ ไปท องคประกอบของหนา gtgt แลวเลอก เพม Gadget
ตอไปเรามาดวา Gadget น ใชอยางไร และใชเพอจดประสงคใด หลกการของ Gadget นเหมอนการสรางบทความขนมา 1 บทความ และ สราง Link เชอมโยงไป ยงบทความนน ๆ แตมความพเศษตรงทผใชทวไปสรางเมนขนเองไดอยางงายดาย โดยไมตองมความรพนฐานเกยวกบ HTML เลย
หนา 46
ตวอยางวธการใชงาน(จรง) ในตวอยางนผมจะสราง 2 หนาใหเหนเปนตวอยาง ไดแก HOME และ CONTACT ME
ขนเตรยมการ เนองจากผมจะยกตวอยางการสรางหนา Contact me ดงนนใหทกคนไปสราง Form ส าหรบ
ตดตอเจาของบลอกซงกคอเราเอง ไดท httpwwwfoxyformcom
ซงขนตอนในการสราง ฟอรมนนงายมาก มเพยง 4 ขนเทานน (ดรป)
หนา 47
เมอไดโคด แลวคดลอกเกบเอาไวกอนครบ
ขนสรางหนาเวบจรง ขนท 1 สรางหนาแรก หรอ HOME
Log in เขาไปท draftblogger ไปทแผงควบคม gtgt องคประกอบของหนา gtgt แลวเลอก เพม Gadget เลอกอนแรกเลยครบ คอ gadget หนาเวบ
จากนนกสราง หนาแรกขนมาโดยตงชอตามทตองการไดเลย แลวท าการบนทกครบ
หนา 48
ขนท 2 เมอผานขนท 1 มาแลวกเทากบวาเราไดสราง หนาบลอกขนมาแลว 1 หนา
ถาจะท าการเพมหนาอก ใหไปทแผงควบคม gtgt การสงบทความ gtgt แกไขหนาเวบ gtgt หนาเวบใหม
เมอคลกสรางหนาเวบใหม เรากจะพบเครองมอตาง ๆ เหมอนการเขยนบทความนนเองครบ
หนา 49
ใหน าโคดของ Form ทเตรยมไว จากขนเตรยมการมาวางในหนาหนาน จดรปแบบตามตองการแลวบนทกหนาไดเลยครบ
เพยงขนตอนสน ๆ นเรากจะมเมนเชอมโยงไปยง หนาของบลอกถง 2 หนาดวยกน ไดแก HOME และ CONTACT ME
หนา 50
ขนท 3 - ถาหากตองการเพมหนาบลอกเพมขนอกกท าซ าขนตอนทไดกลาวมาขางตนครบ - แตถาตองการลบหนาบลอกทง กมาทเดม แลวจะเหนค าวาลบ ถาตองการลบทงกกดค าวาลบ
ไดเลย
ขนท 4 วธจดการกบเมนหนาเวบ - ถาตองการเรยงล าดบหนาเวบใหม กไปท องคประกอบของหนา แลว คลก Gadget หนาเวบขนมาแกไข gtgt ดรป
หนา 51
นอกจากน Gadget หนาเวบจะมลกษณะพเศษ คอ ถาอยท Sidebar เมนจะจดเรยงเปนแนวตง
หนา 52
แตถาลากไปในต าแหนงใตสวนหว จะจดเรยงเรยงเปนแนวนอนโดยอตโนมต
หนา 53
บทท 9 นบจ านวนคนเยยมชมดวย Flagcounter
อกบรการนบสถตคนเยยมชมทชวยใหเราทราบวาบลอกของเรามผเยยมชมทงในและตางประเทศมากหรอนอย จาก Flagcounter
วธตดตง
1 ไปท httpwwwflagcountercomindexhtml 2 ตงคาตางๆ ตามความตองการแลวกด GET YOUR FLAG COUNTER ดงรป
3 คดลอก HTML โคด ท FLAG COUNTER ไดสรางใหในขนท 2
หนา 54
4 กลบมาทบลอกของเรา ไปทแผงควบคม gtgt รปแบบ gtgt องคประกอบหนา gtgt เพม Gadget ชนด HTMLจาวาสครปต
5 วางโคดทคดลอกมาจากขนท 3 แลวบนทกครบกเปนอนจบขนตอนครบ ลกษณะทไดกดงรป
หนา 55
บทท 10 รปภาพในบทความบน Blogger
คณเคยสงสยไหมครบวา รปภาพทคณ upload ขนไปขณะทเขยนบทความ หรออาจจะเขยนบทความไปแลว รปเหลานนไปอยทไหน เพราะวา Blogger เองไมม sever ยงตองอาศยฐานขอมลของตวแมคอ blogspotcom อย แลวจะเอาพนท ๆ ไหนมาเกบรปตงมากมาย
ค าตอบคอ Blogger จะใชวธเชอมโยงกบ Application อน ๆ ของ Google เพอแกปญหาการเกบขอมล เชนรปภาพใน Blogger ทเราพดถงกนอยตอนนกจะถกเกบ
อยท Picasa Web Albums ดงนนไมวาจะเปนภาพทคณ Upload ขณะเขยนบทความ กจะถกเกบอยใน Picasa Web Albums ทงหมด
คณใชบรการ Picasa Web Albums ไดอยางไร
การใชบรการ Picasa Web Albums สามารถเขาใชไดทนทหากคณมบญชผใชกบ google อยแลว เชนมบญชผใช Gmail หรอ Blogger อยแลวกสามารถ Log in เขาใชไดเลย
Picasa Web Albums ใหพนทเทาไร
Picasa จะใหพนท เพยง 1 GB ตอ 1 บญชผใช นเปนเหตผลทบางคนอาจจะสงสยวาท าไมคณภาพรปหรอขนาดของรปบน Blogger จงลดลง กลาวคอระบบของ Picasa จะท าการลดขนาดของรปทเรา Upload ผาน Blogger ใหมขนาดเลกลงเพอเปนการประหยดพนทนนเอง
หนา 56
คณจะเขาไปจดการรปภาพจาก Blogger ใน Picasa Web ไดอยางไร การจดการภาพใน Picasa Web Albums ท าได 2 วธคอ
1 ใช Software ทพฒนาขนมาจดการ Picasa Web Albums โดยเฉพาะ
คณสามารถเขาไปดาวนโหลด Picasa ไดท httppicasagooglecom 2 เขาไปจดการทเวบไซต Picasa Web Albums โดยตรง โดยไปท httppicasawebgooglecom และ Log in โดยใชชอบญชเดยวกบ Blogger
คณสามารถเขาไป Unload ภาพไดโดยตรงกบ Picasa แลวเรยกมาใชบน blogger ไดโดยใชตวเลอก อปโหลด
หนา 57
แตถาตองการรปภาพบน Blogger ทไดอปโหลดขนไปแลวกคลกทอลบมทตองการแลวเขาไปจดการภาพไดเชนกน ลบรปภาพบน Blogger แลวรปบน Picasa จะถกลบดวยหรอไม
การลบรปภาพบน Blogger ไมสงผลใด ๆ ตอ Picasa Web Albums เลยเวนแตคณจะเขามาลบใน Picasa Web Albums โดยตรง ดงนนถาในขณะเขยนบทความคณเผลอท าพลาดรปภาพหายไป กสามารถเขามาเอารปภาพจาก Picasa Web Albums ใชงานไดอกโดยไมตอง upload ซ า หรอไมตองไปหาภาพมาใหม บทสรป
บทนแนะน าใหพอรจกการเชอมโยงระหวาง Blogger และ Picasa Web Albums ซงเปนบรการในเครอขาย Google เหมอนกน และจะท าใหคณเขาใจการจดการเกยวกบภาพบน Blogger ไดดขน
หนา 58
บทท 11 การสรางวดโอใน YouTube และน ามาใสในบลอก
ถามวดโอในหนาบลอกของเราดวย การสอสารเรองราวตางๆ กจะมชวตชวาและเขาใจงายขน ซงในทนเราสามารถสรางไดไมยากดวยบรการของ wwwyoutubecom ครบ
ขนตอนการฝากวดโอไวกบ youtube
1 ไปท wwwyoutubecom แลวเลอก Create Account ทมมขวาบนซงในกรณทเรา Login อยในเวบบลอกของเรานน กสามารถใชบรการของ youtube ดวย Account เดมโดยไมตองสมครใหมครบ วธการท าไดโดย
11 คลกท 12 กรอกขอมลส าหรบการสรางบญช โดยใช username ของ gmail ของเราเอง 13 จากนน คลก
หนา 59
14 จะพบหนาตางใหกรอก Username และ รหสผาน ของ gmail ใหกรอก e-mail ของเรา
จะพบหนาจอ ดงน จากนนเรากสามารถท าการเพม Video ไดตามทเราตองการ
หนา 60
2 การฝาก youtube มเงอนไขส าคญๆ ดงน - ความยาวของวดโอไมเกน 10 นาท - ควรเปนวดโอทไมกระทบตอสถาบน ชาต ศาสนา พระมหากษตรย และ ศลธรรมอนดงามของสงคม
3 การ upload วดโอขนไปทเมน upload (ทมมขวาบน) แลวท าการเลอกไฟลวดโอจากเครองของเรา และรอจนการ upload เสรจสน
31 คลกทปม Uploads
32 คลกทปม Upload Video
33 เลอกไฟล Video ทตองการ
34
34 เมอ Upload ได 100 แลวใหคลก Save change
หนา 61
4 เมอ upload เสรจสนแลวคลกทขอความ Embed and Sharing Options เรากเหน HTML code ใหคดลอก code เหลานนมาแปะในสวนทเราตองการ
เชนในทนผมคดลอก code มาแปะในบทความกจะไดผลลพธเปนวดโอตามดานลางทเหนครบ
หนา 62
เรอง หนา บทน าhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 1 บทท 1 การสรางเวบบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 4 บทท 2 วธเปลยน Template ของ Bloggerhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 12 บทท 3 วธเขยนและจดการบทความในบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 22 บทท 4 การตงคาพนฐานตางๆ ใหกบบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 26 บทท 5 รจกและใชงาน Gadget ชนดตางๆ บน Bloggerhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 32 บทท 6 การจดการกบ Gadget ในหนาบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 40 บทท 7 การแสดงขาวสารลาสดดวย Gadget ฟดhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 43 บทท 9 นบจ านวนคนเยยมชมดวย Flagcounterhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 53 บทท 10 รปภาพในบทความบน Bloggerhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 55 บทท 11 การสรางวดโอใน YouTube และน ามาใสในบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 58
หนา 63
255
เอกสารประกอบการฝกอบรมเชงปฏบตการ
การพฒนาสอการเรยนการสอน โดยใชโปรแกรมคอมพวเตอรรวมกบ Weblog
หนา 34
รจกกบ Gadget พนฐาน 21 อยางของ Blogger
1 Gadget หนาเวบ
หลกการของ Gadget ชนดนคอคณจะตองสรางหนาเวบขนมากอน แลวใช Gadget นเปนเมนในการเชอมโยงไปยงหนาเวบ
2 Gadget ผตดตาม
Gadget ชนดนใชเพอใหผอานทชนชอบบลอกของคณไดตดตาม และเมอตดตามแลวความเคลอนไหว และการ update บทความของจะไปปรากฏแผงควบคมของผตดตามโดยอตโนมต และมสทธในการแสดงความคดเหนบนบลอกของคณได (กรณทคณอนญาตเฉพาะสมาชก)
3 Gadget ชองคนหา
เปน Gadget ทตดตงเพอใหผอานสามารถคนหาสงทตองการในบลอกของคณไดงายขน
หนา 35
4 Gadget HTMLจาวาสครปต
Gadget ชนดนเปน Gadget ทยดหยนทสดในบรรดา Gadget ทงหมด สามารถประยกตใชไดหลากหลาย เหมาะส าหรบใชตดตงโคดตาง ๆ ลงบน Blogger เชน โคดปฏทน นาฬกา โคดจาวาสครปต โคดรปภาพ โคดวดโอ โคดของลงค เปนตน
5 Gadget ขอความ
เปน Gadget ทเหมาะส าหรบเขยนขอความ เชน ขอความตอนรบ เปนตน
6 Gadget Adsense
คณจะใช Gadget ชนดนไดเมอสมครเขารวมโปรแกรมหรอเปนตวแทนในการเผยแพรโฆษณาบน Google
7 Gadget รปภาพ
ถาคณตองการแสดงรปภาพบนบลอกอยางเดยวกใหเลอกใช Gadget นครบ
หนา 36
8 Gadget สไลดโชว
Gadget นเปนการดง Albums จาก Picasaweb มาแสดงในรปแบบสไลดโชวบนบลอกของ
9 Gadget แถบวดโอ
Gadget นจะท าใหผใชคนหาวดโอบน Youtube จากบลอกของคณได
10 Gadget แบบส ารวจ
Gadget นถอเปน Gadget หนงทนาสนใจมาก แตยงมผใชจ านวนนอย โดยคณอาจจะใชส ารวจความตองการ หรอความคดเหนของผอานตอบลอกของคณ หรอส ารวจเกยวกบเรองทเกยวของกบเนอหาบนบลอกของคณกได
11 Gadget รายการบลอก
Gadget ชนดนเปน Gadget ทสามารถรวบรวมขาวสารลาสดจากบลอกทคณเลอกหรอบลอกทคณตดตาม พรอมทงสามารถแสดงเนอหาแบบยอไดดวย
หนา 37
12 Gadget รายชอลงค
เปน Gadget ทใชสรางลงคไปยงทตาง ๆ โดยคณสามารถปอน URL บน Gadget ชนดนเพอสราง Link โดยไมตองมความรเรอง HTML มากอนเลย
13 Gadget รายการ
เปน Gadget ทคลายคลงกบ Gadget รายชอลงค แตมความยดหยนกวา สามารถสรางขอความรายการและใส link ใหขอความไดดวย
14 Gadget ฟด
คณสามารถใช Gadget นดงขาวสารจากในบลอกของคณ หรอบลอกอนทคณสนใจเอามาแสดงเพยงแคใสชอบลอกทตองการลงไปลงไปใน gadget
15 Gadget Newsreel
เปน gadget ทท าใหพาดหวขาวจาก Google มาปรากฏบนบลอกของคณเทานน
หนา 38
16 Gadget ปายก ากบ
Gadget นมความส าคญ คณควรจะตดตง เพอใหบทความทเขยนเปนหมวดหม ใหผอานเหนชดเจนเลอกอานไดตรงความตองการมากขน
17 Gadget ลงคการสมคร
Gadget นมความส าคญในเรองการสงขาวสารขอมลจากบลอกของคณไปยงผอาน ผอานจะสามารถสมครรบบทความทาง email หรอผานชองทางอน ๆ ไดจาก Gadget น
18 Gadget โลโก
Gadget นไมส าคญนกเปนเพยงตดตง logo ของ blogger ในหนาบลอกเทานน
19 Gadget โปรไฟล
Gadget นจะแสดงขอมลอยางของคณทไดกรอกเอาไวบนบญชของ Blogger ถาคณตองการแสดงขอมลของคณบน Blog กควรจะตดตง Gadget นครบ
หนา 39
20 Gadget คลงบทความของบลอก
Gadget นจะท าใหผอานเหนบทความทงหมดภายในบลอกของคณได
21 Gadget สวนหวของหนา
Gadget นเปนสวนทใส Title และ Description ของ Blog โดยปกตแลว Template ทวไปกจะตดตงสวนนอยแลว
คณสามารถทดลองใช Gadget เหลานไดโดยไมตองกลวความผดพลาดเพราะ Gadget บน
Blogger นนสามารถลบออกไดอยางงายดายโดยวธการจดการกบ Gadget
หนา 40
บทท 6 การจดการกบ Gadget ในหนาบลอก
ในบททผานมาเราได รจกและใชงาน Gadget ชนดตาง ๆ บน Blogger ผมไดกลาวถงวธการเพม Gadget ใหกบบลอก แตยงไมไดกลาวถงการลบ Gadget ออกจากองคประกอบของหนา และนอกจากน ต าแหนงของ Gadget ยงสามารถเคลอนยายต าแหนงไดอกดวย
การลบ Gadget วธท 1 ถาในขณะทเรา log in และเปดหนาบลอกของเราขนมา กจะสงเกตเหนวามเครองมอ
ปรากฏอยตามทตางๆ ในองคประกอบของหนา
และถาเราคลกเขาไปกจะสามารถแกไข หรอ ลบองคประกอบเหลานนออกไปไดเลยครบ
หนา 41
วธท 2 เราสามารถเขาไปลบ Gadget ไดท แผงควบคม gtgt การออกแบบ gtgt องคประกอบของหนา gtgt เลอกแกไข Gadget ทตองการลบ
จากนนเลอกลบไดเชนเดยวกบกรณแรก
การยายต าแหนง Gadget ส าหรบการยายต าแหนงของ Gadget ท าไดโดยการ เขาไปทแผงควบคม gtgt การออกแบบ gtgt
องคประกอบหนาจากนนใหลากเมาสบน Gadget ทตองการยายไปวางในต าแหนงทตองการไดเลยครบ
หนา 42
เมอเขาใจการท างานของ Gadget ชนดตาง ๆ แลวสงทอยากจะฝากเอาไวตอนทายนกคอการจดองคประกอบหนาของบลอกดงน
แนวทางในการจดองคประกอบหนาบลอก
แนวทางในการจดองคประกอบหนานนไมมกฎเกณฑตายตว บางคนชอบใหม 2 column บางคน ชอบใหม 3 column ซงกขนอยกบความชอบและความตองการใชงาน แตทอยากใหค านงไวเสมอคอ ผอน คอ พระเจา ท าอะไรใหเขาใจงายๆ หาอะไรกเจออยางรวดเรว เขาไวเปนพอครบ และอกประการทส าคญคอ การตดตง Gadget ตาง ๆ ควรตดตงเทาทจ าเปนและตองการใชงาน ปฏทน หรอนาฬกานนกไมควรตดตง ลงไปเลย เพราะไมคมคากบการเพมภาระการโหลดใหกบผเขาชม และถาบลอกของคณโหลดไดชา ก เปนไปไดยากทผอานจะกลบมาอก
องคประกอบในหนาของบลอกทผมคดวาคณควรจะมคอ สวนทบอกตวตนของบลอก
ซงอาจจะแสดงในสวนหวของหนา หรอเปนวดโอ สไลดขอความรปถาย อยในต าแหนงทเหนไดชด สวนทเชอมโยงไปยงบทความในบลอก
สวนนจ าเปนมากเพราะจะชวยใหผอานคนหาบทความไดเรวขน คณอาจจะรวมบทความทงหมดเลยหรอ อาจจะใชวธจดหมวดหมใหผอานเลอกสงทตองการจากบลอกของเราไดเรวขน
สวนพนทของสมาชก
สวนนจะแสดงใหเหนวามผสนใจบลอกของเรามากแคไหน และสามารถสมครตดตามบลอกของเราไดทนท เชนอาจจะใช Gadget ผตดตาม หรอใช Like box Plugins ของ Facebook หรออาจจะท า Poll กได
สวนทเปนชองทางใหผอานตดตอเราได
คณอาจจะท า link เชอมโยงใหผอานตดตอคณได หรออาจจะใช Gadget profile ของ Blogger เพอแนะน าตวกได
หนา 43
บทท 7 การแสดงขาวสารลาสดดวย Gadget ฟด
ความหมายของค าวา ฟดโดยสรปกคอเปนสงทแพรกระจายจากบลอกของเราบนโลก Internet เทยบไดกบคลนสญญาณวทยหรอโทรทศน ถามตวรบทกคนกสามารถมองเหนขาวสารทตองการเลอกรบได นอกจากนถามตวชวยสงใหฟดแพรไดแรงขน ขาวสารกยอมจะแพรกระจายไดเรวดวย
ดงนนถาคณสนใจขาวสารจากบลอกใดบลอกหนงคณกสามารถทจะเปดรบขาวสารจากบลอกนนๆ โดยใช Gadget ฟด ซงเปน Gadget ทสามารถเพมไดอยางไมจ ากด ดงนนถาคณตองการรบขาวจาก 10 บลอกกสามารถท าไดโดยการเพม gadget ฟดเขาไปในบลอก 10 ครง ในขณะเดยวกนถาคณใสชอบลอกของตวเองใน Gadget ฟด Gadget ชนดนจะกลายเปน Gadget ทใชแสดง บทความลาสดนนเองครบ
การแสดงขาวสารลาสดโดยการใช Gadget ฟด
1 ไปทองคประกอบของหนา gtgt เพมฟด Gadget
หนา 44
2 ใสโคดตอไปนลงไปใน Gadget ฟด httpชอบลอกblogspotcomfeedspostsdefault
โดยจะตองเปลยนชอบลอกเปนชอบลอกของของคณเองหรอชอบลอกทคณตองการรบขาวสารท update
ตงคาทตองการเพมเตมและบนทกกจะได feeds ขาวสารมาปรากฏทบลอกของคณ
3 ถาตองการเพมบลอกอนอกกท าซ าขอ 1 และ 2 แตตองเปลยนชอบลอกใหม 4 กรณทคณตองการเรยก feed จากเวบทตองการใหคนหา feed จากเวบ wwwgooglecom
แลวแทนโคดในขอ 2 เชน feed ขาวการศกษาจากเวบ httpwwwrssthaicom ใหใสโคด httpwwwrssthaicomnewsphpt=education แทนในขอ 2
หนา 45
บทท 8 แนะน า Gadget ใหมของ blogger ldquoหนาเวบrdquo
ตามเวบไซตตาง ๆ เราคงจะเคยเหนกนวาแตละเวบไซตจะม เมนส าหรบเลอกเปดไปดหนาอน ๆภายในเวบนนๆ เชน ตวอยางในรปดานลาง
Blogger ไดพฒนา Gadget ตวใหมขนมา มชอวา หนาเวบ เพอใหผใชไดสรางหนาของบลอกทตองการไดโดยไมตองมความรในการดดแปลงหรอแกไขแมแบบดวยตนเอง
การเรยกใช Gadget ชนดนสามารถเลอกใชไดเชนเดยวกบการ Add Gadget ชนดอน ๆ นนคอ ไปท องคประกอบของหนา gtgt แลวเลอก เพม Gadget
ตอไปเรามาดวา Gadget น ใชอยางไร และใชเพอจดประสงคใด หลกการของ Gadget นเหมอนการสรางบทความขนมา 1 บทความ และ สราง Link เชอมโยงไป ยงบทความนน ๆ แตมความพเศษตรงทผใชทวไปสรางเมนขนเองไดอยางงายดาย โดยไมตองมความรพนฐานเกยวกบ HTML เลย
หนา 46
ตวอยางวธการใชงาน(จรง) ในตวอยางนผมจะสราง 2 หนาใหเหนเปนตวอยาง ไดแก HOME และ CONTACT ME
ขนเตรยมการ เนองจากผมจะยกตวอยางการสรางหนา Contact me ดงนนใหทกคนไปสราง Form ส าหรบ
ตดตอเจาของบลอกซงกคอเราเอง ไดท httpwwwfoxyformcom
ซงขนตอนในการสราง ฟอรมนนงายมาก มเพยง 4 ขนเทานน (ดรป)
หนา 47
เมอไดโคด แลวคดลอกเกบเอาไวกอนครบ
ขนสรางหนาเวบจรง ขนท 1 สรางหนาแรก หรอ HOME
Log in เขาไปท draftblogger ไปทแผงควบคม gtgt องคประกอบของหนา gtgt แลวเลอก เพม Gadget เลอกอนแรกเลยครบ คอ gadget หนาเวบ
จากนนกสราง หนาแรกขนมาโดยตงชอตามทตองการไดเลย แลวท าการบนทกครบ
หนา 48
ขนท 2 เมอผานขนท 1 มาแลวกเทากบวาเราไดสราง หนาบลอกขนมาแลว 1 หนา
ถาจะท าการเพมหนาอก ใหไปทแผงควบคม gtgt การสงบทความ gtgt แกไขหนาเวบ gtgt หนาเวบใหม
เมอคลกสรางหนาเวบใหม เรากจะพบเครองมอตาง ๆ เหมอนการเขยนบทความนนเองครบ
หนา 49
ใหน าโคดของ Form ทเตรยมไว จากขนเตรยมการมาวางในหนาหนาน จดรปแบบตามตองการแลวบนทกหนาไดเลยครบ
เพยงขนตอนสน ๆ นเรากจะมเมนเชอมโยงไปยง หนาของบลอกถง 2 หนาดวยกน ไดแก HOME และ CONTACT ME
หนา 50
ขนท 3 - ถาหากตองการเพมหนาบลอกเพมขนอกกท าซ าขนตอนทไดกลาวมาขางตนครบ - แตถาตองการลบหนาบลอกทง กมาทเดม แลวจะเหนค าวาลบ ถาตองการลบทงกกดค าวาลบ
ไดเลย
ขนท 4 วธจดการกบเมนหนาเวบ - ถาตองการเรยงล าดบหนาเวบใหม กไปท องคประกอบของหนา แลว คลก Gadget หนาเวบขนมาแกไข gtgt ดรป
หนา 51
นอกจากน Gadget หนาเวบจะมลกษณะพเศษ คอ ถาอยท Sidebar เมนจะจดเรยงเปนแนวตง
หนา 52
แตถาลากไปในต าแหนงใตสวนหว จะจดเรยงเรยงเปนแนวนอนโดยอตโนมต
หนา 53
บทท 9 นบจ านวนคนเยยมชมดวย Flagcounter
อกบรการนบสถตคนเยยมชมทชวยใหเราทราบวาบลอกของเรามผเยยมชมทงในและตางประเทศมากหรอนอย จาก Flagcounter
วธตดตง
1 ไปท httpwwwflagcountercomindexhtml 2 ตงคาตางๆ ตามความตองการแลวกด GET YOUR FLAG COUNTER ดงรป
3 คดลอก HTML โคด ท FLAG COUNTER ไดสรางใหในขนท 2
หนา 54
4 กลบมาทบลอกของเรา ไปทแผงควบคม gtgt รปแบบ gtgt องคประกอบหนา gtgt เพม Gadget ชนด HTMLจาวาสครปต
5 วางโคดทคดลอกมาจากขนท 3 แลวบนทกครบกเปนอนจบขนตอนครบ ลกษณะทไดกดงรป
หนา 55
บทท 10 รปภาพในบทความบน Blogger
คณเคยสงสยไหมครบวา รปภาพทคณ upload ขนไปขณะทเขยนบทความ หรออาจจะเขยนบทความไปแลว รปเหลานนไปอยทไหน เพราะวา Blogger เองไมม sever ยงตองอาศยฐานขอมลของตวแมคอ blogspotcom อย แลวจะเอาพนท ๆ ไหนมาเกบรปตงมากมาย
ค าตอบคอ Blogger จะใชวธเชอมโยงกบ Application อน ๆ ของ Google เพอแกปญหาการเกบขอมล เชนรปภาพใน Blogger ทเราพดถงกนอยตอนนกจะถกเกบ
อยท Picasa Web Albums ดงนนไมวาจะเปนภาพทคณ Upload ขณะเขยนบทความ กจะถกเกบอยใน Picasa Web Albums ทงหมด
คณใชบรการ Picasa Web Albums ไดอยางไร
การใชบรการ Picasa Web Albums สามารถเขาใชไดทนทหากคณมบญชผใชกบ google อยแลว เชนมบญชผใช Gmail หรอ Blogger อยแลวกสามารถ Log in เขาใชไดเลย
Picasa Web Albums ใหพนทเทาไร
Picasa จะใหพนท เพยง 1 GB ตอ 1 บญชผใช นเปนเหตผลทบางคนอาจจะสงสยวาท าไมคณภาพรปหรอขนาดของรปบน Blogger จงลดลง กลาวคอระบบของ Picasa จะท าการลดขนาดของรปทเรา Upload ผาน Blogger ใหมขนาดเลกลงเพอเปนการประหยดพนทนนเอง
หนา 56
คณจะเขาไปจดการรปภาพจาก Blogger ใน Picasa Web ไดอยางไร การจดการภาพใน Picasa Web Albums ท าได 2 วธคอ
1 ใช Software ทพฒนาขนมาจดการ Picasa Web Albums โดยเฉพาะ
คณสามารถเขาไปดาวนโหลด Picasa ไดท httppicasagooglecom 2 เขาไปจดการทเวบไซต Picasa Web Albums โดยตรง โดยไปท httppicasawebgooglecom และ Log in โดยใชชอบญชเดยวกบ Blogger
คณสามารถเขาไป Unload ภาพไดโดยตรงกบ Picasa แลวเรยกมาใชบน blogger ไดโดยใชตวเลอก อปโหลด
หนา 57
แตถาตองการรปภาพบน Blogger ทไดอปโหลดขนไปแลวกคลกทอลบมทตองการแลวเขาไปจดการภาพไดเชนกน ลบรปภาพบน Blogger แลวรปบน Picasa จะถกลบดวยหรอไม
การลบรปภาพบน Blogger ไมสงผลใด ๆ ตอ Picasa Web Albums เลยเวนแตคณจะเขามาลบใน Picasa Web Albums โดยตรง ดงนนถาในขณะเขยนบทความคณเผลอท าพลาดรปภาพหายไป กสามารถเขามาเอารปภาพจาก Picasa Web Albums ใชงานไดอกโดยไมตอง upload ซ า หรอไมตองไปหาภาพมาใหม บทสรป
บทนแนะน าใหพอรจกการเชอมโยงระหวาง Blogger และ Picasa Web Albums ซงเปนบรการในเครอขาย Google เหมอนกน และจะท าใหคณเขาใจการจดการเกยวกบภาพบน Blogger ไดดขน
หนา 58
บทท 11 การสรางวดโอใน YouTube และน ามาใสในบลอก
ถามวดโอในหนาบลอกของเราดวย การสอสารเรองราวตางๆ กจะมชวตชวาและเขาใจงายขน ซงในทนเราสามารถสรางไดไมยากดวยบรการของ wwwyoutubecom ครบ
ขนตอนการฝากวดโอไวกบ youtube
1 ไปท wwwyoutubecom แลวเลอก Create Account ทมมขวาบนซงในกรณทเรา Login อยในเวบบลอกของเรานน กสามารถใชบรการของ youtube ดวย Account เดมโดยไมตองสมครใหมครบ วธการท าไดโดย
11 คลกท 12 กรอกขอมลส าหรบการสรางบญช โดยใช username ของ gmail ของเราเอง 13 จากนน คลก
หนา 59
14 จะพบหนาตางใหกรอก Username และ รหสผาน ของ gmail ใหกรอก e-mail ของเรา
จะพบหนาจอ ดงน จากนนเรากสามารถท าการเพม Video ไดตามทเราตองการ
หนา 60
2 การฝาก youtube มเงอนไขส าคญๆ ดงน - ความยาวของวดโอไมเกน 10 นาท - ควรเปนวดโอทไมกระทบตอสถาบน ชาต ศาสนา พระมหากษตรย และ ศลธรรมอนดงามของสงคม
3 การ upload วดโอขนไปทเมน upload (ทมมขวาบน) แลวท าการเลอกไฟลวดโอจากเครองของเรา และรอจนการ upload เสรจสน
31 คลกทปม Uploads
32 คลกทปม Upload Video
33 เลอกไฟล Video ทตองการ
34
34 เมอ Upload ได 100 แลวใหคลก Save change
หนา 61
4 เมอ upload เสรจสนแลวคลกทขอความ Embed and Sharing Options เรากเหน HTML code ใหคดลอก code เหลานนมาแปะในสวนทเราตองการ
เชนในทนผมคดลอก code มาแปะในบทความกจะไดผลลพธเปนวดโอตามดานลางทเหนครบ
หนา 62
เรอง หนา บทน าhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 1 บทท 1 การสรางเวบบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 4 บทท 2 วธเปลยน Template ของ Bloggerhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 12 บทท 3 วธเขยนและจดการบทความในบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 22 บทท 4 การตงคาพนฐานตางๆ ใหกบบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 26 บทท 5 รจกและใชงาน Gadget ชนดตางๆ บน Bloggerhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 32 บทท 6 การจดการกบ Gadget ในหนาบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 40 บทท 7 การแสดงขาวสารลาสดดวย Gadget ฟดhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 43 บทท 9 นบจ านวนคนเยยมชมดวย Flagcounterhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 53 บทท 10 รปภาพในบทความบน Bloggerhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 55 บทท 11 การสรางวดโอใน YouTube และน ามาใสในบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 58
หนา 63
255
เอกสารประกอบการฝกอบรมเชงปฏบตการ
การพฒนาสอการเรยนการสอน โดยใชโปรแกรมคอมพวเตอรรวมกบ Weblog
หนา 35
4 Gadget HTMLจาวาสครปต
Gadget ชนดนเปน Gadget ทยดหยนทสดในบรรดา Gadget ทงหมด สามารถประยกตใชไดหลากหลาย เหมาะส าหรบใชตดตงโคดตาง ๆ ลงบน Blogger เชน โคดปฏทน นาฬกา โคดจาวาสครปต โคดรปภาพ โคดวดโอ โคดของลงค เปนตน
5 Gadget ขอความ
เปน Gadget ทเหมาะส าหรบเขยนขอความ เชน ขอความตอนรบ เปนตน
6 Gadget Adsense
คณจะใช Gadget ชนดนไดเมอสมครเขารวมโปรแกรมหรอเปนตวแทนในการเผยแพรโฆษณาบน Google
7 Gadget รปภาพ
ถาคณตองการแสดงรปภาพบนบลอกอยางเดยวกใหเลอกใช Gadget นครบ
หนา 36
8 Gadget สไลดโชว
Gadget นเปนการดง Albums จาก Picasaweb มาแสดงในรปแบบสไลดโชวบนบลอกของ
9 Gadget แถบวดโอ
Gadget นจะท าใหผใชคนหาวดโอบน Youtube จากบลอกของคณได
10 Gadget แบบส ารวจ
Gadget นถอเปน Gadget หนงทนาสนใจมาก แตยงมผใชจ านวนนอย โดยคณอาจจะใชส ารวจความตองการ หรอความคดเหนของผอานตอบลอกของคณ หรอส ารวจเกยวกบเรองทเกยวของกบเนอหาบนบลอกของคณกได
11 Gadget รายการบลอก
Gadget ชนดนเปน Gadget ทสามารถรวบรวมขาวสารลาสดจากบลอกทคณเลอกหรอบลอกทคณตดตาม พรอมทงสามารถแสดงเนอหาแบบยอไดดวย
หนา 37
12 Gadget รายชอลงค
เปน Gadget ทใชสรางลงคไปยงทตาง ๆ โดยคณสามารถปอน URL บน Gadget ชนดนเพอสราง Link โดยไมตองมความรเรอง HTML มากอนเลย
13 Gadget รายการ
เปน Gadget ทคลายคลงกบ Gadget รายชอลงค แตมความยดหยนกวา สามารถสรางขอความรายการและใส link ใหขอความไดดวย
14 Gadget ฟด
คณสามารถใช Gadget นดงขาวสารจากในบลอกของคณ หรอบลอกอนทคณสนใจเอามาแสดงเพยงแคใสชอบลอกทตองการลงไปลงไปใน gadget
15 Gadget Newsreel
เปน gadget ทท าใหพาดหวขาวจาก Google มาปรากฏบนบลอกของคณเทานน
หนา 38
16 Gadget ปายก ากบ
Gadget นมความส าคญ คณควรจะตดตง เพอใหบทความทเขยนเปนหมวดหม ใหผอานเหนชดเจนเลอกอานไดตรงความตองการมากขน
17 Gadget ลงคการสมคร
Gadget นมความส าคญในเรองการสงขาวสารขอมลจากบลอกของคณไปยงผอาน ผอานจะสามารถสมครรบบทความทาง email หรอผานชองทางอน ๆ ไดจาก Gadget น
18 Gadget โลโก
Gadget นไมส าคญนกเปนเพยงตดตง logo ของ blogger ในหนาบลอกเทานน
19 Gadget โปรไฟล
Gadget นจะแสดงขอมลอยางของคณทไดกรอกเอาไวบนบญชของ Blogger ถาคณตองการแสดงขอมลของคณบน Blog กควรจะตดตง Gadget นครบ
หนา 39
20 Gadget คลงบทความของบลอก
Gadget นจะท าใหผอานเหนบทความทงหมดภายในบลอกของคณได
21 Gadget สวนหวของหนา
Gadget นเปนสวนทใส Title และ Description ของ Blog โดยปกตแลว Template ทวไปกจะตดตงสวนนอยแลว
คณสามารถทดลองใช Gadget เหลานไดโดยไมตองกลวความผดพลาดเพราะ Gadget บน
Blogger นนสามารถลบออกไดอยางงายดายโดยวธการจดการกบ Gadget
หนา 40
บทท 6 การจดการกบ Gadget ในหนาบลอก
ในบททผานมาเราได รจกและใชงาน Gadget ชนดตาง ๆ บน Blogger ผมไดกลาวถงวธการเพม Gadget ใหกบบลอก แตยงไมไดกลาวถงการลบ Gadget ออกจากองคประกอบของหนา และนอกจากน ต าแหนงของ Gadget ยงสามารถเคลอนยายต าแหนงไดอกดวย
การลบ Gadget วธท 1 ถาในขณะทเรา log in และเปดหนาบลอกของเราขนมา กจะสงเกตเหนวามเครองมอ
ปรากฏอยตามทตางๆ ในองคประกอบของหนา
และถาเราคลกเขาไปกจะสามารถแกไข หรอ ลบองคประกอบเหลานนออกไปไดเลยครบ
หนา 41
วธท 2 เราสามารถเขาไปลบ Gadget ไดท แผงควบคม gtgt การออกแบบ gtgt องคประกอบของหนา gtgt เลอกแกไข Gadget ทตองการลบ
จากนนเลอกลบไดเชนเดยวกบกรณแรก
การยายต าแหนง Gadget ส าหรบการยายต าแหนงของ Gadget ท าไดโดยการ เขาไปทแผงควบคม gtgt การออกแบบ gtgt
องคประกอบหนาจากนนใหลากเมาสบน Gadget ทตองการยายไปวางในต าแหนงทตองการไดเลยครบ
หนา 42
เมอเขาใจการท างานของ Gadget ชนดตาง ๆ แลวสงทอยากจะฝากเอาไวตอนทายนกคอการจดองคประกอบหนาของบลอกดงน
แนวทางในการจดองคประกอบหนาบลอก
แนวทางในการจดองคประกอบหนานนไมมกฎเกณฑตายตว บางคนชอบใหม 2 column บางคน ชอบใหม 3 column ซงกขนอยกบความชอบและความตองการใชงาน แตทอยากใหค านงไวเสมอคอ ผอน คอ พระเจา ท าอะไรใหเขาใจงายๆ หาอะไรกเจออยางรวดเรว เขาไวเปนพอครบ และอกประการทส าคญคอ การตดตง Gadget ตาง ๆ ควรตดตงเทาทจ าเปนและตองการใชงาน ปฏทน หรอนาฬกานนกไมควรตดตง ลงไปเลย เพราะไมคมคากบการเพมภาระการโหลดใหกบผเขาชม และถาบลอกของคณโหลดไดชา ก เปนไปไดยากทผอานจะกลบมาอก
องคประกอบในหนาของบลอกทผมคดวาคณควรจะมคอ สวนทบอกตวตนของบลอก
ซงอาจจะแสดงในสวนหวของหนา หรอเปนวดโอ สไลดขอความรปถาย อยในต าแหนงทเหนไดชด สวนทเชอมโยงไปยงบทความในบลอก
สวนนจ าเปนมากเพราะจะชวยใหผอานคนหาบทความไดเรวขน คณอาจจะรวมบทความทงหมดเลยหรอ อาจจะใชวธจดหมวดหมใหผอานเลอกสงทตองการจากบลอกของเราไดเรวขน
สวนพนทของสมาชก
สวนนจะแสดงใหเหนวามผสนใจบลอกของเรามากแคไหน และสามารถสมครตดตามบลอกของเราไดทนท เชนอาจจะใช Gadget ผตดตาม หรอใช Like box Plugins ของ Facebook หรออาจจะท า Poll กได
สวนทเปนชองทางใหผอานตดตอเราได
คณอาจจะท า link เชอมโยงใหผอานตดตอคณได หรออาจจะใช Gadget profile ของ Blogger เพอแนะน าตวกได
หนา 43
บทท 7 การแสดงขาวสารลาสดดวย Gadget ฟด
ความหมายของค าวา ฟดโดยสรปกคอเปนสงทแพรกระจายจากบลอกของเราบนโลก Internet เทยบไดกบคลนสญญาณวทยหรอโทรทศน ถามตวรบทกคนกสามารถมองเหนขาวสารทตองการเลอกรบได นอกจากนถามตวชวยสงใหฟดแพรไดแรงขน ขาวสารกยอมจะแพรกระจายไดเรวดวย
ดงนนถาคณสนใจขาวสารจากบลอกใดบลอกหนงคณกสามารถทจะเปดรบขาวสารจากบลอกนนๆ โดยใช Gadget ฟด ซงเปน Gadget ทสามารถเพมไดอยางไมจ ากด ดงนนถาคณตองการรบขาวจาก 10 บลอกกสามารถท าไดโดยการเพม gadget ฟดเขาไปในบลอก 10 ครง ในขณะเดยวกนถาคณใสชอบลอกของตวเองใน Gadget ฟด Gadget ชนดนจะกลายเปน Gadget ทใชแสดง บทความลาสดนนเองครบ
การแสดงขาวสารลาสดโดยการใช Gadget ฟด
1 ไปทองคประกอบของหนา gtgt เพมฟด Gadget
หนา 44
2 ใสโคดตอไปนลงไปใน Gadget ฟด httpชอบลอกblogspotcomfeedspostsdefault
โดยจะตองเปลยนชอบลอกเปนชอบลอกของของคณเองหรอชอบลอกทคณตองการรบขาวสารท update
ตงคาทตองการเพมเตมและบนทกกจะได feeds ขาวสารมาปรากฏทบลอกของคณ
3 ถาตองการเพมบลอกอนอกกท าซ าขอ 1 และ 2 แตตองเปลยนชอบลอกใหม 4 กรณทคณตองการเรยก feed จากเวบทตองการใหคนหา feed จากเวบ wwwgooglecom
แลวแทนโคดในขอ 2 เชน feed ขาวการศกษาจากเวบ httpwwwrssthaicom ใหใสโคด httpwwwrssthaicomnewsphpt=education แทนในขอ 2
หนา 45
บทท 8 แนะน า Gadget ใหมของ blogger ldquoหนาเวบrdquo
ตามเวบไซตตาง ๆ เราคงจะเคยเหนกนวาแตละเวบไซตจะม เมนส าหรบเลอกเปดไปดหนาอน ๆภายในเวบนนๆ เชน ตวอยางในรปดานลาง
Blogger ไดพฒนา Gadget ตวใหมขนมา มชอวา หนาเวบ เพอใหผใชไดสรางหนาของบลอกทตองการไดโดยไมตองมความรในการดดแปลงหรอแกไขแมแบบดวยตนเอง
การเรยกใช Gadget ชนดนสามารถเลอกใชไดเชนเดยวกบการ Add Gadget ชนดอน ๆ นนคอ ไปท องคประกอบของหนา gtgt แลวเลอก เพม Gadget
ตอไปเรามาดวา Gadget น ใชอยางไร และใชเพอจดประสงคใด หลกการของ Gadget นเหมอนการสรางบทความขนมา 1 บทความ และ สราง Link เชอมโยงไป ยงบทความนน ๆ แตมความพเศษตรงทผใชทวไปสรางเมนขนเองไดอยางงายดาย โดยไมตองมความรพนฐานเกยวกบ HTML เลย
หนา 46
ตวอยางวธการใชงาน(จรง) ในตวอยางนผมจะสราง 2 หนาใหเหนเปนตวอยาง ไดแก HOME และ CONTACT ME
ขนเตรยมการ เนองจากผมจะยกตวอยางการสรางหนา Contact me ดงนนใหทกคนไปสราง Form ส าหรบ
ตดตอเจาของบลอกซงกคอเราเอง ไดท httpwwwfoxyformcom
ซงขนตอนในการสราง ฟอรมนนงายมาก มเพยง 4 ขนเทานน (ดรป)
หนา 47
เมอไดโคด แลวคดลอกเกบเอาไวกอนครบ
ขนสรางหนาเวบจรง ขนท 1 สรางหนาแรก หรอ HOME
Log in เขาไปท draftblogger ไปทแผงควบคม gtgt องคประกอบของหนา gtgt แลวเลอก เพม Gadget เลอกอนแรกเลยครบ คอ gadget หนาเวบ
จากนนกสราง หนาแรกขนมาโดยตงชอตามทตองการไดเลย แลวท าการบนทกครบ
หนา 48
ขนท 2 เมอผานขนท 1 มาแลวกเทากบวาเราไดสราง หนาบลอกขนมาแลว 1 หนา
ถาจะท าการเพมหนาอก ใหไปทแผงควบคม gtgt การสงบทความ gtgt แกไขหนาเวบ gtgt หนาเวบใหม
เมอคลกสรางหนาเวบใหม เรากจะพบเครองมอตาง ๆ เหมอนการเขยนบทความนนเองครบ
หนา 49
ใหน าโคดของ Form ทเตรยมไว จากขนเตรยมการมาวางในหนาหนาน จดรปแบบตามตองการแลวบนทกหนาไดเลยครบ
เพยงขนตอนสน ๆ นเรากจะมเมนเชอมโยงไปยง หนาของบลอกถง 2 หนาดวยกน ไดแก HOME และ CONTACT ME
หนา 50
ขนท 3 - ถาหากตองการเพมหนาบลอกเพมขนอกกท าซ าขนตอนทไดกลาวมาขางตนครบ - แตถาตองการลบหนาบลอกทง กมาทเดม แลวจะเหนค าวาลบ ถาตองการลบทงกกดค าวาลบ
ไดเลย
ขนท 4 วธจดการกบเมนหนาเวบ - ถาตองการเรยงล าดบหนาเวบใหม กไปท องคประกอบของหนา แลว คลก Gadget หนาเวบขนมาแกไข gtgt ดรป
หนา 51
นอกจากน Gadget หนาเวบจะมลกษณะพเศษ คอ ถาอยท Sidebar เมนจะจดเรยงเปนแนวตง
หนา 52
แตถาลากไปในต าแหนงใตสวนหว จะจดเรยงเรยงเปนแนวนอนโดยอตโนมต
หนา 53
บทท 9 นบจ านวนคนเยยมชมดวย Flagcounter
อกบรการนบสถตคนเยยมชมทชวยใหเราทราบวาบลอกของเรามผเยยมชมทงในและตางประเทศมากหรอนอย จาก Flagcounter
วธตดตง
1 ไปท httpwwwflagcountercomindexhtml 2 ตงคาตางๆ ตามความตองการแลวกด GET YOUR FLAG COUNTER ดงรป
3 คดลอก HTML โคด ท FLAG COUNTER ไดสรางใหในขนท 2
หนา 54
4 กลบมาทบลอกของเรา ไปทแผงควบคม gtgt รปแบบ gtgt องคประกอบหนา gtgt เพม Gadget ชนด HTMLจาวาสครปต
5 วางโคดทคดลอกมาจากขนท 3 แลวบนทกครบกเปนอนจบขนตอนครบ ลกษณะทไดกดงรป
หนา 55
บทท 10 รปภาพในบทความบน Blogger
คณเคยสงสยไหมครบวา รปภาพทคณ upload ขนไปขณะทเขยนบทความ หรออาจจะเขยนบทความไปแลว รปเหลานนไปอยทไหน เพราะวา Blogger เองไมม sever ยงตองอาศยฐานขอมลของตวแมคอ blogspotcom อย แลวจะเอาพนท ๆ ไหนมาเกบรปตงมากมาย
ค าตอบคอ Blogger จะใชวธเชอมโยงกบ Application อน ๆ ของ Google เพอแกปญหาการเกบขอมล เชนรปภาพใน Blogger ทเราพดถงกนอยตอนนกจะถกเกบ
อยท Picasa Web Albums ดงนนไมวาจะเปนภาพทคณ Upload ขณะเขยนบทความ กจะถกเกบอยใน Picasa Web Albums ทงหมด
คณใชบรการ Picasa Web Albums ไดอยางไร
การใชบรการ Picasa Web Albums สามารถเขาใชไดทนทหากคณมบญชผใชกบ google อยแลว เชนมบญชผใช Gmail หรอ Blogger อยแลวกสามารถ Log in เขาใชไดเลย
Picasa Web Albums ใหพนทเทาไร
Picasa จะใหพนท เพยง 1 GB ตอ 1 บญชผใช นเปนเหตผลทบางคนอาจจะสงสยวาท าไมคณภาพรปหรอขนาดของรปบน Blogger จงลดลง กลาวคอระบบของ Picasa จะท าการลดขนาดของรปทเรา Upload ผาน Blogger ใหมขนาดเลกลงเพอเปนการประหยดพนทนนเอง
หนา 56
คณจะเขาไปจดการรปภาพจาก Blogger ใน Picasa Web ไดอยางไร การจดการภาพใน Picasa Web Albums ท าได 2 วธคอ
1 ใช Software ทพฒนาขนมาจดการ Picasa Web Albums โดยเฉพาะ
คณสามารถเขาไปดาวนโหลด Picasa ไดท httppicasagooglecom 2 เขาไปจดการทเวบไซต Picasa Web Albums โดยตรง โดยไปท httppicasawebgooglecom และ Log in โดยใชชอบญชเดยวกบ Blogger
คณสามารถเขาไป Unload ภาพไดโดยตรงกบ Picasa แลวเรยกมาใชบน blogger ไดโดยใชตวเลอก อปโหลด
หนา 57
แตถาตองการรปภาพบน Blogger ทไดอปโหลดขนไปแลวกคลกทอลบมทตองการแลวเขาไปจดการภาพไดเชนกน ลบรปภาพบน Blogger แลวรปบน Picasa จะถกลบดวยหรอไม
การลบรปภาพบน Blogger ไมสงผลใด ๆ ตอ Picasa Web Albums เลยเวนแตคณจะเขามาลบใน Picasa Web Albums โดยตรง ดงนนถาในขณะเขยนบทความคณเผลอท าพลาดรปภาพหายไป กสามารถเขามาเอารปภาพจาก Picasa Web Albums ใชงานไดอกโดยไมตอง upload ซ า หรอไมตองไปหาภาพมาใหม บทสรป
บทนแนะน าใหพอรจกการเชอมโยงระหวาง Blogger และ Picasa Web Albums ซงเปนบรการในเครอขาย Google เหมอนกน และจะท าใหคณเขาใจการจดการเกยวกบภาพบน Blogger ไดดขน
หนา 58
บทท 11 การสรางวดโอใน YouTube และน ามาใสในบลอก
ถามวดโอในหนาบลอกของเราดวย การสอสารเรองราวตางๆ กจะมชวตชวาและเขาใจงายขน ซงในทนเราสามารถสรางไดไมยากดวยบรการของ wwwyoutubecom ครบ
ขนตอนการฝากวดโอไวกบ youtube
1 ไปท wwwyoutubecom แลวเลอก Create Account ทมมขวาบนซงในกรณทเรา Login อยในเวบบลอกของเรานน กสามารถใชบรการของ youtube ดวย Account เดมโดยไมตองสมครใหมครบ วธการท าไดโดย
11 คลกท 12 กรอกขอมลส าหรบการสรางบญช โดยใช username ของ gmail ของเราเอง 13 จากนน คลก
หนา 59
14 จะพบหนาตางใหกรอก Username และ รหสผาน ของ gmail ใหกรอก e-mail ของเรา
จะพบหนาจอ ดงน จากนนเรากสามารถท าการเพม Video ไดตามทเราตองการ
หนา 60
2 การฝาก youtube มเงอนไขส าคญๆ ดงน - ความยาวของวดโอไมเกน 10 นาท - ควรเปนวดโอทไมกระทบตอสถาบน ชาต ศาสนา พระมหากษตรย และ ศลธรรมอนดงามของสงคม
3 การ upload วดโอขนไปทเมน upload (ทมมขวาบน) แลวท าการเลอกไฟลวดโอจากเครองของเรา และรอจนการ upload เสรจสน
31 คลกทปม Uploads
32 คลกทปม Upload Video
33 เลอกไฟล Video ทตองการ
34
34 เมอ Upload ได 100 แลวใหคลก Save change
หนา 61
4 เมอ upload เสรจสนแลวคลกทขอความ Embed and Sharing Options เรากเหน HTML code ใหคดลอก code เหลานนมาแปะในสวนทเราตองการ
เชนในทนผมคดลอก code มาแปะในบทความกจะไดผลลพธเปนวดโอตามดานลางทเหนครบ
หนา 62
เรอง หนา บทน าhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 1 บทท 1 การสรางเวบบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 4 บทท 2 วธเปลยน Template ของ Bloggerhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 12 บทท 3 วธเขยนและจดการบทความในบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 22 บทท 4 การตงคาพนฐานตางๆ ใหกบบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 26 บทท 5 รจกและใชงาน Gadget ชนดตางๆ บน Bloggerhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 32 บทท 6 การจดการกบ Gadget ในหนาบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 40 บทท 7 การแสดงขาวสารลาสดดวย Gadget ฟดhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 43 บทท 9 นบจ านวนคนเยยมชมดวย Flagcounterhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 53 บทท 10 รปภาพในบทความบน Bloggerhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 55 บทท 11 การสรางวดโอใน YouTube และน ามาใสในบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 58
หนา 63
255
เอกสารประกอบการฝกอบรมเชงปฏบตการ
การพฒนาสอการเรยนการสอน โดยใชโปรแกรมคอมพวเตอรรวมกบ Weblog
หนา 36
8 Gadget สไลดโชว
Gadget นเปนการดง Albums จาก Picasaweb มาแสดงในรปแบบสไลดโชวบนบลอกของ
9 Gadget แถบวดโอ
Gadget นจะท าใหผใชคนหาวดโอบน Youtube จากบลอกของคณได
10 Gadget แบบส ารวจ
Gadget นถอเปน Gadget หนงทนาสนใจมาก แตยงมผใชจ านวนนอย โดยคณอาจจะใชส ารวจความตองการ หรอความคดเหนของผอานตอบลอกของคณ หรอส ารวจเกยวกบเรองทเกยวของกบเนอหาบนบลอกของคณกได
11 Gadget รายการบลอก
Gadget ชนดนเปน Gadget ทสามารถรวบรวมขาวสารลาสดจากบลอกทคณเลอกหรอบลอกทคณตดตาม พรอมทงสามารถแสดงเนอหาแบบยอไดดวย
หนา 37
12 Gadget รายชอลงค
เปน Gadget ทใชสรางลงคไปยงทตาง ๆ โดยคณสามารถปอน URL บน Gadget ชนดนเพอสราง Link โดยไมตองมความรเรอง HTML มากอนเลย
13 Gadget รายการ
เปน Gadget ทคลายคลงกบ Gadget รายชอลงค แตมความยดหยนกวา สามารถสรางขอความรายการและใส link ใหขอความไดดวย
14 Gadget ฟด
คณสามารถใช Gadget นดงขาวสารจากในบลอกของคณ หรอบลอกอนทคณสนใจเอามาแสดงเพยงแคใสชอบลอกทตองการลงไปลงไปใน gadget
15 Gadget Newsreel
เปน gadget ทท าใหพาดหวขาวจาก Google มาปรากฏบนบลอกของคณเทานน
หนา 38
16 Gadget ปายก ากบ
Gadget นมความส าคญ คณควรจะตดตง เพอใหบทความทเขยนเปนหมวดหม ใหผอานเหนชดเจนเลอกอานไดตรงความตองการมากขน
17 Gadget ลงคการสมคร
Gadget นมความส าคญในเรองการสงขาวสารขอมลจากบลอกของคณไปยงผอาน ผอานจะสามารถสมครรบบทความทาง email หรอผานชองทางอน ๆ ไดจาก Gadget น
18 Gadget โลโก
Gadget นไมส าคญนกเปนเพยงตดตง logo ของ blogger ในหนาบลอกเทานน
19 Gadget โปรไฟล
Gadget นจะแสดงขอมลอยางของคณทไดกรอกเอาไวบนบญชของ Blogger ถาคณตองการแสดงขอมลของคณบน Blog กควรจะตดตง Gadget นครบ
หนา 39
20 Gadget คลงบทความของบลอก
Gadget นจะท าใหผอานเหนบทความทงหมดภายในบลอกของคณได
21 Gadget สวนหวของหนา
Gadget นเปนสวนทใส Title และ Description ของ Blog โดยปกตแลว Template ทวไปกจะตดตงสวนนอยแลว
คณสามารถทดลองใช Gadget เหลานไดโดยไมตองกลวความผดพลาดเพราะ Gadget บน
Blogger นนสามารถลบออกไดอยางงายดายโดยวธการจดการกบ Gadget
หนา 40
บทท 6 การจดการกบ Gadget ในหนาบลอก
ในบททผานมาเราได รจกและใชงาน Gadget ชนดตาง ๆ บน Blogger ผมไดกลาวถงวธการเพม Gadget ใหกบบลอก แตยงไมไดกลาวถงการลบ Gadget ออกจากองคประกอบของหนา และนอกจากน ต าแหนงของ Gadget ยงสามารถเคลอนยายต าแหนงไดอกดวย
การลบ Gadget วธท 1 ถาในขณะทเรา log in และเปดหนาบลอกของเราขนมา กจะสงเกตเหนวามเครองมอ
ปรากฏอยตามทตางๆ ในองคประกอบของหนา
และถาเราคลกเขาไปกจะสามารถแกไข หรอ ลบองคประกอบเหลานนออกไปไดเลยครบ
หนา 41
วธท 2 เราสามารถเขาไปลบ Gadget ไดท แผงควบคม gtgt การออกแบบ gtgt องคประกอบของหนา gtgt เลอกแกไข Gadget ทตองการลบ
จากนนเลอกลบไดเชนเดยวกบกรณแรก
การยายต าแหนง Gadget ส าหรบการยายต าแหนงของ Gadget ท าไดโดยการ เขาไปทแผงควบคม gtgt การออกแบบ gtgt
องคประกอบหนาจากนนใหลากเมาสบน Gadget ทตองการยายไปวางในต าแหนงทตองการไดเลยครบ
หนา 42
เมอเขาใจการท างานของ Gadget ชนดตาง ๆ แลวสงทอยากจะฝากเอาไวตอนทายนกคอการจดองคประกอบหนาของบลอกดงน
แนวทางในการจดองคประกอบหนาบลอก
แนวทางในการจดองคประกอบหนานนไมมกฎเกณฑตายตว บางคนชอบใหม 2 column บางคน ชอบใหม 3 column ซงกขนอยกบความชอบและความตองการใชงาน แตทอยากใหค านงไวเสมอคอ ผอน คอ พระเจา ท าอะไรใหเขาใจงายๆ หาอะไรกเจออยางรวดเรว เขาไวเปนพอครบ และอกประการทส าคญคอ การตดตง Gadget ตาง ๆ ควรตดตงเทาทจ าเปนและตองการใชงาน ปฏทน หรอนาฬกานนกไมควรตดตง ลงไปเลย เพราะไมคมคากบการเพมภาระการโหลดใหกบผเขาชม และถาบลอกของคณโหลดไดชา ก เปนไปไดยากทผอานจะกลบมาอก
องคประกอบในหนาของบลอกทผมคดวาคณควรจะมคอ สวนทบอกตวตนของบลอก
ซงอาจจะแสดงในสวนหวของหนา หรอเปนวดโอ สไลดขอความรปถาย อยในต าแหนงทเหนไดชด สวนทเชอมโยงไปยงบทความในบลอก
สวนนจ าเปนมากเพราะจะชวยใหผอานคนหาบทความไดเรวขน คณอาจจะรวมบทความทงหมดเลยหรอ อาจจะใชวธจดหมวดหมใหผอานเลอกสงทตองการจากบลอกของเราไดเรวขน
สวนพนทของสมาชก
สวนนจะแสดงใหเหนวามผสนใจบลอกของเรามากแคไหน และสามารถสมครตดตามบลอกของเราไดทนท เชนอาจจะใช Gadget ผตดตาม หรอใช Like box Plugins ของ Facebook หรออาจจะท า Poll กได
สวนทเปนชองทางใหผอานตดตอเราได
คณอาจจะท า link เชอมโยงใหผอานตดตอคณได หรออาจจะใช Gadget profile ของ Blogger เพอแนะน าตวกได
หนา 43
บทท 7 การแสดงขาวสารลาสดดวย Gadget ฟด
ความหมายของค าวา ฟดโดยสรปกคอเปนสงทแพรกระจายจากบลอกของเราบนโลก Internet เทยบไดกบคลนสญญาณวทยหรอโทรทศน ถามตวรบทกคนกสามารถมองเหนขาวสารทตองการเลอกรบได นอกจากนถามตวชวยสงใหฟดแพรไดแรงขน ขาวสารกยอมจะแพรกระจายไดเรวดวย
ดงนนถาคณสนใจขาวสารจากบลอกใดบลอกหนงคณกสามารถทจะเปดรบขาวสารจากบลอกนนๆ โดยใช Gadget ฟด ซงเปน Gadget ทสามารถเพมไดอยางไมจ ากด ดงนนถาคณตองการรบขาวจาก 10 บลอกกสามารถท าไดโดยการเพม gadget ฟดเขาไปในบลอก 10 ครง ในขณะเดยวกนถาคณใสชอบลอกของตวเองใน Gadget ฟด Gadget ชนดนจะกลายเปน Gadget ทใชแสดง บทความลาสดนนเองครบ
การแสดงขาวสารลาสดโดยการใช Gadget ฟด
1 ไปทองคประกอบของหนา gtgt เพมฟด Gadget
หนา 44
2 ใสโคดตอไปนลงไปใน Gadget ฟด httpชอบลอกblogspotcomfeedspostsdefault
โดยจะตองเปลยนชอบลอกเปนชอบลอกของของคณเองหรอชอบลอกทคณตองการรบขาวสารท update
ตงคาทตองการเพมเตมและบนทกกจะได feeds ขาวสารมาปรากฏทบลอกของคณ
3 ถาตองการเพมบลอกอนอกกท าซ าขอ 1 และ 2 แตตองเปลยนชอบลอกใหม 4 กรณทคณตองการเรยก feed จากเวบทตองการใหคนหา feed จากเวบ wwwgooglecom
แลวแทนโคดในขอ 2 เชน feed ขาวการศกษาจากเวบ httpwwwrssthaicom ใหใสโคด httpwwwrssthaicomnewsphpt=education แทนในขอ 2
หนา 45
บทท 8 แนะน า Gadget ใหมของ blogger ldquoหนาเวบrdquo
ตามเวบไซตตาง ๆ เราคงจะเคยเหนกนวาแตละเวบไซตจะม เมนส าหรบเลอกเปดไปดหนาอน ๆภายในเวบนนๆ เชน ตวอยางในรปดานลาง
Blogger ไดพฒนา Gadget ตวใหมขนมา มชอวา หนาเวบ เพอใหผใชไดสรางหนาของบลอกทตองการไดโดยไมตองมความรในการดดแปลงหรอแกไขแมแบบดวยตนเอง
การเรยกใช Gadget ชนดนสามารถเลอกใชไดเชนเดยวกบการ Add Gadget ชนดอน ๆ นนคอ ไปท องคประกอบของหนา gtgt แลวเลอก เพม Gadget
ตอไปเรามาดวา Gadget น ใชอยางไร และใชเพอจดประสงคใด หลกการของ Gadget นเหมอนการสรางบทความขนมา 1 บทความ และ สราง Link เชอมโยงไป ยงบทความนน ๆ แตมความพเศษตรงทผใชทวไปสรางเมนขนเองไดอยางงายดาย โดยไมตองมความรพนฐานเกยวกบ HTML เลย
หนา 46
ตวอยางวธการใชงาน(จรง) ในตวอยางนผมจะสราง 2 หนาใหเหนเปนตวอยาง ไดแก HOME และ CONTACT ME
ขนเตรยมการ เนองจากผมจะยกตวอยางการสรางหนา Contact me ดงนนใหทกคนไปสราง Form ส าหรบ
ตดตอเจาของบลอกซงกคอเราเอง ไดท httpwwwfoxyformcom
ซงขนตอนในการสราง ฟอรมนนงายมาก มเพยง 4 ขนเทานน (ดรป)
หนา 47
เมอไดโคด แลวคดลอกเกบเอาไวกอนครบ
ขนสรางหนาเวบจรง ขนท 1 สรางหนาแรก หรอ HOME
Log in เขาไปท draftblogger ไปทแผงควบคม gtgt องคประกอบของหนา gtgt แลวเลอก เพม Gadget เลอกอนแรกเลยครบ คอ gadget หนาเวบ
จากนนกสราง หนาแรกขนมาโดยตงชอตามทตองการไดเลย แลวท าการบนทกครบ
หนา 48
ขนท 2 เมอผานขนท 1 มาแลวกเทากบวาเราไดสราง หนาบลอกขนมาแลว 1 หนา
ถาจะท าการเพมหนาอก ใหไปทแผงควบคม gtgt การสงบทความ gtgt แกไขหนาเวบ gtgt หนาเวบใหม
เมอคลกสรางหนาเวบใหม เรากจะพบเครองมอตาง ๆ เหมอนการเขยนบทความนนเองครบ
หนา 49
ใหน าโคดของ Form ทเตรยมไว จากขนเตรยมการมาวางในหนาหนาน จดรปแบบตามตองการแลวบนทกหนาไดเลยครบ
เพยงขนตอนสน ๆ นเรากจะมเมนเชอมโยงไปยง หนาของบลอกถง 2 หนาดวยกน ไดแก HOME และ CONTACT ME
หนา 50
ขนท 3 - ถาหากตองการเพมหนาบลอกเพมขนอกกท าซ าขนตอนทไดกลาวมาขางตนครบ - แตถาตองการลบหนาบลอกทง กมาทเดม แลวจะเหนค าวาลบ ถาตองการลบทงกกดค าวาลบ
ไดเลย
ขนท 4 วธจดการกบเมนหนาเวบ - ถาตองการเรยงล าดบหนาเวบใหม กไปท องคประกอบของหนา แลว คลก Gadget หนาเวบขนมาแกไข gtgt ดรป
หนา 51
นอกจากน Gadget หนาเวบจะมลกษณะพเศษ คอ ถาอยท Sidebar เมนจะจดเรยงเปนแนวตง
หนา 52
แตถาลากไปในต าแหนงใตสวนหว จะจดเรยงเรยงเปนแนวนอนโดยอตโนมต
หนา 53
บทท 9 นบจ านวนคนเยยมชมดวย Flagcounter
อกบรการนบสถตคนเยยมชมทชวยใหเราทราบวาบลอกของเรามผเยยมชมทงในและตางประเทศมากหรอนอย จาก Flagcounter
วธตดตง
1 ไปท httpwwwflagcountercomindexhtml 2 ตงคาตางๆ ตามความตองการแลวกด GET YOUR FLAG COUNTER ดงรป
3 คดลอก HTML โคด ท FLAG COUNTER ไดสรางใหในขนท 2
หนา 54
4 กลบมาทบลอกของเรา ไปทแผงควบคม gtgt รปแบบ gtgt องคประกอบหนา gtgt เพม Gadget ชนด HTMLจาวาสครปต
5 วางโคดทคดลอกมาจากขนท 3 แลวบนทกครบกเปนอนจบขนตอนครบ ลกษณะทไดกดงรป
หนา 55
บทท 10 รปภาพในบทความบน Blogger
คณเคยสงสยไหมครบวา รปภาพทคณ upload ขนไปขณะทเขยนบทความ หรออาจจะเขยนบทความไปแลว รปเหลานนไปอยทไหน เพราะวา Blogger เองไมม sever ยงตองอาศยฐานขอมลของตวแมคอ blogspotcom อย แลวจะเอาพนท ๆ ไหนมาเกบรปตงมากมาย
ค าตอบคอ Blogger จะใชวธเชอมโยงกบ Application อน ๆ ของ Google เพอแกปญหาการเกบขอมล เชนรปภาพใน Blogger ทเราพดถงกนอยตอนนกจะถกเกบ
อยท Picasa Web Albums ดงนนไมวาจะเปนภาพทคณ Upload ขณะเขยนบทความ กจะถกเกบอยใน Picasa Web Albums ทงหมด
คณใชบรการ Picasa Web Albums ไดอยางไร
การใชบรการ Picasa Web Albums สามารถเขาใชไดทนทหากคณมบญชผใชกบ google อยแลว เชนมบญชผใช Gmail หรอ Blogger อยแลวกสามารถ Log in เขาใชไดเลย
Picasa Web Albums ใหพนทเทาไร
Picasa จะใหพนท เพยง 1 GB ตอ 1 บญชผใช นเปนเหตผลทบางคนอาจจะสงสยวาท าไมคณภาพรปหรอขนาดของรปบน Blogger จงลดลง กลาวคอระบบของ Picasa จะท าการลดขนาดของรปทเรา Upload ผาน Blogger ใหมขนาดเลกลงเพอเปนการประหยดพนทนนเอง
หนา 56
คณจะเขาไปจดการรปภาพจาก Blogger ใน Picasa Web ไดอยางไร การจดการภาพใน Picasa Web Albums ท าได 2 วธคอ
1 ใช Software ทพฒนาขนมาจดการ Picasa Web Albums โดยเฉพาะ
คณสามารถเขาไปดาวนโหลด Picasa ไดท httppicasagooglecom 2 เขาไปจดการทเวบไซต Picasa Web Albums โดยตรง โดยไปท httppicasawebgooglecom และ Log in โดยใชชอบญชเดยวกบ Blogger
คณสามารถเขาไป Unload ภาพไดโดยตรงกบ Picasa แลวเรยกมาใชบน blogger ไดโดยใชตวเลอก อปโหลด
หนา 57
แตถาตองการรปภาพบน Blogger ทไดอปโหลดขนไปแลวกคลกทอลบมทตองการแลวเขาไปจดการภาพไดเชนกน ลบรปภาพบน Blogger แลวรปบน Picasa จะถกลบดวยหรอไม
การลบรปภาพบน Blogger ไมสงผลใด ๆ ตอ Picasa Web Albums เลยเวนแตคณจะเขามาลบใน Picasa Web Albums โดยตรง ดงนนถาในขณะเขยนบทความคณเผลอท าพลาดรปภาพหายไป กสามารถเขามาเอารปภาพจาก Picasa Web Albums ใชงานไดอกโดยไมตอง upload ซ า หรอไมตองไปหาภาพมาใหม บทสรป
บทนแนะน าใหพอรจกการเชอมโยงระหวาง Blogger และ Picasa Web Albums ซงเปนบรการในเครอขาย Google เหมอนกน และจะท าใหคณเขาใจการจดการเกยวกบภาพบน Blogger ไดดขน
หนา 58
บทท 11 การสรางวดโอใน YouTube และน ามาใสในบลอก
ถามวดโอในหนาบลอกของเราดวย การสอสารเรองราวตางๆ กจะมชวตชวาและเขาใจงายขน ซงในทนเราสามารถสรางไดไมยากดวยบรการของ wwwyoutubecom ครบ
ขนตอนการฝากวดโอไวกบ youtube
1 ไปท wwwyoutubecom แลวเลอก Create Account ทมมขวาบนซงในกรณทเรา Login อยในเวบบลอกของเรานน กสามารถใชบรการของ youtube ดวย Account เดมโดยไมตองสมครใหมครบ วธการท าไดโดย
11 คลกท 12 กรอกขอมลส าหรบการสรางบญช โดยใช username ของ gmail ของเราเอง 13 จากนน คลก
หนา 59
14 จะพบหนาตางใหกรอก Username และ รหสผาน ของ gmail ใหกรอก e-mail ของเรา
จะพบหนาจอ ดงน จากนนเรากสามารถท าการเพม Video ไดตามทเราตองการ
หนา 60
2 การฝาก youtube มเงอนไขส าคญๆ ดงน - ความยาวของวดโอไมเกน 10 นาท - ควรเปนวดโอทไมกระทบตอสถาบน ชาต ศาสนา พระมหากษตรย และ ศลธรรมอนดงามของสงคม
3 การ upload วดโอขนไปทเมน upload (ทมมขวาบน) แลวท าการเลอกไฟลวดโอจากเครองของเรา และรอจนการ upload เสรจสน
31 คลกทปม Uploads
32 คลกทปม Upload Video
33 เลอกไฟล Video ทตองการ
34
34 เมอ Upload ได 100 แลวใหคลก Save change
หนา 61
4 เมอ upload เสรจสนแลวคลกทขอความ Embed and Sharing Options เรากเหน HTML code ใหคดลอก code เหลานนมาแปะในสวนทเราตองการ
เชนในทนผมคดลอก code มาแปะในบทความกจะไดผลลพธเปนวดโอตามดานลางทเหนครบ
หนา 62
เรอง หนา บทน าhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 1 บทท 1 การสรางเวบบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 4 บทท 2 วธเปลยน Template ของ Bloggerhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 12 บทท 3 วธเขยนและจดการบทความในบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 22 บทท 4 การตงคาพนฐานตางๆ ใหกบบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 26 บทท 5 รจกและใชงาน Gadget ชนดตางๆ บน Bloggerhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 32 บทท 6 การจดการกบ Gadget ในหนาบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 40 บทท 7 การแสดงขาวสารลาสดดวย Gadget ฟดhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 43 บทท 9 นบจ านวนคนเยยมชมดวย Flagcounterhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 53 บทท 10 รปภาพในบทความบน Bloggerhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 55 บทท 11 การสรางวดโอใน YouTube และน ามาใสในบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 58
หนา 63
255
เอกสารประกอบการฝกอบรมเชงปฏบตการ
การพฒนาสอการเรยนการสอน โดยใชโปรแกรมคอมพวเตอรรวมกบ Weblog
หนา 37
12 Gadget รายชอลงค
เปน Gadget ทใชสรางลงคไปยงทตาง ๆ โดยคณสามารถปอน URL บน Gadget ชนดนเพอสราง Link โดยไมตองมความรเรอง HTML มากอนเลย
13 Gadget รายการ
เปน Gadget ทคลายคลงกบ Gadget รายชอลงค แตมความยดหยนกวา สามารถสรางขอความรายการและใส link ใหขอความไดดวย
14 Gadget ฟด
คณสามารถใช Gadget นดงขาวสารจากในบลอกของคณ หรอบลอกอนทคณสนใจเอามาแสดงเพยงแคใสชอบลอกทตองการลงไปลงไปใน gadget
15 Gadget Newsreel
เปน gadget ทท าใหพาดหวขาวจาก Google มาปรากฏบนบลอกของคณเทานน
หนา 38
16 Gadget ปายก ากบ
Gadget นมความส าคญ คณควรจะตดตง เพอใหบทความทเขยนเปนหมวดหม ใหผอานเหนชดเจนเลอกอานไดตรงความตองการมากขน
17 Gadget ลงคการสมคร
Gadget นมความส าคญในเรองการสงขาวสารขอมลจากบลอกของคณไปยงผอาน ผอานจะสามารถสมครรบบทความทาง email หรอผานชองทางอน ๆ ไดจาก Gadget น
18 Gadget โลโก
Gadget นไมส าคญนกเปนเพยงตดตง logo ของ blogger ในหนาบลอกเทานน
19 Gadget โปรไฟล
Gadget นจะแสดงขอมลอยางของคณทไดกรอกเอาไวบนบญชของ Blogger ถาคณตองการแสดงขอมลของคณบน Blog กควรจะตดตง Gadget นครบ
หนา 39
20 Gadget คลงบทความของบลอก
Gadget นจะท าใหผอานเหนบทความทงหมดภายในบลอกของคณได
21 Gadget สวนหวของหนา
Gadget นเปนสวนทใส Title และ Description ของ Blog โดยปกตแลว Template ทวไปกจะตดตงสวนนอยแลว
คณสามารถทดลองใช Gadget เหลานไดโดยไมตองกลวความผดพลาดเพราะ Gadget บน
Blogger นนสามารถลบออกไดอยางงายดายโดยวธการจดการกบ Gadget
หนา 40
บทท 6 การจดการกบ Gadget ในหนาบลอก
ในบททผานมาเราได รจกและใชงาน Gadget ชนดตาง ๆ บน Blogger ผมไดกลาวถงวธการเพม Gadget ใหกบบลอก แตยงไมไดกลาวถงการลบ Gadget ออกจากองคประกอบของหนา และนอกจากน ต าแหนงของ Gadget ยงสามารถเคลอนยายต าแหนงไดอกดวย
การลบ Gadget วธท 1 ถาในขณะทเรา log in และเปดหนาบลอกของเราขนมา กจะสงเกตเหนวามเครองมอ
ปรากฏอยตามทตางๆ ในองคประกอบของหนา
และถาเราคลกเขาไปกจะสามารถแกไข หรอ ลบองคประกอบเหลานนออกไปไดเลยครบ
หนา 41
วธท 2 เราสามารถเขาไปลบ Gadget ไดท แผงควบคม gtgt การออกแบบ gtgt องคประกอบของหนา gtgt เลอกแกไข Gadget ทตองการลบ
จากนนเลอกลบไดเชนเดยวกบกรณแรก
การยายต าแหนง Gadget ส าหรบการยายต าแหนงของ Gadget ท าไดโดยการ เขาไปทแผงควบคม gtgt การออกแบบ gtgt
องคประกอบหนาจากนนใหลากเมาสบน Gadget ทตองการยายไปวางในต าแหนงทตองการไดเลยครบ
หนา 42
เมอเขาใจการท างานของ Gadget ชนดตาง ๆ แลวสงทอยากจะฝากเอาไวตอนทายนกคอการจดองคประกอบหนาของบลอกดงน
แนวทางในการจดองคประกอบหนาบลอก
แนวทางในการจดองคประกอบหนานนไมมกฎเกณฑตายตว บางคนชอบใหม 2 column บางคน ชอบใหม 3 column ซงกขนอยกบความชอบและความตองการใชงาน แตทอยากใหค านงไวเสมอคอ ผอน คอ พระเจา ท าอะไรใหเขาใจงายๆ หาอะไรกเจออยางรวดเรว เขาไวเปนพอครบ และอกประการทส าคญคอ การตดตง Gadget ตาง ๆ ควรตดตงเทาทจ าเปนและตองการใชงาน ปฏทน หรอนาฬกานนกไมควรตดตง ลงไปเลย เพราะไมคมคากบการเพมภาระการโหลดใหกบผเขาชม และถาบลอกของคณโหลดไดชา ก เปนไปไดยากทผอานจะกลบมาอก
องคประกอบในหนาของบลอกทผมคดวาคณควรจะมคอ สวนทบอกตวตนของบลอก
ซงอาจจะแสดงในสวนหวของหนา หรอเปนวดโอ สไลดขอความรปถาย อยในต าแหนงทเหนไดชด สวนทเชอมโยงไปยงบทความในบลอก
สวนนจ าเปนมากเพราะจะชวยใหผอานคนหาบทความไดเรวขน คณอาจจะรวมบทความทงหมดเลยหรอ อาจจะใชวธจดหมวดหมใหผอานเลอกสงทตองการจากบลอกของเราไดเรวขน
สวนพนทของสมาชก
สวนนจะแสดงใหเหนวามผสนใจบลอกของเรามากแคไหน และสามารถสมครตดตามบลอกของเราไดทนท เชนอาจจะใช Gadget ผตดตาม หรอใช Like box Plugins ของ Facebook หรออาจจะท า Poll กได
สวนทเปนชองทางใหผอานตดตอเราได
คณอาจจะท า link เชอมโยงใหผอานตดตอคณได หรออาจจะใช Gadget profile ของ Blogger เพอแนะน าตวกได
หนา 43
บทท 7 การแสดงขาวสารลาสดดวย Gadget ฟด
ความหมายของค าวา ฟดโดยสรปกคอเปนสงทแพรกระจายจากบลอกของเราบนโลก Internet เทยบไดกบคลนสญญาณวทยหรอโทรทศน ถามตวรบทกคนกสามารถมองเหนขาวสารทตองการเลอกรบได นอกจากนถามตวชวยสงใหฟดแพรไดแรงขน ขาวสารกยอมจะแพรกระจายไดเรวดวย
ดงนนถาคณสนใจขาวสารจากบลอกใดบลอกหนงคณกสามารถทจะเปดรบขาวสารจากบลอกนนๆ โดยใช Gadget ฟด ซงเปน Gadget ทสามารถเพมไดอยางไมจ ากด ดงนนถาคณตองการรบขาวจาก 10 บลอกกสามารถท าไดโดยการเพม gadget ฟดเขาไปในบลอก 10 ครง ในขณะเดยวกนถาคณใสชอบลอกของตวเองใน Gadget ฟด Gadget ชนดนจะกลายเปน Gadget ทใชแสดง บทความลาสดนนเองครบ
การแสดงขาวสารลาสดโดยการใช Gadget ฟด
1 ไปทองคประกอบของหนา gtgt เพมฟด Gadget
หนา 44
2 ใสโคดตอไปนลงไปใน Gadget ฟด httpชอบลอกblogspotcomfeedspostsdefault
โดยจะตองเปลยนชอบลอกเปนชอบลอกของของคณเองหรอชอบลอกทคณตองการรบขาวสารท update
ตงคาทตองการเพมเตมและบนทกกจะได feeds ขาวสารมาปรากฏทบลอกของคณ
3 ถาตองการเพมบลอกอนอกกท าซ าขอ 1 และ 2 แตตองเปลยนชอบลอกใหม 4 กรณทคณตองการเรยก feed จากเวบทตองการใหคนหา feed จากเวบ wwwgooglecom
แลวแทนโคดในขอ 2 เชน feed ขาวการศกษาจากเวบ httpwwwrssthaicom ใหใสโคด httpwwwrssthaicomnewsphpt=education แทนในขอ 2
หนา 45
บทท 8 แนะน า Gadget ใหมของ blogger ldquoหนาเวบrdquo
ตามเวบไซตตาง ๆ เราคงจะเคยเหนกนวาแตละเวบไซตจะม เมนส าหรบเลอกเปดไปดหนาอน ๆภายในเวบนนๆ เชน ตวอยางในรปดานลาง
Blogger ไดพฒนา Gadget ตวใหมขนมา มชอวา หนาเวบ เพอใหผใชไดสรางหนาของบลอกทตองการไดโดยไมตองมความรในการดดแปลงหรอแกไขแมแบบดวยตนเอง
การเรยกใช Gadget ชนดนสามารถเลอกใชไดเชนเดยวกบการ Add Gadget ชนดอน ๆ นนคอ ไปท องคประกอบของหนา gtgt แลวเลอก เพม Gadget
ตอไปเรามาดวา Gadget น ใชอยางไร และใชเพอจดประสงคใด หลกการของ Gadget นเหมอนการสรางบทความขนมา 1 บทความ และ สราง Link เชอมโยงไป ยงบทความนน ๆ แตมความพเศษตรงทผใชทวไปสรางเมนขนเองไดอยางงายดาย โดยไมตองมความรพนฐานเกยวกบ HTML เลย
หนา 46
ตวอยางวธการใชงาน(จรง) ในตวอยางนผมจะสราง 2 หนาใหเหนเปนตวอยาง ไดแก HOME และ CONTACT ME
ขนเตรยมการ เนองจากผมจะยกตวอยางการสรางหนา Contact me ดงนนใหทกคนไปสราง Form ส าหรบ
ตดตอเจาของบลอกซงกคอเราเอง ไดท httpwwwfoxyformcom
ซงขนตอนในการสราง ฟอรมนนงายมาก มเพยง 4 ขนเทานน (ดรป)
หนา 47
เมอไดโคด แลวคดลอกเกบเอาไวกอนครบ
ขนสรางหนาเวบจรง ขนท 1 สรางหนาแรก หรอ HOME
Log in เขาไปท draftblogger ไปทแผงควบคม gtgt องคประกอบของหนา gtgt แลวเลอก เพม Gadget เลอกอนแรกเลยครบ คอ gadget หนาเวบ
จากนนกสราง หนาแรกขนมาโดยตงชอตามทตองการไดเลย แลวท าการบนทกครบ
หนา 48
ขนท 2 เมอผานขนท 1 มาแลวกเทากบวาเราไดสราง หนาบลอกขนมาแลว 1 หนา
ถาจะท าการเพมหนาอก ใหไปทแผงควบคม gtgt การสงบทความ gtgt แกไขหนาเวบ gtgt หนาเวบใหม
เมอคลกสรางหนาเวบใหม เรากจะพบเครองมอตาง ๆ เหมอนการเขยนบทความนนเองครบ
หนา 49
ใหน าโคดของ Form ทเตรยมไว จากขนเตรยมการมาวางในหนาหนาน จดรปแบบตามตองการแลวบนทกหนาไดเลยครบ
เพยงขนตอนสน ๆ นเรากจะมเมนเชอมโยงไปยง หนาของบลอกถง 2 หนาดวยกน ไดแก HOME และ CONTACT ME
หนา 50
ขนท 3 - ถาหากตองการเพมหนาบลอกเพมขนอกกท าซ าขนตอนทไดกลาวมาขางตนครบ - แตถาตองการลบหนาบลอกทง กมาทเดม แลวจะเหนค าวาลบ ถาตองการลบทงกกดค าวาลบ
ไดเลย
ขนท 4 วธจดการกบเมนหนาเวบ - ถาตองการเรยงล าดบหนาเวบใหม กไปท องคประกอบของหนา แลว คลก Gadget หนาเวบขนมาแกไข gtgt ดรป
หนา 51
นอกจากน Gadget หนาเวบจะมลกษณะพเศษ คอ ถาอยท Sidebar เมนจะจดเรยงเปนแนวตง
หนา 52
แตถาลากไปในต าแหนงใตสวนหว จะจดเรยงเรยงเปนแนวนอนโดยอตโนมต
หนา 53
บทท 9 นบจ านวนคนเยยมชมดวย Flagcounter
อกบรการนบสถตคนเยยมชมทชวยใหเราทราบวาบลอกของเรามผเยยมชมทงในและตางประเทศมากหรอนอย จาก Flagcounter
วธตดตง
1 ไปท httpwwwflagcountercomindexhtml 2 ตงคาตางๆ ตามความตองการแลวกด GET YOUR FLAG COUNTER ดงรป
3 คดลอก HTML โคด ท FLAG COUNTER ไดสรางใหในขนท 2
หนา 54
4 กลบมาทบลอกของเรา ไปทแผงควบคม gtgt รปแบบ gtgt องคประกอบหนา gtgt เพม Gadget ชนด HTMLจาวาสครปต
5 วางโคดทคดลอกมาจากขนท 3 แลวบนทกครบกเปนอนจบขนตอนครบ ลกษณะทไดกดงรป
หนา 55
บทท 10 รปภาพในบทความบน Blogger
คณเคยสงสยไหมครบวา รปภาพทคณ upload ขนไปขณะทเขยนบทความ หรออาจจะเขยนบทความไปแลว รปเหลานนไปอยทไหน เพราะวา Blogger เองไมม sever ยงตองอาศยฐานขอมลของตวแมคอ blogspotcom อย แลวจะเอาพนท ๆ ไหนมาเกบรปตงมากมาย
ค าตอบคอ Blogger จะใชวธเชอมโยงกบ Application อน ๆ ของ Google เพอแกปญหาการเกบขอมล เชนรปภาพใน Blogger ทเราพดถงกนอยตอนนกจะถกเกบ
อยท Picasa Web Albums ดงนนไมวาจะเปนภาพทคณ Upload ขณะเขยนบทความ กจะถกเกบอยใน Picasa Web Albums ทงหมด
คณใชบรการ Picasa Web Albums ไดอยางไร
การใชบรการ Picasa Web Albums สามารถเขาใชไดทนทหากคณมบญชผใชกบ google อยแลว เชนมบญชผใช Gmail หรอ Blogger อยแลวกสามารถ Log in เขาใชไดเลย
Picasa Web Albums ใหพนทเทาไร
Picasa จะใหพนท เพยง 1 GB ตอ 1 บญชผใช นเปนเหตผลทบางคนอาจจะสงสยวาท าไมคณภาพรปหรอขนาดของรปบน Blogger จงลดลง กลาวคอระบบของ Picasa จะท าการลดขนาดของรปทเรา Upload ผาน Blogger ใหมขนาดเลกลงเพอเปนการประหยดพนทนนเอง
หนา 56
คณจะเขาไปจดการรปภาพจาก Blogger ใน Picasa Web ไดอยางไร การจดการภาพใน Picasa Web Albums ท าได 2 วธคอ
1 ใช Software ทพฒนาขนมาจดการ Picasa Web Albums โดยเฉพาะ
คณสามารถเขาไปดาวนโหลด Picasa ไดท httppicasagooglecom 2 เขาไปจดการทเวบไซต Picasa Web Albums โดยตรง โดยไปท httppicasawebgooglecom และ Log in โดยใชชอบญชเดยวกบ Blogger
คณสามารถเขาไป Unload ภาพไดโดยตรงกบ Picasa แลวเรยกมาใชบน blogger ไดโดยใชตวเลอก อปโหลด
หนา 57
แตถาตองการรปภาพบน Blogger ทไดอปโหลดขนไปแลวกคลกทอลบมทตองการแลวเขาไปจดการภาพไดเชนกน ลบรปภาพบน Blogger แลวรปบน Picasa จะถกลบดวยหรอไม
การลบรปภาพบน Blogger ไมสงผลใด ๆ ตอ Picasa Web Albums เลยเวนแตคณจะเขามาลบใน Picasa Web Albums โดยตรง ดงนนถาในขณะเขยนบทความคณเผลอท าพลาดรปภาพหายไป กสามารถเขามาเอารปภาพจาก Picasa Web Albums ใชงานไดอกโดยไมตอง upload ซ า หรอไมตองไปหาภาพมาใหม บทสรป
บทนแนะน าใหพอรจกการเชอมโยงระหวาง Blogger และ Picasa Web Albums ซงเปนบรการในเครอขาย Google เหมอนกน และจะท าใหคณเขาใจการจดการเกยวกบภาพบน Blogger ไดดขน
หนา 58
บทท 11 การสรางวดโอใน YouTube และน ามาใสในบลอก
ถามวดโอในหนาบลอกของเราดวย การสอสารเรองราวตางๆ กจะมชวตชวาและเขาใจงายขน ซงในทนเราสามารถสรางไดไมยากดวยบรการของ wwwyoutubecom ครบ
ขนตอนการฝากวดโอไวกบ youtube
1 ไปท wwwyoutubecom แลวเลอก Create Account ทมมขวาบนซงในกรณทเรา Login อยในเวบบลอกของเรานน กสามารถใชบรการของ youtube ดวย Account เดมโดยไมตองสมครใหมครบ วธการท าไดโดย
11 คลกท 12 กรอกขอมลส าหรบการสรางบญช โดยใช username ของ gmail ของเราเอง 13 จากนน คลก
หนา 59
14 จะพบหนาตางใหกรอก Username และ รหสผาน ของ gmail ใหกรอก e-mail ของเรา
จะพบหนาจอ ดงน จากนนเรากสามารถท าการเพม Video ไดตามทเราตองการ
หนา 60
2 การฝาก youtube มเงอนไขส าคญๆ ดงน - ความยาวของวดโอไมเกน 10 นาท - ควรเปนวดโอทไมกระทบตอสถาบน ชาต ศาสนา พระมหากษตรย และ ศลธรรมอนดงามของสงคม
3 การ upload วดโอขนไปทเมน upload (ทมมขวาบน) แลวท าการเลอกไฟลวดโอจากเครองของเรา และรอจนการ upload เสรจสน
31 คลกทปม Uploads
32 คลกทปม Upload Video
33 เลอกไฟล Video ทตองการ
34
34 เมอ Upload ได 100 แลวใหคลก Save change
หนา 61
4 เมอ upload เสรจสนแลวคลกทขอความ Embed and Sharing Options เรากเหน HTML code ใหคดลอก code เหลานนมาแปะในสวนทเราตองการ
เชนในทนผมคดลอก code มาแปะในบทความกจะไดผลลพธเปนวดโอตามดานลางทเหนครบ
หนา 62
เรอง หนา บทน าhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 1 บทท 1 การสรางเวบบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 4 บทท 2 วธเปลยน Template ของ Bloggerhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 12 บทท 3 วธเขยนและจดการบทความในบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 22 บทท 4 การตงคาพนฐานตางๆ ใหกบบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 26 บทท 5 รจกและใชงาน Gadget ชนดตางๆ บน Bloggerhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 32 บทท 6 การจดการกบ Gadget ในหนาบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 40 บทท 7 การแสดงขาวสารลาสดดวย Gadget ฟดhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 43 บทท 9 นบจ านวนคนเยยมชมดวย Flagcounterhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 53 บทท 10 รปภาพในบทความบน Bloggerhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 55 บทท 11 การสรางวดโอใน YouTube และน ามาใสในบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 58
หนา 63
255
เอกสารประกอบการฝกอบรมเชงปฏบตการ
การพฒนาสอการเรยนการสอน โดยใชโปรแกรมคอมพวเตอรรวมกบ Weblog
หนา 38
16 Gadget ปายก ากบ
Gadget นมความส าคญ คณควรจะตดตง เพอใหบทความทเขยนเปนหมวดหม ใหผอานเหนชดเจนเลอกอานไดตรงความตองการมากขน
17 Gadget ลงคการสมคร
Gadget นมความส าคญในเรองการสงขาวสารขอมลจากบลอกของคณไปยงผอาน ผอานจะสามารถสมครรบบทความทาง email หรอผานชองทางอน ๆ ไดจาก Gadget น
18 Gadget โลโก
Gadget นไมส าคญนกเปนเพยงตดตง logo ของ blogger ในหนาบลอกเทานน
19 Gadget โปรไฟล
Gadget นจะแสดงขอมลอยางของคณทไดกรอกเอาไวบนบญชของ Blogger ถาคณตองการแสดงขอมลของคณบน Blog กควรจะตดตง Gadget นครบ
หนา 39
20 Gadget คลงบทความของบลอก
Gadget นจะท าใหผอานเหนบทความทงหมดภายในบลอกของคณได
21 Gadget สวนหวของหนา
Gadget นเปนสวนทใส Title และ Description ของ Blog โดยปกตแลว Template ทวไปกจะตดตงสวนนอยแลว
คณสามารถทดลองใช Gadget เหลานไดโดยไมตองกลวความผดพลาดเพราะ Gadget บน
Blogger นนสามารถลบออกไดอยางงายดายโดยวธการจดการกบ Gadget
หนา 40
บทท 6 การจดการกบ Gadget ในหนาบลอก
ในบททผานมาเราได รจกและใชงาน Gadget ชนดตาง ๆ บน Blogger ผมไดกลาวถงวธการเพม Gadget ใหกบบลอก แตยงไมไดกลาวถงการลบ Gadget ออกจากองคประกอบของหนา และนอกจากน ต าแหนงของ Gadget ยงสามารถเคลอนยายต าแหนงไดอกดวย
การลบ Gadget วธท 1 ถาในขณะทเรา log in และเปดหนาบลอกของเราขนมา กจะสงเกตเหนวามเครองมอ
ปรากฏอยตามทตางๆ ในองคประกอบของหนา
และถาเราคลกเขาไปกจะสามารถแกไข หรอ ลบองคประกอบเหลานนออกไปไดเลยครบ
หนา 41
วธท 2 เราสามารถเขาไปลบ Gadget ไดท แผงควบคม gtgt การออกแบบ gtgt องคประกอบของหนา gtgt เลอกแกไข Gadget ทตองการลบ
จากนนเลอกลบไดเชนเดยวกบกรณแรก
การยายต าแหนง Gadget ส าหรบการยายต าแหนงของ Gadget ท าไดโดยการ เขาไปทแผงควบคม gtgt การออกแบบ gtgt
องคประกอบหนาจากนนใหลากเมาสบน Gadget ทตองการยายไปวางในต าแหนงทตองการไดเลยครบ
หนา 42
เมอเขาใจการท างานของ Gadget ชนดตาง ๆ แลวสงทอยากจะฝากเอาไวตอนทายนกคอการจดองคประกอบหนาของบลอกดงน
แนวทางในการจดองคประกอบหนาบลอก
แนวทางในการจดองคประกอบหนานนไมมกฎเกณฑตายตว บางคนชอบใหม 2 column บางคน ชอบใหม 3 column ซงกขนอยกบความชอบและความตองการใชงาน แตทอยากใหค านงไวเสมอคอ ผอน คอ พระเจา ท าอะไรใหเขาใจงายๆ หาอะไรกเจออยางรวดเรว เขาไวเปนพอครบ และอกประการทส าคญคอ การตดตง Gadget ตาง ๆ ควรตดตงเทาทจ าเปนและตองการใชงาน ปฏทน หรอนาฬกานนกไมควรตดตง ลงไปเลย เพราะไมคมคากบการเพมภาระการโหลดใหกบผเขาชม และถาบลอกของคณโหลดไดชา ก เปนไปไดยากทผอานจะกลบมาอก
องคประกอบในหนาของบลอกทผมคดวาคณควรจะมคอ สวนทบอกตวตนของบลอก
ซงอาจจะแสดงในสวนหวของหนา หรอเปนวดโอ สไลดขอความรปถาย อยในต าแหนงทเหนไดชด สวนทเชอมโยงไปยงบทความในบลอก
สวนนจ าเปนมากเพราะจะชวยใหผอานคนหาบทความไดเรวขน คณอาจจะรวมบทความทงหมดเลยหรอ อาจจะใชวธจดหมวดหมใหผอานเลอกสงทตองการจากบลอกของเราไดเรวขน
สวนพนทของสมาชก
สวนนจะแสดงใหเหนวามผสนใจบลอกของเรามากแคไหน และสามารถสมครตดตามบลอกของเราไดทนท เชนอาจจะใช Gadget ผตดตาม หรอใช Like box Plugins ของ Facebook หรออาจจะท า Poll กได
สวนทเปนชองทางใหผอานตดตอเราได
คณอาจจะท า link เชอมโยงใหผอานตดตอคณได หรออาจจะใช Gadget profile ของ Blogger เพอแนะน าตวกได
หนา 43
บทท 7 การแสดงขาวสารลาสดดวย Gadget ฟด
ความหมายของค าวา ฟดโดยสรปกคอเปนสงทแพรกระจายจากบลอกของเราบนโลก Internet เทยบไดกบคลนสญญาณวทยหรอโทรทศน ถามตวรบทกคนกสามารถมองเหนขาวสารทตองการเลอกรบได นอกจากนถามตวชวยสงใหฟดแพรไดแรงขน ขาวสารกยอมจะแพรกระจายไดเรวดวย
ดงนนถาคณสนใจขาวสารจากบลอกใดบลอกหนงคณกสามารถทจะเปดรบขาวสารจากบลอกนนๆ โดยใช Gadget ฟด ซงเปน Gadget ทสามารถเพมไดอยางไมจ ากด ดงนนถาคณตองการรบขาวจาก 10 บลอกกสามารถท าไดโดยการเพม gadget ฟดเขาไปในบลอก 10 ครง ในขณะเดยวกนถาคณใสชอบลอกของตวเองใน Gadget ฟด Gadget ชนดนจะกลายเปน Gadget ทใชแสดง บทความลาสดนนเองครบ
การแสดงขาวสารลาสดโดยการใช Gadget ฟด
1 ไปทองคประกอบของหนา gtgt เพมฟด Gadget
หนา 44
2 ใสโคดตอไปนลงไปใน Gadget ฟด httpชอบลอกblogspotcomfeedspostsdefault
โดยจะตองเปลยนชอบลอกเปนชอบลอกของของคณเองหรอชอบลอกทคณตองการรบขาวสารท update
ตงคาทตองการเพมเตมและบนทกกจะได feeds ขาวสารมาปรากฏทบลอกของคณ
3 ถาตองการเพมบลอกอนอกกท าซ าขอ 1 และ 2 แตตองเปลยนชอบลอกใหม 4 กรณทคณตองการเรยก feed จากเวบทตองการใหคนหา feed จากเวบ wwwgooglecom
แลวแทนโคดในขอ 2 เชน feed ขาวการศกษาจากเวบ httpwwwrssthaicom ใหใสโคด httpwwwrssthaicomnewsphpt=education แทนในขอ 2
หนา 45
บทท 8 แนะน า Gadget ใหมของ blogger ldquoหนาเวบrdquo
ตามเวบไซตตาง ๆ เราคงจะเคยเหนกนวาแตละเวบไซตจะม เมนส าหรบเลอกเปดไปดหนาอน ๆภายในเวบนนๆ เชน ตวอยางในรปดานลาง
Blogger ไดพฒนา Gadget ตวใหมขนมา มชอวา หนาเวบ เพอใหผใชไดสรางหนาของบลอกทตองการไดโดยไมตองมความรในการดดแปลงหรอแกไขแมแบบดวยตนเอง
การเรยกใช Gadget ชนดนสามารถเลอกใชไดเชนเดยวกบการ Add Gadget ชนดอน ๆ นนคอ ไปท องคประกอบของหนา gtgt แลวเลอก เพม Gadget
ตอไปเรามาดวา Gadget น ใชอยางไร และใชเพอจดประสงคใด หลกการของ Gadget นเหมอนการสรางบทความขนมา 1 บทความ และ สราง Link เชอมโยงไป ยงบทความนน ๆ แตมความพเศษตรงทผใชทวไปสรางเมนขนเองไดอยางงายดาย โดยไมตองมความรพนฐานเกยวกบ HTML เลย
หนา 46
ตวอยางวธการใชงาน(จรง) ในตวอยางนผมจะสราง 2 หนาใหเหนเปนตวอยาง ไดแก HOME และ CONTACT ME
ขนเตรยมการ เนองจากผมจะยกตวอยางการสรางหนา Contact me ดงนนใหทกคนไปสราง Form ส าหรบ
ตดตอเจาของบลอกซงกคอเราเอง ไดท httpwwwfoxyformcom
ซงขนตอนในการสราง ฟอรมนนงายมาก มเพยง 4 ขนเทานน (ดรป)
หนา 47
เมอไดโคด แลวคดลอกเกบเอาไวกอนครบ
ขนสรางหนาเวบจรง ขนท 1 สรางหนาแรก หรอ HOME
Log in เขาไปท draftblogger ไปทแผงควบคม gtgt องคประกอบของหนา gtgt แลวเลอก เพม Gadget เลอกอนแรกเลยครบ คอ gadget หนาเวบ
จากนนกสราง หนาแรกขนมาโดยตงชอตามทตองการไดเลย แลวท าการบนทกครบ
หนา 48
ขนท 2 เมอผานขนท 1 มาแลวกเทากบวาเราไดสราง หนาบลอกขนมาแลว 1 หนา
ถาจะท าการเพมหนาอก ใหไปทแผงควบคม gtgt การสงบทความ gtgt แกไขหนาเวบ gtgt หนาเวบใหม
เมอคลกสรางหนาเวบใหม เรากจะพบเครองมอตาง ๆ เหมอนการเขยนบทความนนเองครบ
หนา 49
ใหน าโคดของ Form ทเตรยมไว จากขนเตรยมการมาวางในหนาหนาน จดรปแบบตามตองการแลวบนทกหนาไดเลยครบ
เพยงขนตอนสน ๆ นเรากจะมเมนเชอมโยงไปยง หนาของบลอกถง 2 หนาดวยกน ไดแก HOME และ CONTACT ME
หนา 50
ขนท 3 - ถาหากตองการเพมหนาบลอกเพมขนอกกท าซ าขนตอนทไดกลาวมาขางตนครบ - แตถาตองการลบหนาบลอกทง กมาทเดม แลวจะเหนค าวาลบ ถาตองการลบทงกกดค าวาลบ
ไดเลย
ขนท 4 วธจดการกบเมนหนาเวบ - ถาตองการเรยงล าดบหนาเวบใหม กไปท องคประกอบของหนา แลว คลก Gadget หนาเวบขนมาแกไข gtgt ดรป
หนา 51
นอกจากน Gadget หนาเวบจะมลกษณะพเศษ คอ ถาอยท Sidebar เมนจะจดเรยงเปนแนวตง
หนา 52
แตถาลากไปในต าแหนงใตสวนหว จะจดเรยงเรยงเปนแนวนอนโดยอตโนมต
หนา 53
บทท 9 นบจ านวนคนเยยมชมดวย Flagcounter
อกบรการนบสถตคนเยยมชมทชวยใหเราทราบวาบลอกของเรามผเยยมชมทงในและตางประเทศมากหรอนอย จาก Flagcounter
วธตดตง
1 ไปท httpwwwflagcountercomindexhtml 2 ตงคาตางๆ ตามความตองการแลวกด GET YOUR FLAG COUNTER ดงรป
3 คดลอก HTML โคด ท FLAG COUNTER ไดสรางใหในขนท 2
หนา 54
4 กลบมาทบลอกของเรา ไปทแผงควบคม gtgt รปแบบ gtgt องคประกอบหนา gtgt เพม Gadget ชนด HTMLจาวาสครปต
5 วางโคดทคดลอกมาจากขนท 3 แลวบนทกครบกเปนอนจบขนตอนครบ ลกษณะทไดกดงรป
หนา 55
บทท 10 รปภาพในบทความบน Blogger
คณเคยสงสยไหมครบวา รปภาพทคณ upload ขนไปขณะทเขยนบทความ หรออาจจะเขยนบทความไปแลว รปเหลานนไปอยทไหน เพราะวา Blogger เองไมม sever ยงตองอาศยฐานขอมลของตวแมคอ blogspotcom อย แลวจะเอาพนท ๆ ไหนมาเกบรปตงมากมาย
ค าตอบคอ Blogger จะใชวธเชอมโยงกบ Application อน ๆ ของ Google เพอแกปญหาการเกบขอมล เชนรปภาพใน Blogger ทเราพดถงกนอยตอนนกจะถกเกบ
อยท Picasa Web Albums ดงนนไมวาจะเปนภาพทคณ Upload ขณะเขยนบทความ กจะถกเกบอยใน Picasa Web Albums ทงหมด
คณใชบรการ Picasa Web Albums ไดอยางไร
การใชบรการ Picasa Web Albums สามารถเขาใชไดทนทหากคณมบญชผใชกบ google อยแลว เชนมบญชผใช Gmail หรอ Blogger อยแลวกสามารถ Log in เขาใชไดเลย
Picasa Web Albums ใหพนทเทาไร
Picasa จะใหพนท เพยง 1 GB ตอ 1 บญชผใช นเปนเหตผลทบางคนอาจจะสงสยวาท าไมคณภาพรปหรอขนาดของรปบน Blogger จงลดลง กลาวคอระบบของ Picasa จะท าการลดขนาดของรปทเรา Upload ผาน Blogger ใหมขนาดเลกลงเพอเปนการประหยดพนทนนเอง
หนา 56
คณจะเขาไปจดการรปภาพจาก Blogger ใน Picasa Web ไดอยางไร การจดการภาพใน Picasa Web Albums ท าได 2 วธคอ
1 ใช Software ทพฒนาขนมาจดการ Picasa Web Albums โดยเฉพาะ
คณสามารถเขาไปดาวนโหลด Picasa ไดท httppicasagooglecom 2 เขาไปจดการทเวบไซต Picasa Web Albums โดยตรง โดยไปท httppicasawebgooglecom และ Log in โดยใชชอบญชเดยวกบ Blogger
คณสามารถเขาไป Unload ภาพไดโดยตรงกบ Picasa แลวเรยกมาใชบน blogger ไดโดยใชตวเลอก อปโหลด
หนา 57
แตถาตองการรปภาพบน Blogger ทไดอปโหลดขนไปแลวกคลกทอลบมทตองการแลวเขาไปจดการภาพไดเชนกน ลบรปภาพบน Blogger แลวรปบน Picasa จะถกลบดวยหรอไม
การลบรปภาพบน Blogger ไมสงผลใด ๆ ตอ Picasa Web Albums เลยเวนแตคณจะเขามาลบใน Picasa Web Albums โดยตรง ดงนนถาในขณะเขยนบทความคณเผลอท าพลาดรปภาพหายไป กสามารถเขามาเอารปภาพจาก Picasa Web Albums ใชงานไดอกโดยไมตอง upload ซ า หรอไมตองไปหาภาพมาใหม บทสรป
บทนแนะน าใหพอรจกการเชอมโยงระหวาง Blogger และ Picasa Web Albums ซงเปนบรการในเครอขาย Google เหมอนกน และจะท าใหคณเขาใจการจดการเกยวกบภาพบน Blogger ไดดขน
หนา 58
บทท 11 การสรางวดโอใน YouTube และน ามาใสในบลอก
ถามวดโอในหนาบลอกของเราดวย การสอสารเรองราวตางๆ กจะมชวตชวาและเขาใจงายขน ซงในทนเราสามารถสรางไดไมยากดวยบรการของ wwwyoutubecom ครบ
ขนตอนการฝากวดโอไวกบ youtube
1 ไปท wwwyoutubecom แลวเลอก Create Account ทมมขวาบนซงในกรณทเรา Login อยในเวบบลอกของเรานน กสามารถใชบรการของ youtube ดวย Account เดมโดยไมตองสมครใหมครบ วธการท าไดโดย
11 คลกท 12 กรอกขอมลส าหรบการสรางบญช โดยใช username ของ gmail ของเราเอง 13 จากนน คลก
หนา 59
14 จะพบหนาตางใหกรอก Username และ รหสผาน ของ gmail ใหกรอก e-mail ของเรา
จะพบหนาจอ ดงน จากนนเรากสามารถท าการเพม Video ไดตามทเราตองการ
หนา 60
2 การฝาก youtube มเงอนไขส าคญๆ ดงน - ความยาวของวดโอไมเกน 10 นาท - ควรเปนวดโอทไมกระทบตอสถาบน ชาต ศาสนา พระมหากษตรย และ ศลธรรมอนดงามของสงคม
3 การ upload วดโอขนไปทเมน upload (ทมมขวาบน) แลวท าการเลอกไฟลวดโอจากเครองของเรา และรอจนการ upload เสรจสน
31 คลกทปม Uploads
32 คลกทปม Upload Video
33 เลอกไฟล Video ทตองการ
34
34 เมอ Upload ได 100 แลวใหคลก Save change
หนา 61
4 เมอ upload เสรจสนแลวคลกทขอความ Embed and Sharing Options เรากเหน HTML code ใหคดลอก code เหลานนมาแปะในสวนทเราตองการ
เชนในทนผมคดลอก code มาแปะในบทความกจะไดผลลพธเปนวดโอตามดานลางทเหนครบ
หนา 62
เรอง หนา บทน าhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 1 บทท 1 การสรางเวบบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 4 บทท 2 วธเปลยน Template ของ Bloggerhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 12 บทท 3 วธเขยนและจดการบทความในบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 22 บทท 4 การตงคาพนฐานตางๆ ใหกบบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 26 บทท 5 รจกและใชงาน Gadget ชนดตางๆ บน Bloggerhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 32 บทท 6 การจดการกบ Gadget ในหนาบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 40 บทท 7 การแสดงขาวสารลาสดดวย Gadget ฟดhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 43 บทท 9 นบจ านวนคนเยยมชมดวย Flagcounterhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 53 บทท 10 รปภาพในบทความบน Bloggerhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 55 บทท 11 การสรางวดโอใน YouTube และน ามาใสในบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 58
หนา 63
255
เอกสารประกอบการฝกอบรมเชงปฏบตการ
การพฒนาสอการเรยนการสอน โดยใชโปรแกรมคอมพวเตอรรวมกบ Weblog
หนา 39
20 Gadget คลงบทความของบลอก
Gadget นจะท าใหผอานเหนบทความทงหมดภายในบลอกของคณได
21 Gadget สวนหวของหนา
Gadget นเปนสวนทใส Title และ Description ของ Blog โดยปกตแลว Template ทวไปกจะตดตงสวนนอยแลว
คณสามารถทดลองใช Gadget เหลานไดโดยไมตองกลวความผดพลาดเพราะ Gadget บน
Blogger นนสามารถลบออกไดอยางงายดายโดยวธการจดการกบ Gadget
หนา 40
บทท 6 การจดการกบ Gadget ในหนาบลอก
ในบททผานมาเราได รจกและใชงาน Gadget ชนดตาง ๆ บน Blogger ผมไดกลาวถงวธการเพม Gadget ใหกบบลอก แตยงไมไดกลาวถงการลบ Gadget ออกจากองคประกอบของหนา และนอกจากน ต าแหนงของ Gadget ยงสามารถเคลอนยายต าแหนงไดอกดวย
การลบ Gadget วธท 1 ถาในขณะทเรา log in และเปดหนาบลอกของเราขนมา กจะสงเกตเหนวามเครองมอ
ปรากฏอยตามทตางๆ ในองคประกอบของหนา
และถาเราคลกเขาไปกจะสามารถแกไข หรอ ลบองคประกอบเหลานนออกไปไดเลยครบ
หนา 41
วธท 2 เราสามารถเขาไปลบ Gadget ไดท แผงควบคม gtgt การออกแบบ gtgt องคประกอบของหนา gtgt เลอกแกไข Gadget ทตองการลบ
จากนนเลอกลบไดเชนเดยวกบกรณแรก
การยายต าแหนง Gadget ส าหรบการยายต าแหนงของ Gadget ท าไดโดยการ เขาไปทแผงควบคม gtgt การออกแบบ gtgt
องคประกอบหนาจากนนใหลากเมาสบน Gadget ทตองการยายไปวางในต าแหนงทตองการไดเลยครบ
หนา 42
เมอเขาใจการท างานของ Gadget ชนดตาง ๆ แลวสงทอยากจะฝากเอาไวตอนทายนกคอการจดองคประกอบหนาของบลอกดงน
แนวทางในการจดองคประกอบหนาบลอก
แนวทางในการจดองคประกอบหนานนไมมกฎเกณฑตายตว บางคนชอบใหม 2 column บางคน ชอบใหม 3 column ซงกขนอยกบความชอบและความตองการใชงาน แตทอยากใหค านงไวเสมอคอ ผอน คอ พระเจา ท าอะไรใหเขาใจงายๆ หาอะไรกเจออยางรวดเรว เขาไวเปนพอครบ และอกประการทส าคญคอ การตดตง Gadget ตาง ๆ ควรตดตงเทาทจ าเปนและตองการใชงาน ปฏทน หรอนาฬกานนกไมควรตดตง ลงไปเลย เพราะไมคมคากบการเพมภาระการโหลดใหกบผเขาชม และถาบลอกของคณโหลดไดชา ก เปนไปไดยากทผอานจะกลบมาอก
องคประกอบในหนาของบลอกทผมคดวาคณควรจะมคอ สวนทบอกตวตนของบลอก
ซงอาจจะแสดงในสวนหวของหนา หรอเปนวดโอ สไลดขอความรปถาย อยในต าแหนงทเหนไดชด สวนทเชอมโยงไปยงบทความในบลอก
สวนนจ าเปนมากเพราะจะชวยใหผอานคนหาบทความไดเรวขน คณอาจจะรวมบทความทงหมดเลยหรอ อาจจะใชวธจดหมวดหมใหผอานเลอกสงทตองการจากบลอกของเราไดเรวขน
สวนพนทของสมาชก
สวนนจะแสดงใหเหนวามผสนใจบลอกของเรามากแคไหน และสามารถสมครตดตามบลอกของเราไดทนท เชนอาจจะใช Gadget ผตดตาม หรอใช Like box Plugins ของ Facebook หรออาจจะท า Poll กได
สวนทเปนชองทางใหผอานตดตอเราได
คณอาจจะท า link เชอมโยงใหผอานตดตอคณได หรออาจจะใช Gadget profile ของ Blogger เพอแนะน าตวกได
หนา 43
บทท 7 การแสดงขาวสารลาสดดวย Gadget ฟด
ความหมายของค าวา ฟดโดยสรปกคอเปนสงทแพรกระจายจากบลอกของเราบนโลก Internet เทยบไดกบคลนสญญาณวทยหรอโทรทศน ถามตวรบทกคนกสามารถมองเหนขาวสารทตองการเลอกรบได นอกจากนถามตวชวยสงใหฟดแพรไดแรงขน ขาวสารกยอมจะแพรกระจายไดเรวดวย
ดงนนถาคณสนใจขาวสารจากบลอกใดบลอกหนงคณกสามารถทจะเปดรบขาวสารจากบลอกนนๆ โดยใช Gadget ฟด ซงเปน Gadget ทสามารถเพมไดอยางไมจ ากด ดงนนถาคณตองการรบขาวจาก 10 บลอกกสามารถท าไดโดยการเพม gadget ฟดเขาไปในบลอก 10 ครง ในขณะเดยวกนถาคณใสชอบลอกของตวเองใน Gadget ฟด Gadget ชนดนจะกลายเปน Gadget ทใชแสดง บทความลาสดนนเองครบ
การแสดงขาวสารลาสดโดยการใช Gadget ฟด
1 ไปทองคประกอบของหนา gtgt เพมฟด Gadget
หนา 44
2 ใสโคดตอไปนลงไปใน Gadget ฟด httpชอบลอกblogspotcomfeedspostsdefault
โดยจะตองเปลยนชอบลอกเปนชอบลอกของของคณเองหรอชอบลอกทคณตองการรบขาวสารท update
ตงคาทตองการเพมเตมและบนทกกจะได feeds ขาวสารมาปรากฏทบลอกของคณ
3 ถาตองการเพมบลอกอนอกกท าซ าขอ 1 และ 2 แตตองเปลยนชอบลอกใหม 4 กรณทคณตองการเรยก feed จากเวบทตองการใหคนหา feed จากเวบ wwwgooglecom
แลวแทนโคดในขอ 2 เชน feed ขาวการศกษาจากเวบ httpwwwrssthaicom ใหใสโคด httpwwwrssthaicomnewsphpt=education แทนในขอ 2
หนา 45
บทท 8 แนะน า Gadget ใหมของ blogger ldquoหนาเวบrdquo
ตามเวบไซตตาง ๆ เราคงจะเคยเหนกนวาแตละเวบไซตจะม เมนส าหรบเลอกเปดไปดหนาอน ๆภายในเวบนนๆ เชน ตวอยางในรปดานลาง
Blogger ไดพฒนา Gadget ตวใหมขนมา มชอวา หนาเวบ เพอใหผใชไดสรางหนาของบลอกทตองการไดโดยไมตองมความรในการดดแปลงหรอแกไขแมแบบดวยตนเอง
การเรยกใช Gadget ชนดนสามารถเลอกใชไดเชนเดยวกบการ Add Gadget ชนดอน ๆ นนคอ ไปท องคประกอบของหนา gtgt แลวเลอก เพม Gadget
ตอไปเรามาดวา Gadget น ใชอยางไร และใชเพอจดประสงคใด หลกการของ Gadget นเหมอนการสรางบทความขนมา 1 บทความ และ สราง Link เชอมโยงไป ยงบทความนน ๆ แตมความพเศษตรงทผใชทวไปสรางเมนขนเองไดอยางงายดาย โดยไมตองมความรพนฐานเกยวกบ HTML เลย
หนา 46
ตวอยางวธการใชงาน(จรง) ในตวอยางนผมจะสราง 2 หนาใหเหนเปนตวอยาง ไดแก HOME และ CONTACT ME
ขนเตรยมการ เนองจากผมจะยกตวอยางการสรางหนา Contact me ดงนนใหทกคนไปสราง Form ส าหรบ
ตดตอเจาของบลอกซงกคอเราเอง ไดท httpwwwfoxyformcom
ซงขนตอนในการสราง ฟอรมนนงายมาก มเพยง 4 ขนเทานน (ดรป)
หนา 47
เมอไดโคด แลวคดลอกเกบเอาไวกอนครบ
ขนสรางหนาเวบจรง ขนท 1 สรางหนาแรก หรอ HOME
Log in เขาไปท draftblogger ไปทแผงควบคม gtgt องคประกอบของหนา gtgt แลวเลอก เพม Gadget เลอกอนแรกเลยครบ คอ gadget หนาเวบ
จากนนกสราง หนาแรกขนมาโดยตงชอตามทตองการไดเลย แลวท าการบนทกครบ
หนา 48
ขนท 2 เมอผานขนท 1 มาแลวกเทากบวาเราไดสราง หนาบลอกขนมาแลว 1 หนา
ถาจะท าการเพมหนาอก ใหไปทแผงควบคม gtgt การสงบทความ gtgt แกไขหนาเวบ gtgt หนาเวบใหม
เมอคลกสรางหนาเวบใหม เรากจะพบเครองมอตาง ๆ เหมอนการเขยนบทความนนเองครบ
หนา 49
ใหน าโคดของ Form ทเตรยมไว จากขนเตรยมการมาวางในหนาหนาน จดรปแบบตามตองการแลวบนทกหนาไดเลยครบ
เพยงขนตอนสน ๆ นเรากจะมเมนเชอมโยงไปยง หนาของบลอกถง 2 หนาดวยกน ไดแก HOME และ CONTACT ME
หนา 50
ขนท 3 - ถาหากตองการเพมหนาบลอกเพมขนอกกท าซ าขนตอนทไดกลาวมาขางตนครบ - แตถาตองการลบหนาบลอกทง กมาทเดม แลวจะเหนค าวาลบ ถาตองการลบทงกกดค าวาลบ
ไดเลย
ขนท 4 วธจดการกบเมนหนาเวบ - ถาตองการเรยงล าดบหนาเวบใหม กไปท องคประกอบของหนา แลว คลก Gadget หนาเวบขนมาแกไข gtgt ดรป
หนา 51
นอกจากน Gadget หนาเวบจะมลกษณะพเศษ คอ ถาอยท Sidebar เมนจะจดเรยงเปนแนวตง
หนา 52
แตถาลากไปในต าแหนงใตสวนหว จะจดเรยงเรยงเปนแนวนอนโดยอตโนมต
หนา 53
บทท 9 นบจ านวนคนเยยมชมดวย Flagcounter
อกบรการนบสถตคนเยยมชมทชวยใหเราทราบวาบลอกของเรามผเยยมชมทงในและตางประเทศมากหรอนอย จาก Flagcounter
วธตดตง
1 ไปท httpwwwflagcountercomindexhtml 2 ตงคาตางๆ ตามความตองการแลวกด GET YOUR FLAG COUNTER ดงรป
3 คดลอก HTML โคด ท FLAG COUNTER ไดสรางใหในขนท 2
หนา 54
4 กลบมาทบลอกของเรา ไปทแผงควบคม gtgt รปแบบ gtgt องคประกอบหนา gtgt เพม Gadget ชนด HTMLจาวาสครปต
5 วางโคดทคดลอกมาจากขนท 3 แลวบนทกครบกเปนอนจบขนตอนครบ ลกษณะทไดกดงรป
หนา 55
บทท 10 รปภาพในบทความบน Blogger
คณเคยสงสยไหมครบวา รปภาพทคณ upload ขนไปขณะทเขยนบทความ หรออาจจะเขยนบทความไปแลว รปเหลานนไปอยทไหน เพราะวา Blogger เองไมม sever ยงตองอาศยฐานขอมลของตวแมคอ blogspotcom อย แลวจะเอาพนท ๆ ไหนมาเกบรปตงมากมาย
ค าตอบคอ Blogger จะใชวธเชอมโยงกบ Application อน ๆ ของ Google เพอแกปญหาการเกบขอมล เชนรปภาพใน Blogger ทเราพดถงกนอยตอนนกจะถกเกบ
อยท Picasa Web Albums ดงนนไมวาจะเปนภาพทคณ Upload ขณะเขยนบทความ กจะถกเกบอยใน Picasa Web Albums ทงหมด
คณใชบรการ Picasa Web Albums ไดอยางไร
การใชบรการ Picasa Web Albums สามารถเขาใชไดทนทหากคณมบญชผใชกบ google อยแลว เชนมบญชผใช Gmail หรอ Blogger อยแลวกสามารถ Log in เขาใชไดเลย
Picasa Web Albums ใหพนทเทาไร
Picasa จะใหพนท เพยง 1 GB ตอ 1 บญชผใช นเปนเหตผลทบางคนอาจจะสงสยวาท าไมคณภาพรปหรอขนาดของรปบน Blogger จงลดลง กลาวคอระบบของ Picasa จะท าการลดขนาดของรปทเรา Upload ผาน Blogger ใหมขนาดเลกลงเพอเปนการประหยดพนทนนเอง
หนา 56
คณจะเขาไปจดการรปภาพจาก Blogger ใน Picasa Web ไดอยางไร การจดการภาพใน Picasa Web Albums ท าได 2 วธคอ
1 ใช Software ทพฒนาขนมาจดการ Picasa Web Albums โดยเฉพาะ
คณสามารถเขาไปดาวนโหลด Picasa ไดท httppicasagooglecom 2 เขาไปจดการทเวบไซต Picasa Web Albums โดยตรง โดยไปท httppicasawebgooglecom และ Log in โดยใชชอบญชเดยวกบ Blogger
คณสามารถเขาไป Unload ภาพไดโดยตรงกบ Picasa แลวเรยกมาใชบน blogger ไดโดยใชตวเลอก อปโหลด
หนา 57
แตถาตองการรปภาพบน Blogger ทไดอปโหลดขนไปแลวกคลกทอลบมทตองการแลวเขาไปจดการภาพไดเชนกน ลบรปภาพบน Blogger แลวรปบน Picasa จะถกลบดวยหรอไม
การลบรปภาพบน Blogger ไมสงผลใด ๆ ตอ Picasa Web Albums เลยเวนแตคณจะเขามาลบใน Picasa Web Albums โดยตรง ดงนนถาในขณะเขยนบทความคณเผลอท าพลาดรปภาพหายไป กสามารถเขามาเอารปภาพจาก Picasa Web Albums ใชงานไดอกโดยไมตอง upload ซ า หรอไมตองไปหาภาพมาใหม บทสรป
บทนแนะน าใหพอรจกการเชอมโยงระหวาง Blogger และ Picasa Web Albums ซงเปนบรการในเครอขาย Google เหมอนกน และจะท าใหคณเขาใจการจดการเกยวกบภาพบน Blogger ไดดขน
หนา 58
บทท 11 การสรางวดโอใน YouTube และน ามาใสในบลอก
ถามวดโอในหนาบลอกของเราดวย การสอสารเรองราวตางๆ กจะมชวตชวาและเขาใจงายขน ซงในทนเราสามารถสรางไดไมยากดวยบรการของ wwwyoutubecom ครบ
ขนตอนการฝากวดโอไวกบ youtube
1 ไปท wwwyoutubecom แลวเลอก Create Account ทมมขวาบนซงในกรณทเรา Login อยในเวบบลอกของเรานน กสามารถใชบรการของ youtube ดวย Account เดมโดยไมตองสมครใหมครบ วธการท าไดโดย
11 คลกท 12 กรอกขอมลส าหรบการสรางบญช โดยใช username ของ gmail ของเราเอง 13 จากนน คลก
หนา 59
14 จะพบหนาตางใหกรอก Username และ รหสผาน ของ gmail ใหกรอก e-mail ของเรา
จะพบหนาจอ ดงน จากนนเรากสามารถท าการเพม Video ไดตามทเราตองการ
หนา 60
2 การฝาก youtube มเงอนไขส าคญๆ ดงน - ความยาวของวดโอไมเกน 10 นาท - ควรเปนวดโอทไมกระทบตอสถาบน ชาต ศาสนา พระมหากษตรย และ ศลธรรมอนดงามของสงคม
3 การ upload วดโอขนไปทเมน upload (ทมมขวาบน) แลวท าการเลอกไฟลวดโอจากเครองของเรา และรอจนการ upload เสรจสน
31 คลกทปม Uploads
32 คลกทปม Upload Video
33 เลอกไฟล Video ทตองการ
34
34 เมอ Upload ได 100 แลวใหคลก Save change
หนา 61
4 เมอ upload เสรจสนแลวคลกทขอความ Embed and Sharing Options เรากเหน HTML code ใหคดลอก code เหลานนมาแปะในสวนทเราตองการ
เชนในทนผมคดลอก code มาแปะในบทความกจะไดผลลพธเปนวดโอตามดานลางทเหนครบ
หนา 62
เรอง หนา บทน าhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 1 บทท 1 การสรางเวบบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 4 บทท 2 วธเปลยน Template ของ Bloggerhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 12 บทท 3 วธเขยนและจดการบทความในบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 22 บทท 4 การตงคาพนฐานตางๆ ใหกบบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 26 บทท 5 รจกและใชงาน Gadget ชนดตางๆ บน Bloggerhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 32 บทท 6 การจดการกบ Gadget ในหนาบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 40 บทท 7 การแสดงขาวสารลาสดดวย Gadget ฟดhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 43 บทท 9 นบจ านวนคนเยยมชมดวย Flagcounterhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 53 บทท 10 รปภาพในบทความบน Bloggerhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 55 บทท 11 การสรางวดโอใน YouTube และน ามาใสในบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 58
หนา 63
255
เอกสารประกอบการฝกอบรมเชงปฏบตการ
การพฒนาสอการเรยนการสอน โดยใชโปรแกรมคอมพวเตอรรวมกบ Weblog
หนา 40
บทท 6 การจดการกบ Gadget ในหนาบลอก
ในบททผานมาเราได รจกและใชงาน Gadget ชนดตาง ๆ บน Blogger ผมไดกลาวถงวธการเพม Gadget ใหกบบลอก แตยงไมไดกลาวถงการลบ Gadget ออกจากองคประกอบของหนา และนอกจากน ต าแหนงของ Gadget ยงสามารถเคลอนยายต าแหนงไดอกดวย
การลบ Gadget วธท 1 ถาในขณะทเรา log in และเปดหนาบลอกของเราขนมา กจะสงเกตเหนวามเครองมอ
ปรากฏอยตามทตางๆ ในองคประกอบของหนา
และถาเราคลกเขาไปกจะสามารถแกไข หรอ ลบองคประกอบเหลานนออกไปไดเลยครบ
หนา 41
วธท 2 เราสามารถเขาไปลบ Gadget ไดท แผงควบคม gtgt การออกแบบ gtgt องคประกอบของหนา gtgt เลอกแกไข Gadget ทตองการลบ
จากนนเลอกลบไดเชนเดยวกบกรณแรก
การยายต าแหนง Gadget ส าหรบการยายต าแหนงของ Gadget ท าไดโดยการ เขาไปทแผงควบคม gtgt การออกแบบ gtgt
องคประกอบหนาจากนนใหลากเมาสบน Gadget ทตองการยายไปวางในต าแหนงทตองการไดเลยครบ
หนา 42
เมอเขาใจการท างานของ Gadget ชนดตาง ๆ แลวสงทอยากจะฝากเอาไวตอนทายนกคอการจดองคประกอบหนาของบลอกดงน
แนวทางในการจดองคประกอบหนาบลอก
แนวทางในการจดองคประกอบหนานนไมมกฎเกณฑตายตว บางคนชอบใหม 2 column บางคน ชอบใหม 3 column ซงกขนอยกบความชอบและความตองการใชงาน แตทอยากใหค านงไวเสมอคอ ผอน คอ พระเจา ท าอะไรใหเขาใจงายๆ หาอะไรกเจออยางรวดเรว เขาไวเปนพอครบ และอกประการทส าคญคอ การตดตง Gadget ตาง ๆ ควรตดตงเทาทจ าเปนและตองการใชงาน ปฏทน หรอนาฬกานนกไมควรตดตง ลงไปเลย เพราะไมคมคากบการเพมภาระการโหลดใหกบผเขาชม และถาบลอกของคณโหลดไดชา ก เปนไปไดยากทผอานจะกลบมาอก
องคประกอบในหนาของบลอกทผมคดวาคณควรจะมคอ สวนทบอกตวตนของบลอก
ซงอาจจะแสดงในสวนหวของหนา หรอเปนวดโอ สไลดขอความรปถาย อยในต าแหนงทเหนไดชด สวนทเชอมโยงไปยงบทความในบลอก
สวนนจ าเปนมากเพราะจะชวยใหผอานคนหาบทความไดเรวขน คณอาจจะรวมบทความทงหมดเลยหรอ อาจจะใชวธจดหมวดหมใหผอานเลอกสงทตองการจากบลอกของเราไดเรวขน
สวนพนทของสมาชก
สวนนจะแสดงใหเหนวามผสนใจบลอกของเรามากแคไหน และสามารถสมครตดตามบลอกของเราไดทนท เชนอาจจะใช Gadget ผตดตาม หรอใช Like box Plugins ของ Facebook หรออาจจะท า Poll กได
สวนทเปนชองทางใหผอานตดตอเราได
คณอาจจะท า link เชอมโยงใหผอานตดตอคณได หรออาจจะใช Gadget profile ของ Blogger เพอแนะน าตวกได
หนา 43
บทท 7 การแสดงขาวสารลาสดดวย Gadget ฟด
ความหมายของค าวา ฟดโดยสรปกคอเปนสงทแพรกระจายจากบลอกของเราบนโลก Internet เทยบไดกบคลนสญญาณวทยหรอโทรทศน ถามตวรบทกคนกสามารถมองเหนขาวสารทตองการเลอกรบได นอกจากนถามตวชวยสงใหฟดแพรไดแรงขน ขาวสารกยอมจะแพรกระจายไดเรวดวย
ดงนนถาคณสนใจขาวสารจากบลอกใดบลอกหนงคณกสามารถทจะเปดรบขาวสารจากบลอกนนๆ โดยใช Gadget ฟด ซงเปน Gadget ทสามารถเพมไดอยางไมจ ากด ดงนนถาคณตองการรบขาวจาก 10 บลอกกสามารถท าไดโดยการเพม gadget ฟดเขาไปในบลอก 10 ครง ในขณะเดยวกนถาคณใสชอบลอกของตวเองใน Gadget ฟด Gadget ชนดนจะกลายเปน Gadget ทใชแสดง บทความลาสดนนเองครบ
การแสดงขาวสารลาสดโดยการใช Gadget ฟด
1 ไปทองคประกอบของหนา gtgt เพมฟด Gadget
หนา 44
2 ใสโคดตอไปนลงไปใน Gadget ฟด httpชอบลอกblogspotcomfeedspostsdefault
โดยจะตองเปลยนชอบลอกเปนชอบลอกของของคณเองหรอชอบลอกทคณตองการรบขาวสารท update
ตงคาทตองการเพมเตมและบนทกกจะได feeds ขาวสารมาปรากฏทบลอกของคณ
3 ถาตองการเพมบลอกอนอกกท าซ าขอ 1 และ 2 แตตองเปลยนชอบลอกใหม 4 กรณทคณตองการเรยก feed จากเวบทตองการใหคนหา feed จากเวบ wwwgooglecom
แลวแทนโคดในขอ 2 เชน feed ขาวการศกษาจากเวบ httpwwwrssthaicom ใหใสโคด httpwwwrssthaicomnewsphpt=education แทนในขอ 2
หนา 45
บทท 8 แนะน า Gadget ใหมของ blogger ldquoหนาเวบrdquo
ตามเวบไซตตาง ๆ เราคงจะเคยเหนกนวาแตละเวบไซตจะม เมนส าหรบเลอกเปดไปดหนาอน ๆภายในเวบนนๆ เชน ตวอยางในรปดานลาง
Blogger ไดพฒนา Gadget ตวใหมขนมา มชอวา หนาเวบ เพอใหผใชไดสรางหนาของบลอกทตองการไดโดยไมตองมความรในการดดแปลงหรอแกไขแมแบบดวยตนเอง
การเรยกใช Gadget ชนดนสามารถเลอกใชไดเชนเดยวกบการ Add Gadget ชนดอน ๆ นนคอ ไปท องคประกอบของหนา gtgt แลวเลอก เพม Gadget
ตอไปเรามาดวา Gadget น ใชอยางไร และใชเพอจดประสงคใด หลกการของ Gadget นเหมอนการสรางบทความขนมา 1 บทความ และ สราง Link เชอมโยงไป ยงบทความนน ๆ แตมความพเศษตรงทผใชทวไปสรางเมนขนเองไดอยางงายดาย โดยไมตองมความรพนฐานเกยวกบ HTML เลย
หนา 46
ตวอยางวธการใชงาน(จรง) ในตวอยางนผมจะสราง 2 หนาใหเหนเปนตวอยาง ไดแก HOME และ CONTACT ME
ขนเตรยมการ เนองจากผมจะยกตวอยางการสรางหนา Contact me ดงนนใหทกคนไปสราง Form ส าหรบ
ตดตอเจาของบลอกซงกคอเราเอง ไดท httpwwwfoxyformcom
ซงขนตอนในการสราง ฟอรมนนงายมาก มเพยง 4 ขนเทานน (ดรป)
หนา 47
เมอไดโคด แลวคดลอกเกบเอาไวกอนครบ
ขนสรางหนาเวบจรง ขนท 1 สรางหนาแรก หรอ HOME
Log in เขาไปท draftblogger ไปทแผงควบคม gtgt องคประกอบของหนา gtgt แลวเลอก เพม Gadget เลอกอนแรกเลยครบ คอ gadget หนาเวบ
จากนนกสราง หนาแรกขนมาโดยตงชอตามทตองการไดเลย แลวท าการบนทกครบ
หนา 48
ขนท 2 เมอผานขนท 1 มาแลวกเทากบวาเราไดสราง หนาบลอกขนมาแลว 1 หนา
ถาจะท าการเพมหนาอก ใหไปทแผงควบคม gtgt การสงบทความ gtgt แกไขหนาเวบ gtgt หนาเวบใหม
เมอคลกสรางหนาเวบใหม เรากจะพบเครองมอตาง ๆ เหมอนการเขยนบทความนนเองครบ
หนา 49
ใหน าโคดของ Form ทเตรยมไว จากขนเตรยมการมาวางในหนาหนาน จดรปแบบตามตองการแลวบนทกหนาไดเลยครบ
เพยงขนตอนสน ๆ นเรากจะมเมนเชอมโยงไปยง หนาของบลอกถง 2 หนาดวยกน ไดแก HOME และ CONTACT ME
หนา 50
ขนท 3 - ถาหากตองการเพมหนาบลอกเพมขนอกกท าซ าขนตอนทไดกลาวมาขางตนครบ - แตถาตองการลบหนาบลอกทง กมาทเดม แลวจะเหนค าวาลบ ถาตองการลบทงกกดค าวาลบ
ไดเลย
ขนท 4 วธจดการกบเมนหนาเวบ - ถาตองการเรยงล าดบหนาเวบใหม กไปท องคประกอบของหนา แลว คลก Gadget หนาเวบขนมาแกไข gtgt ดรป
หนา 51
นอกจากน Gadget หนาเวบจะมลกษณะพเศษ คอ ถาอยท Sidebar เมนจะจดเรยงเปนแนวตง
หนา 52
แตถาลากไปในต าแหนงใตสวนหว จะจดเรยงเรยงเปนแนวนอนโดยอตโนมต
หนา 53
บทท 9 นบจ านวนคนเยยมชมดวย Flagcounter
อกบรการนบสถตคนเยยมชมทชวยใหเราทราบวาบลอกของเรามผเยยมชมทงในและตางประเทศมากหรอนอย จาก Flagcounter
วธตดตง
1 ไปท httpwwwflagcountercomindexhtml 2 ตงคาตางๆ ตามความตองการแลวกด GET YOUR FLAG COUNTER ดงรป
3 คดลอก HTML โคด ท FLAG COUNTER ไดสรางใหในขนท 2
หนา 54
4 กลบมาทบลอกของเรา ไปทแผงควบคม gtgt รปแบบ gtgt องคประกอบหนา gtgt เพม Gadget ชนด HTMLจาวาสครปต
5 วางโคดทคดลอกมาจากขนท 3 แลวบนทกครบกเปนอนจบขนตอนครบ ลกษณะทไดกดงรป
หนา 55
บทท 10 รปภาพในบทความบน Blogger
คณเคยสงสยไหมครบวา รปภาพทคณ upload ขนไปขณะทเขยนบทความ หรออาจจะเขยนบทความไปแลว รปเหลานนไปอยทไหน เพราะวา Blogger เองไมม sever ยงตองอาศยฐานขอมลของตวแมคอ blogspotcom อย แลวจะเอาพนท ๆ ไหนมาเกบรปตงมากมาย
ค าตอบคอ Blogger จะใชวธเชอมโยงกบ Application อน ๆ ของ Google เพอแกปญหาการเกบขอมล เชนรปภาพใน Blogger ทเราพดถงกนอยตอนนกจะถกเกบ
อยท Picasa Web Albums ดงนนไมวาจะเปนภาพทคณ Upload ขณะเขยนบทความ กจะถกเกบอยใน Picasa Web Albums ทงหมด
คณใชบรการ Picasa Web Albums ไดอยางไร
การใชบรการ Picasa Web Albums สามารถเขาใชไดทนทหากคณมบญชผใชกบ google อยแลว เชนมบญชผใช Gmail หรอ Blogger อยแลวกสามารถ Log in เขาใชไดเลย
Picasa Web Albums ใหพนทเทาไร
Picasa จะใหพนท เพยง 1 GB ตอ 1 บญชผใช นเปนเหตผลทบางคนอาจจะสงสยวาท าไมคณภาพรปหรอขนาดของรปบน Blogger จงลดลง กลาวคอระบบของ Picasa จะท าการลดขนาดของรปทเรา Upload ผาน Blogger ใหมขนาดเลกลงเพอเปนการประหยดพนทนนเอง
หนา 56
คณจะเขาไปจดการรปภาพจาก Blogger ใน Picasa Web ไดอยางไร การจดการภาพใน Picasa Web Albums ท าได 2 วธคอ
1 ใช Software ทพฒนาขนมาจดการ Picasa Web Albums โดยเฉพาะ
คณสามารถเขาไปดาวนโหลด Picasa ไดท httppicasagooglecom 2 เขาไปจดการทเวบไซต Picasa Web Albums โดยตรง โดยไปท httppicasawebgooglecom และ Log in โดยใชชอบญชเดยวกบ Blogger
คณสามารถเขาไป Unload ภาพไดโดยตรงกบ Picasa แลวเรยกมาใชบน blogger ไดโดยใชตวเลอก อปโหลด
หนา 57
แตถาตองการรปภาพบน Blogger ทไดอปโหลดขนไปแลวกคลกทอลบมทตองการแลวเขาไปจดการภาพไดเชนกน ลบรปภาพบน Blogger แลวรปบน Picasa จะถกลบดวยหรอไม
การลบรปภาพบน Blogger ไมสงผลใด ๆ ตอ Picasa Web Albums เลยเวนแตคณจะเขามาลบใน Picasa Web Albums โดยตรง ดงนนถาในขณะเขยนบทความคณเผลอท าพลาดรปภาพหายไป กสามารถเขามาเอารปภาพจาก Picasa Web Albums ใชงานไดอกโดยไมตอง upload ซ า หรอไมตองไปหาภาพมาใหม บทสรป
บทนแนะน าใหพอรจกการเชอมโยงระหวาง Blogger และ Picasa Web Albums ซงเปนบรการในเครอขาย Google เหมอนกน และจะท าใหคณเขาใจการจดการเกยวกบภาพบน Blogger ไดดขน
หนา 58
บทท 11 การสรางวดโอใน YouTube และน ามาใสในบลอก
ถามวดโอในหนาบลอกของเราดวย การสอสารเรองราวตางๆ กจะมชวตชวาและเขาใจงายขน ซงในทนเราสามารถสรางไดไมยากดวยบรการของ wwwyoutubecom ครบ
ขนตอนการฝากวดโอไวกบ youtube
1 ไปท wwwyoutubecom แลวเลอก Create Account ทมมขวาบนซงในกรณทเรา Login อยในเวบบลอกของเรานน กสามารถใชบรการของ youtube ดวย Account เดมโดยไมตองสมครใหมครบ วธการท าไดโดย
11 คลกท 12 กรอกขอมลส าหรบการสรางบญช โดยใช username ของ gmail ของเราเอง 13 จากนน คลก
หนา 59
14 จะพบหนาตางใหกรอก Username และ รหสผาน ของ gmail ใหกรอก e-mail ของเรา
จะพบหนาจอ ดงน จากนนเรากสามารถท าการเพม Video ไดตามทเราตองการ
หนา 60
2 การฝาก youtube มเงอนไขส าคญๆ ดงน - ความยาวของวดโอไมเกน 10 นาท - ควรเปนวดโอทไมกระทบตอสถาบน ชาต ศาสนา พระมหากษตรย และ ศลธรรมอนดงามของสงคม
3 การ upload วดโอขนไปทเมน upload (ทมมขวาบน) แลวท าการเลอกไฟลวดโอจากเครองของเรา และรอจนการ upload เสรจสน
31 คลกทปม Uploads
32 คลกทปม Upload Video
33 เลอกไฟล Video ทตองการ
34
34 เมอ Upload ได 100 แลวใหคลก Save change
หนา 61
4 เมอ upload เสรจสนแลวคลกทขอความ Embed and Sharing Options เรากเหน HTML code ใหคดลอก code เหลานนมาแปะในสวนทเราตองการ
เชนในทนผมคดลอก code มาแปะในบทความกจะไดผลลพธเปนวดโอตามดานลางทเหนครบ
หนา 62
เรอง หนา บทน าhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 1 บทท 1 การสรางเวบบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 4 บทท 2 วธเปลยน Template ของ Bloggerhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 12 บทท 3 วธเขยนและจดการบทความในบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 22 บทท 4 การตงคาพนฐานตางๆ ใหกบบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 26 บทท 5 รจกและใชงาน Gadget ชนดตางๆ บน Bloggerhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 32 บทท 6 การจดการกบ Gadget ในหนาบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 40 บทท 7 การแสดงขาวสารลาสดดวย Gadget ฟดhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 43 บทท 9 นบจ านวนคนเยยมชมดวย Flagcounterhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 53 บทท 10 รปภาพในบทความบน Bloggerhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 55 บทท 11 การสรางวดโอใน YouTube และน ามาใสในบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 58
หนา 63
255
เอกสารประกอบการฝกอบรมเชงปฏบตการ
การพฒนาสอการเรยนการสอน โดยใชโปรแกรมคอมพวเตอรรวมกบ Weblog
หนา 41
วธท 2 เราสามารถเขาไปลบ Gadget ไดท แผงควบคม gtgt การออกแบบ gtgt องคประกอบของหนา gtgt เลอกแกไข Gadget ทตองการลบ
จากนนเลอกลบไดเชนเดยวกบกรณแรก
การยายต าแหนง Gadget ส าหรบการยายต าแหนงของ Gadget ท าไดโดยการ เขาไปทแผงควบคม gtgt การออกแบบ gtgt
องคประกอบหนาจากนนใหลากเมาสบน Gadget ทตองการยายไปวางในต าแหนงทตองการไดเลยครบ
หนา 42
เมอเขาใจการท างานของ Gadget ชนดตาง ๆ แลวสงทอยากจะฝากเอาไวตอนทายนกคอการจดองคประกอบหนาของบลอกดงน
แนวทางในการจดองคประกอบหนาบลอก
แนวทางในการจดองคประกอบหนานนไมมกฎเกณฑตายตว บางคนชอบใหม 2 column บางคน ชอบใหม 3 column ซงกขนอยกบความชอบและความตองการใชงาน แตทอยากใหค านงไวเสมอคอ ผอน คอ พระเจา ท าอะไรใหเขาใจงายๆ หาอะไรกเจออยางรวดเรว เขาไวเปนพอครบ และอกประการทส าคญคอ การตดตง Gadget ตาง ๆ ควรตดตงเทาทจ าเปนและตองการใชงาน ปฏทน หรอนาฬกานนกไมควรตดตง ลงไปเลย เพราะไมคมคากบการเพมภาระการโหลดใหกบผเขาชม และถาบลอกของคณโหลดไดชา ก เปนไปไดยากทผอานจะกลบมาอก
องคประกอบในหนาของบลอกทผมคดวาคณควรจะมคอ สวนทบอกตวตนของบลอก
ซงอาจจะแสดงในสวนหวของหนา หรอเปนวดโอ สไลดขอความรปถาย อยในต าแหนงทเหนไดชด สวนทเชอมโยงไปยงบทความในบลอก
สวนนจ าเปนมากเพราะจะชวยใหผอานคนหาบทความไดเรวขน คณอาจจะรวมบทความทงหมดเลยหรอ อาจจะใชวธจดหมวดหมใหผอานเลอกสงทตองการจากบลอกของเราไดเรวขน
สวนพนทของสมาชก
สวนนจะแสดงใหเหนวามผสนใจบลอกของเรามากแคไหน และสามารถสมครตดตามบลอกของเราไดทนท เชนอาจจะใช Gadget ผตดตาม หรอใช Like box Plugins ของ Facebook หรออาจจะท า Poll กได
สวนทเปนชองทางใหผอานตดตอเราได
คณอาจจะท า link เชอมโยงใหผอานตดตอคณได หรออาจจะใช Gadget profile ของ Blogger เพอแนะน าตวกได
หนา 43
บทท 7 การแสดงขาวสารลาสดดวย Gadget ฟด
ความหมายของค าวา ฟดโดยสรปกคอเปนสงทแพรกระจายจากบลอกของเราบนโลก Internet เทยบไดกบคลนสญญาณวทยหรอโทรทศน ถามตวรบทกคนกสามารถมองเหนขาวสารทตองการเลอกรบได นอกจากนถามตวชวยสงใหฟดแพรไดแรงขน ขาวสารกยอมจะแพรกระจายไดเรวดวย
ดงนนถาคณสนใจขาวสารจากบลอกใดบลอกหนงคณกสามารถทจะเปดรบขาวสารจากบลอกนนๆ โดยใช Gadget ฟด ซงเปน Gadget ทสามารถเพมไดอยางไมจ ากด ดงนนถาคณตองการรบขาวจาก 10 บลอกกสามารถท าไดโดยการเพม gadget ฟดเขาไปในบลอก 10 ครง ในขณะเดยวกนถาคณใสชอบลอกของตวเองใน Gadget ฟด Gadget ชนดนจะกลายเปน Gadget ทใชแสดง บทความลาสดนนเองครบ
การแสดงขาวสารลาสดโดยการใช Gadget ฟด
1 ไปทองคประกอบของหนา gtgt เพมฟด Gadget
หนา 44
2 ใสโคดตอไปนลงไปใน Gadget ฟด httpชอบลอกblogspotcomfeedspostsdefault
โดยจะตองเปลยนชอบลอกเปนชอบลอกของของคณเองหรอชอบลอกทคณตองการรบขาวสารท update
ตงคาทตองการเพมเตมและบนทกกจะได feeds ขาวสารมาปรากฏทบลอกของคณ
3 ถาตองการเพมบลอกอนอกกท าซ าขอ 1 และ 2 แตตองเปลยนชอบลอกใหม 4 กรณทคณตองการเรยก feed จากเวบทตองการใหคนหา feed จากเวบ wwwgooglecom
แลวแทนโคดในขอ 2 เชน feed ขาวการศกษาจากเวบ httpwwwrssthaicom ใหใสโคด httpwwwrssthaicomnewsphpt=education แทนในขอ 2
หนา 45
บทท 8 แนะน า Gadget ใหมของ blogger ldquoหนาเวบrdquo
ตามเวบไซตตาง ๆ เราคงจะเคยเหนกนวาแตละเวบไซตจะม เมนส าหรบเลอกเปดไปดหนาอน ๆภายในเวบนนๆ เชน ตวอยางในรปดานลาง
Blogger ไดพฒนา Gadget ตวใหมขนมา มชอวา หนาเวบ เพอใหผใชไดสรางหนาของบลอกทตองการไดโดยไมตองมความรในการดดแปลงหรอแกไขแมแบบดวยตนเอง
การเรยกใช Gadget ชนดนสามารถเลอกใชไดเชนเดยวกบการ Add Gadget ชนดอน ๆ นนคอ ไปท องคประกอบของหนา gtgt แลวเลอก เพม Gadget
ตอไปเรามาดวา Gadget น ใชอยางไร และใชเพอจดประสงคใด หลกการของ Gadget นเหมอนการสรางบทความขนมา 1 บทความ และ สราง Link เชอมโยงไป ยงบทความนน ๆ แตมความพเศษตรงทผใชทวไปสรางเมนขนเองไดอยางงายดาย โดยไมตองมความรพนฐานเกยวกบ HTML เลย
หนา 46
ตวอยางวธการใชงาน(จรง) ในตวอยางนผมจะสราง 2 หนาใหเหนเปนตวอยาง ไดแก HOME และ CONTACT ME
ขนเตรยมการ เนองจากผมจะยกตวอยางการสรางหนา Contact me ดงนนใหทกคนไปสราง Form ส าหรบ
ตดตอเจาของบลอกซงกคอเราเอง ไดท httpwwwfoxyformcom
ซงขนตอนในการสราง ฟอรมนนงายมาก มเพยง 4 ขนเทานน (ดรป)
หนา 47
เมอไดโคด แลวคดลอกเกบเอาไวกอนครบ
ขนสรางหนาเวบจรง ขนท 1 สรางหนาแรก หรอ HOME
Log in เขาไปท draftblogger ไปทแผงควบคม gtgt องคประกอบของหนา gtgt แลวเลอก เพม Gadget เลอกอนแรกเลยครบ คอ gadget หนาเวบ
จากนนกสราง หนาแรกขนมาโดยตงชอตามทตองการไดเลย แลวท าการบนทกครบ
หนา 48
ขนท 2 เมอผานขนท 1 มาแลวกเทากบวาเราไดสราง หนาบลอกขนมาแลว 1 หนา
ถาจะท าการเพมหนาอก ใหไปทแผงควบคม gtgt การสงบทความ gtgt แกไขหนาเวบ gtgt หนาเวบใหม
เมอคลกสรางหนาเวบใหม เรากจะพบเครองมอตาง ๆ เหมอนการเขยนบทความนนเองครบ
หนา 49
ใหน าโคดของ Form ทเตรยมไว จากขนเตรยมการมาวางในหนาหนาน จดรปแบบตามตองการแลวบนทกหนาไดเลยครบ
เพยงขนตอนสน ๆ นเรากจะมเมนเชอมโยงไปยง หนาของบลอกถง 2 หนาดวยกน ไดแก HOME และ CONTACT ME
หนา 50
ขนท 3 - ถาหากตองการเพมหนาบลอกเพมขนอกกท าซ าขนตอนทไดกลาวมาขางตนครบ - แตถาตองการลบหนาบลอกทง กมาทเดม แลวจะเหนค าวาลบ ถาตองการลบทงกกดค าวาลบ
ไดเลย
ขนท 4 วธจดการกบเมนหนาเวบ - ถาตองการเรยงล าดบหนาเวบใหม กไปท องคประกอบของหนา แลว คลก Gadget หนาเวบขนมาแกไข gtgt ดรป
หนา 51
นอกจากน Gadget หนาเวบจะมลกษณะพเศษ คอ ถาอยท Sidebar เมนจะจดเรยงเปนแนวตง
หนา 52
แตถาลากไปในต าแหนงใตสวนหว จะจดเรยงเรยงเปนแนวนอนโดยอตโนมต
หนา 53
บทท 9 นบจ านวนคนเยยมชมดวย Flagcounter
อกบรการนบสถตคนเยยมชมทชวยใหเราทราบวาบลอกของเรามผเยยมชมทงในและตางประเทศมากหรอนอย จาก Flagcounter
วธตดตง
1 ไปท httpwwwflagcountercomindexhtml 2 ตงคาตางๆ ตามความตองการแลวกด GET YOUR FLAG COUNTER ดงรป
3 คดลอก HTML โคด ท FLAG COUNTER ไดสรางใหในขนท 2
หนา 54
4 กลบมาทบลอกของเรา ไปทแผงควบคม gtgt รปแบบ gtgt องคประกอบหนา gtgt เพม Gadget ชนด HTMLจาวาสครปต
5 วางโคดทคดลอกมาจากขนท 3 แลวบนทกครบกเปนอนจบขนตอนครบ ลกษณะทไดกดงรป
หนา 55
บทท 10 รปภาพในบทความบน Blogger
คณเคยสงสยไหมครบวา รปภาพทคณ upload ขนไปขณะทเขยนบทความ หรออาจจะเขยนบทความไปแลว รปเหลานนไปอยทไหน เพราะวา Blogger เองไมม sever ยงตองอาศยฐานขอมลของตวแมคอ blogspotcom อย แลวจะเอาพนท ๆ ไหนมาเกบรปตงมากมาย
ค าตอบคอ Blogger จะใชวธเชอมโยงกบ Application อน ๆ ของ Google เพอแกปญหาการเกบขอมล เชนรปภาพใน Blogger ทเราพดถงกนอยตอนนกจะถกเกบ
อยท Picasa Web Albums ดงนนไมวาจะเปนภาพทคณ Upload ขณะเขยนบทความ กจะถกเกบอยใน Picasa Web Albums ทงหมด
คณใชบรการ Picasa Web Albums ไดอยางไร
การใชบรการ Picasa Web Albums สามารถเขาใชไดทนทหากคณมบญชผใชกบ google อยแลว เชนมบญชผใช Gmail หรอ Blogger อยแลวกสามารถ Log in เขาใชไดเลย
Picasa Web Albums ใหพนทเทาไร
Picasa จะใหพนท เพยง 1 GB ตอ 1 บญชผใช นเปนเหตผลทบางคนอาจจะสงสยวาท าไมคณภาพรปหรอขนาดของรปบน Blogger จงลดลง กลาวคอระบบของ Picasa จะท าการลดขนาดของรปทเรา Upload ผาน Blogger ใหมขนาดเลกลงเพอเปนการประหยดพนทนนเอง
หนา 56
คณจะเขาไปจดการรปภาพจาก Blogger ใน Picasa Web ไดอยางไร การจดการภาพใน Picasa Web Albums ท าได 2 วธคอ
1 ใช Software ทพฒนาขนมาจดการ Picasa Web Albums โดยเฉพาะ
คณสามารถเขาไปดาวนโหลด Picasa ไดท httppicasagooglecom 2 เขาไปจดการทเวบไซต Picasa Web Albums โดยตรง โดยไปท httppicasawebgooglecom และ Log in โดยใชชอบญชเดยวกบ Blogger
คณสามารถเขาไป Unload ภาพไดโดยตรงกบ Picasa แลวเรยกมาใชบน blogger ไดโดยใชตวเลอก อปโหลด
หนา 57
แตถาตองการรปภาพบน Blogger ทไดอปโหลดขนไปแลวกคลกทอลบมทตองการแลวเขาไปจดการภาพไดเชนกน ลบรปภาพบน Blogger แลวรปบน Picasa จะถกลบดวยหรอไม
การลบรปภาพบน Blogger ไมสงผลใด ๆ ตอ Picasa Web Albums เลยเวนแตคณจะเขามาลบใน Picasa Web Albums โดยตรง ดงนนถาในขณะเขยนบทความคณเผลอท าพลาดรปภาพหายไป กสามารถเขามาเอารปภาพจาก Picasa Web Albums ใชงานไดอกโดยไมตอง upload ซ า หรอไมตองไปหาภาพมาใหม บทสรป
บทนแนะน าใหพอรจกการเชอมโยงระหวาง Blogger และ Picasa Web Albums ซงเปนบรการในเครอขาย Google เหมอนกน และจะท าใหคณเขาใจการจดการเกยวกบภาพบน Blogger ไดดขน
หนา 58
บทท 11 การสรางวดโอใน YouTube และน ามาใสในบลอก
ถามวดโอในหนาบลอกของเราดวย การสอสารเรองราวตางๆ กจะมชวตชวาและเขาใจงายขน ซงในทนเราสามารถสรางไดไมยากดวยบรการของ wwwyoutubecom ครบ
ขนตอนการฝากวดโอไวกบ youtube
1 ไปท wwwyoutubecom แลวเลอก Create Account ทมมขวาบนซงในกรณทเรา Login อยในเวบบลอกของเรานน กสามารถใชบรการของ youtube ดวย Account เดมโดยไมตองสมครใหมครบ วธการท าไดโดย
11 คลกท 12 กรอกขอมลส าหรบการสรางบญช โดยใช username ของ gmail ของเราเอง 13 จากนน คลก
หนา 59
14 จะพบหนาตางใหกรอก Username และ รหสผาน ของ gmail ใหกรอก e-mail ของเรา
จะพบหนาจอ ดงน จากนนเรากสามารถท าการเพม Video ไดตามทเราตองการ
หนา 60
2 การฝาก youtube มเงอนไขส าคญๆ ดงน - ความยาวของวดโอไมเกน 10 นาท - ควรเปนวดโอทไมกระทบตอสถาบน ชาต ศาสนา พระมหากษตรย และ ศลธรรมอนดงามของสงคม
3 การ upload วดโอขนไปทเมน upload (ทมมขวาบน) แลวท าการเลอกไฟลวดโอจากเครองของเรา และรอจนการ upload เสรจสน
31 คลกทปม Uploads
32 คลกทปม Upload Video
33 เลอกไฟล Video ทตองการ
34
34 เมอ Upload ได 100 แลวใหคลก Save change
หนา 61
4 เมอ upload เสรจสนแลวคลกทขอความ Embed and Sharing Options เรากเหน HTML code ใหคดลอก code เหลานนมาแปะในสวนทเราตองการ
เชนในทนผมคดลอก code มาแปะในบทความกจะไดผลลพธเปนวดโอตามดานลางทเหนครบ
หนา 62
เรอง หนา บทน าhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 1 บทท 1 การสรางเวบบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 4 บทท 2 วธเปลยน Template ของ Bloggerhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 12 บทท 3 วธเขยนและจดการบทความในบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 22 บทท 4 การตงคาพนฐานตางๆ ใหกบบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 26 บทท 5 รจกและใชงาน Gadget ชนดตางๆ บน Bloggerhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 32 บทท 6 การจดการกบ Gadget ในหนาบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 40 บทท 7 การแสดงขาวสารลาสดดวย Gadget ฟดhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 43 บทท 9 นบจ านวนคนเยยมชมดวย Flagcounterhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 53 บทท 10 รปภาพในบทความบน Bloggerhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 55 บทท 11 การสรางวดโอใน YouTube และน ามาใสในบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 58
หนา 63
255
เอกสารประกอบการฝกอบรมเชงปฏบตการ
การพฒนาสอการเรยนการสอน โดยใชโปรแกรมคอมพวเตอรรวมกบ Weblog
หนา 42
เมอเขาใจการท างานของ Gadget ชนดตาง ๆ แลวสงทอยากจะฝากเอาไวตอนทายนกคอการจดองคประกอบหนาของบลอกดงน
แนวทางในการจดองคประกอบหนาบลอก
แนวทางในการจดองคประกอบหนานนไมมกฎเกณฑตายตว บางคนชอบใหม 2 column บางคน ชอบใหม 3 column ซงกขนอยกบความชอบและความตองการใชงาน แตทอยากใหค านงไวเสมอคอ ผอน คอ พระเจา ท าอะไรใหเขาใจงายๆ หาอะไรกเจออยางรวดเรว เขาไวเปนพอครบ และอกประการทส าคญคอ การตดตง Gadget ตาง ๆ ควรตดตงเทาทจ าเปนและตองการใชงาน ปฏทน หรอนาฬกานนกไมควรตดตง ลงไปเลย เพราะไมคมคากบการเพมภาระการโหลดใหกบผเขาชม และถาบลอกของคณโหลดไดชา ก เปนไปไดยากทผอานจะกลบมาอก
องคประกอบในหนาของบลอกทผมคดวาคณควรจะมคอ สวนทบอกตวตนของบลอก
ซงอาจจะแสดงในสวนหวของหนา หรอเปนวดโอ สไลดขอความรปถาย อยในต าแหนงทเหนไดชด สวนทเชอมโยงไปยงบทความในบลอก
สวนนจ าเปนมากเพราะจะชวยใหผอานคนหาบทความไดเรวขน คณอาจจะรวมบทความทงหมดเลยหรอ อาจจะใชวธจดหมวดหมใหผอานเลอกสงทตองการจากบลอกของเราไดเรวขน
สวนพนทของสมาชก
สวนนจะแสดงใหเหนวามผสนใจบลอกของเรามากแคไหน และสามารถสมครตดตามบลอกของเราไดทนท เชนอาจจะใช Gadget ผตดตาม หรอใช Like box Plugins ของ Facebook หรออาจจะท า Poll กได
สวนทเปนชองทางใหผอานตดตอเราได
คณอาจจะท า link เชอมโยงใหผอานตดตอคณได หรออาจจะใช Gadget profile ของ Blogger เพอแนะน าตวกได
หนา 43
บทท 7 การแสดงขาวสารลาสดดวย Gadget ฟด
ความหมายของค าวา ฟดโดยสรปกคอเปนสงทแพรกระจายจากบลอกของเราบนโลก Internet เทยบไดกบคลนสญญาณวทยหรอโทรทศน ถามตวรบทกคนกสามารถมองเหนขาวสารทตองการเลอกรบได นอกจากนถามตวชวยสงใหฟดแพรไดแรงขน ขาวสารกยอมจะแพรกระจายไดเรวดวย
ดงนนถาคณสนใจขาวสารจากบลอกใดบลอกหนงคณกสามารถทจะเปดรบขาวสารจากบลอกนนๆ โดยใช Gadget ฟด ซงเปน Gadget ทสามารถเพมไดอยางไมจ ากด ดงนนถาคณตองการรบขาวจาก 10 บลอกกสามารถท าไดโดยการเพม gadget ฟดเขาไปในบลอก 10 ครง ในขณะเดยวกนถาคณใสชอบลอกของตวเองใน Gadget ฟด Gadget ชนดนจะกลายเปน Gadget ทใชแสดง บทความลาสดนนเองครบ
การแสดงขาวสารลาสดโดยการใช Gadget ฟด
1 ไปทองคประกอบของหนา gtgt เพมฟด Gadget
หนา 44
2 ใสโคดตอไปนลงไปใน Gadget ฟด httpชอบลอกblogspotcomfeedspostsdefault
โดยจะตองเปลยนชอบลอกเปนชอบลอกของของคณเองหรอชอบลอกทคณตองการรบขาวสารท update
ตงคาทตองการเพมเตมและบนทกกจะได feeds ขาวสารมาปรากฏทบลอกของคณ
3 ถาตองการเพมบลอกอนอกกท าซ าขอ 1 และ 2 แตตองเปลยนชอบลอกใหม 4 กรณทคณตองการเรยก feed จากเวบทตองการใหคนหา feed จากเวบ wwwgooglecom
แลวแทนโคดในขอ 2 เชน feed ขาวการศกษาจากเวบ httpwwwrssthaicom ใหใสโคด httpwwwrssthaicomnewsphpt=education แทนในขอ 2
หนา 45
บทท 8 แนะน า Gadget ใหมของ blogger ldquoหนาเวบrdquo
ตามเวบไซตตาง ๆ เราคงจะเคยเหนกนวาแตละเวบไซตจะม เมนส าหรบเลอกเปดไปดหนาอน ๆภายในเวบนนๆ เชน ตวอยางในรปดานลาง
Blogger ไดพฒนา Gadget ตวใหมขนมา มชอวา หนาเวบ เพอใหผใชไดสรางหนาของบลอกทตองการไดโดยไมตองมความรในการดดแปลงหรอแกไขแมแบบดวยตนเอง
การเรยกใช Gadget ชนดนสามารถเลอกใชไดเชนเดยวกบการ Add Gadget ชนดอน ๆ นนคอ ไปท องคประกอบของหนา gtgt แลวเลอก เพม Gadget
ตอไปเรามาดวา Gadget น ใชอยางไร และใชเพอจดประสงคใด หลกการของ Gadget นเหมอนการสรางบทความขนมา 1 บทความ และ สราง Link เชอมโยงไป ยงบทความนน ๆ แตมความพเศษตรงทผใชทวไปสรางเมนขนเองไดอยางงายดาย โดยไมตองมความรพนฐานเกยวกบ HTML เลย
หนา 46
ตวอยางวธการใชงาน(จรง) ในตวอยางนผมจะสราง 2 หนาใหเหนเปนตวอยาง ไดแก HOME และ CONTACT ME
ขนเตรยมการ เนองจากผมจะยกตวอยางการสรางหนา Contact me ดงนนใหทกคนไปสราง Form ส าหรบ
ตดตอเจาของบลอกซงกคอเราเอง ไดท httpwwwfoxyformcom
ซงขนตอนในการสราง ฟอรมนนงายมาก มเพยง 4 ขนเทานน (ดรป)
หนา 47
เมอไดโคด แลวคดลอกเกบเอาไวกอนครบ
ขนสรางหนาเวบจรง ขนท 1 สรางหนาแรก หรอ HOME
Log in เขาไปท draftblogger ไปทแผงควบคม gtgt องคประกอบของหนา gtgt แลวเลอก เพม Gadget เลอกอนแรกเลยครบ คอ gadget หนาเวบ
จากนนกสราง หนาแรกขนมาโดยตงชอตามทตองการไดเลย แลวท าการบนทกครบ
หนา 48
ขนท 2 เมอผานขนท 1 มาแลวกเทากบวาเราไดสราง หนาบลอกขนมาแลว 1 หนา
ถาจะท าการเพมหนาอก ใหไปทแผงควบคม gtgt การสงบทความ gtgt แกไขหนาเวบ gtgt หนาเวบใหม
เมอคลกสรางหนาเวบใหม เรากจะพบเครองมอตาง ๆ เหมอนการเขยนบทความนนเองครบ
หนา 49
ใหน าโคดของ Form ทเตรยมไว จากขนเตรยมการมาวางในหนาหนาน จดรปแบบตามตองการแลวบนทกหนาไดเลยครบ
เพยงขนตอนสน ๆ นเรากจะมเมนเชอมโยงไปยง หนาของบลอกถง 2 หนาดวยกน ไดแก HOME และ CONTACT ME
หนา 50
ขนท 3 - ถาหากตองการเพมหนาบลอกเพมขนอกกท าซ าขนตอนทไดกลาวมาขางตนครบ - แตถาตองการลบหนาบลอกทง กมาทเดม แลวจะเหนค าวาลบ ถาตองการลบทงกกดค าวาลบ
ไดเลย
ขนท 4 วธจดการกบเมนหนาเวบ - ถาตองการเรยงล าดบหนาเวบใหม กไปท องคประกอบของหนา แลว คลก Gadget หนาเวบขนมาแกไข gtgt ดรป
หนา 51
นอกจากน Gadget หนาเวบจะมลกษณะพเศษ คอ ถาอยท Sidebar เมนจะจดเรยงเปนแนวตง
หนา 52
แตถาลากไปในต าแหนงใตสวนหว จะจดเรยงเรยงเปนแนวนอนโดยอตโนมต
หนา 53
บทท 9 นบจ านวนคนเยยมชมดวย Flagcounter
อกบรการนบสถตคนเยยมชมทชวยใหเราทราบวาบลอกของเรามผเยยมชมทงในและตางประเทศมากหรอนอย จาก Flagcounter
วธตดตง
1 ไปท httpwwwflagcountercomindexhtml 2 ตงคาตางๆ ตามความตองการแลวกด GET YOUR FLAG COUNTER ดงรป
3 คดลอก HTML โคด ท FLAG COUNTER ไดสรางใหในขนท 2
หนา 54
4 กลบมาทบลอกของเรา ไปทแผงควบคม gtgt รปแบบ gtgt องคประกอบหนา gtgt เพม Gadget ชนด HTMLจาวาสครปต
5 วางโคดทคดลอกมาจากขนท 3 แลวบนทกครบกเปนอนจบขนตอนครบ ลกษณะทไดกดงรป
หนา 55
บทท 10 รปภาพในบทความบน Blogger
คณเคยสงสยไหมครบวา รปภาพทคณ upload ขนไปขณะทเขยนบทความ หรออาจจะเขยนบทความไปแลว รปเหลานนไปอยทไหน เพราะวา Blogger เองไมม sever ยงตองอาศยฐานขอมลของตวแมคอ blogspotcom อย แลวจะเอาพนท ๆ ไหนมาเกบรปตงมากมาย
ค าตอบคอ Blogger จะใชวธเชอมโยงกบ Application อน ๆ ของ Google เพอแกปญหาการเกบขอมล เชนรปภาพใน Blogger ทเราพดถงกนอยตอนนกจะถกเกบ
อยท Picasa Web Albums ดงนนไมวาจะเปนภาพทคณ Upload ขณะเขยนบทความ กจะถกเกบอยใน Picasa Web Albums ทงหมด
คณใชบรการ Picasa Web Albums ไดอยางไร
การใชบรการ Picasa Web Albums สามารถเขาใชไดทนทหากคณมบญชผใชกบ google อยแลว เชนมบญชผใช Gmail หรอ Blogger อยแลวกสามารถ Log in เขาใชไดเลย
Picasa Web Albums ใหพนทเทาไร
Picasa จะใหพนท เพยง 1 GB ตอ 1 บญชผใช นเปนเหตผลทบางคนอาจจะสงสยวาท าไมคณภาพรปหรอขนาดของรปบน Blogger จงลดลง กลาวคอระบบของ Picasa จะท าการลดขนาดของรปทเรา Upload ผาน Blogger ใหมขนาดเลกลงเพอเปนการประหยดพนทนนเอง
หนา 56
คณจะเขาไปจดการรปภาพจาก Blogger ใน Picasa Web ไดอยางไร การจดการภาพใน Picasa Web Albums ท าได 2 วธคอ
1 ใช Software ทพฒนาขนมาจดการ Picasa Web Albums โดยเฉพาะ
คณสามารถเขาไปดาวนโหลด Picasa ไดท httppicasagooglecom 2 เขาไปจดการทเวบไซต Picasa Web Albums โดยตรง โดยไปท httppicasawebgooglecom และ Log in โดยใชชอบญชเดยวกบ Blogger
คณสามารถเขาไป Unload ภาพไดโดยตรงกบ Picasa แลวเรยกมาใชบน blogger ไดโดยใชตวเลอก อปโหลด
หนา 57
แตถาตองการรปภาพบน Blogger ทไดอปโหลดขนไปแลวกคลกทอลบมทตองการแลวเขาไปจดการภาพไดเชนกน ลบรปภาพบน Blogger แลวรปบน Picasa จะถกลบดวยหรอไม
การลบรปภาพบน Blogger ไมสงผลใด ๆ ตอ Picasa Web Albums เลยเวนแตคณจะเขามาลบใน Picasa Web Albums โดยตรง ดงนนถาในขณะเขยนบทความคณเผลอท าพลาดรปภาพหายไป กสามารถเขามาเอารปภาพจาก Picasa Web Albums ใชงานไดอกโดยไมตอง upload ซ า หรอไมตองไปหาภาพมาใหม บทสรป
บทนแนะน าใหพอรจกการเชอมโยงระหวาง Blogger และ Picasa Web Albums ซงเปนบรการในเครอขาย Google เหมอนกน และจะท าใหคณเขาใจการจดการเกยวกบภาพบน Blogger ไดดขน
หนา 58
บทท 11 การสรางวดโอใน YouTube และน ามาใสในบลอก
ถามวดโอในหนาบลอกของเราดวย การสอสารเรองราวตางๆ กจะมชวตชวาและเขาใจงายขน ซงในทนเราสามารถสรางไดไมยากดวยบรการของ wwwyoutubecom ครบ
ขนตอนการฝากวดโอไวกบ youtube
1 ไปท wwwyoutubecom แลวเลอก Create Account ทมมขวาบนซงในกรณทเรา Login อยในเวบบลอกของเรานน กสามารถใชบรการของ youtube ดวย Account เดมโดยไมตองสมครใหมครบ วธการท าไดโดย
11 คลกท 12 กรอกขอมลส าหรบการสรางบญช โดยใช username ของ gmail ของเราเอง 13 จากนน คลก
หนา 59
14 จะพบหนาตางใหกรอก Username และ รหสผาน ของ gmail ใหกรอก e-mail ของเรา
จะพบหนาจอ ดงน จากนนเรากสามารถท าการเพม Video ไดตามทเราตองการ
หนา 60
2 การฝาก youtube มเงอนไขส าคญๆ ดงน - ความยาวของวดโอไมเกน 10 นาท - ควรเปนวดโอทไมกระทบตอสถาบน ชาต ศาสนา พระมหากษตรย และ ศลธรรมอนดงามของสงคม
3 การ upload วดโอขนไปทเมน upload (ทมมขวาบน) แลวท าการเลอกไฟลวดโอจากเครองของเรา และรอจนการ upload เสรจสน
31 คลกทปม Uploads
32 คลกทปม Upload Video
33 เลอกไฟล Video ทตองการ
34
34 เมอ Upload ได 100 แลวใหคลก Save change
หนา 61
4 เมอ upload เสรจสนแลวคลกทขอความ Embed and Sharing Options เรากเหน HTML code ใหคดลอก code เหลานนมาแปะในสวนทเราตองการ
เชนในทนผมคดลอก code มาแปะในบทความกจะไดผลลพธเปนวดโอตามดานลางทเหนครบ
หนา 62
เรอง หนา บทน าhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 1 บทท 1 การสรางเวบบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 4 บทท 2 วธเปลยน Template ของ Bloggerhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 12 บทท 3 วธเขยนและจดการบทความในบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 22 บทท 4 การตงคาพนฐานตางๆ ใหกบบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 26 บทท 5 รจกและใชงาน Gadget ชนดตางๆ บน Bloggerhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 32 บทท 6 การจดการกบ Gadget ในหนาบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 40 บทท 7 การแสดงขาวสารลาสดดวย Gadget ฟดhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 43 บทท 9 นบจ านวนคนเยยมชมดวย Flagcounterhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 53 บทท 10 รปภาพในบทความบน Bloggerhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 55 บทท 11 การสรางวดโอใน YouTube และน ามาใสในบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 58
หนา 63
255
เอกสารประกอบการฝกอบรมเชงปฏบตการ
การพฒนาสอการเรยนการสอน โดยใชโปรแกรมคอมพวเตอรรวมกบ Weblog
หนา 43
บทท 7 การแสดงขาวสารลาสดดวย Gadget ฟด
ความหมายของค าวา ฟดโดยสรปกคอเปนสงทแพรกระจายจากบลอกของเราบนโลก Internet เทยบไดกบคลนสญญาณวทยหรอโทรทศน ถามตวรบทกคนกสามารถมองเหนขาวสารทตองการเลอกรบได นอกจากนถามตวชวยสงใหฟดแพรไดแรงขน ขาวสารกยอมจะแพรกระจายไดเรวดวย
ดงนนถาคณสนใจขาวสารจากบลอกใดบลอกหนงคณกสามารถทจะเปดรบขาวสารจากบลอกนนๆ โดยใช Gadget ฟด ซงเปน Gadget ทสามารถเพมไดอยางไมจ ากด ดงนนถาคณตองการรบขาวจาก 10 บลอกกสามารถท าไดโดยการเพม gadget ฟดเขาไปในบลอก 10 ครง ในขณะเดยวกนถาคณใสชอบลอกของตวเองใน Gadget ฟด Gadget ชนดนจะกลายเปน Gadget ทใชแสดง บทความลาสดนนเองครบ
การแสดงขาวสารลาสดโดยการใช Gadget ฟด
1 ไปทองคประกอบของหนา gtgt เพมฟด Gadget
หนา 44
2 ใสโคดตอไปนลงไปใน Gadget ฟด httpชอบลอกblogspotcomfeedspostsdefault
โดยจะตองเปลยนชอบลอกเปนชอบลอกของของคณเองหรอชอบลอกทคณตองการรบขาวสารท update
ตงคาทตองการเพมเตมและบนทกกจะได feeds ขาวสารมาปรากฏทบลอกของคณ
3 ถาตองการเพมบลอกอนอกกท าซ าขอ 1 และ 2 แตตองเปลยนชอบลอกใหม 4 กรณทคณตองการเรยก feed จากเวบทตองการใหคนหา feed จากเวบ wwwgooglecom
แลวแทนโคดในขอ 2 เชน feed ขาวการศกษาจากเวบ httpwwwrssthaicom ใหใสโคด httpwwwrssthaicomnewsphpt=education แทนในขอ 2
หนา 45
บทท 8 แนะน า Gadget ใหมของ blogger ldquoหนาเวบrdquo
ตามเวบไซตตาง ๆ เราคงจะเคยเหนกนวาแตละเวบไซตจะม เมนส าหรบเลอกเปดไปดหนาอน ๆภายในเวบนนๆ เชน ตวอยางในรปดานลาง
Blogger ไดพฒนา Gadget ตวใหมขนมา มชอวา หนาเวบ เพอใหผใชไดสรางหนาของบลอกทตองการไดโดยไมตองมความรในการดดแปลงหรอแกไขแมแบบดวยตนเอง
การเรยกใช Gadget ชนดนสามารถเลอกใชไดเชนเดยวกบการ Add Gadget ชนดอน ๆ นนคอ ไปท องคประกอบของหนา gtgt แลวเลอก เพม Gadget
ตอไปเรามาดวา Gadget น ใชอยางไร และใชเพอจดประสงคใด หลกการของ Gadget นเหมอนการสรางบทความขนมา 1 บทความ และ สราง Link เชอมโยงไป ยงบทความนน ๆ แตมความพเศษตรงทผใชทวไปสรางเมนขนเองไดอยางงายดาย โดยไมตองมความรพนฐานเกยวกบ HTML เลย
หนา 46
ตวอยางวธการใชงาน(จรง) ในตวอยางนผมจะสราง 2 หนาใหเหนเปนตวอยาง ไดแก HOME และ CONTACT ME
ขนเตรยมการ เนองจากผมจะยกตวอยางการสรางหนา Contact me ดงนนใหทกคนไปสราง Form ส าหรบ
ตดตอเจาของบลอกซงกคอเราเอง ไดท httpwwwfoxyformcom
ซงขนตอนในการสราง ฟอรมนนงายมาก มเพยง 4 ขนเทานน (ดรป)
หนา 47
เมอไดโคด แลวคดลอกเกบเอาไวกอนครบ
ขนสรางหนาเวบจรง ขนท 1 สรางหนาแรก หรอ HOME
Log in เขาไปท draftblogger ไปทแผงควบคม gtgt องคประกอบของหนา gtgt แลวเลอก เพม Gadget เลอกอนแรกเลยครบ คอ gadget หนาเวบ
จากนนกสราง หนาแรกขนมาโดยตงชอตามทตองการไดเลย แลวท าการบนทกครบ
หนา 48
ขนท 2 เมอผานขนท 1 มาแลวกเทากบวาเราไดสราง หนาบลอกขนมาแลว 1 หนา
ถาจะท าการเพมหนาอก ใหไปทแผงควบคม gtgt การสงบทความ gtgt แกไขหนาเวบ gtgt หนาเวบใหม
เมอคลกสรางหนาเวบใหม เรากจะพบเครองมอตาง ๆ เหมอนการเขยนบทความนนเองครบ
หนา 49
ใหน าโคดของ Form ทเตรยมไว จากขนเตรยมการมาวางในหนาหนาน จดรปแบบตามตองการแลวบนทกหนาไดเลยครบ
เพยงขนตอนสน ๆ นเรากจะมเมนเชอมโยงไปยง หนาของบลอกถง 2 หนาดวยกน ไดแก HOME และ CONTACT ME
หนา 50
ขนท 3 - ถาหากตองการเพมหนาบลอกเพมขนอกกท าซ าขนตอนทไดกลาวมาขางตนครบ - แตถาตองการลบหนาบลอกทง กมาทเดม แลวจะเหนค าวาลบ ถาตองการลบทงกกดค าวาลบ
ไดเลย
ขนท 4 วธจดการกบเมนหนาเวบ - ถาตองการเรยงล าดบหนาเวบใหม กไปท องคประกอบของหนา แลว คลก Gadget หนาเวบขนมาแกไข gtgt ดรป
หนา 51
นอกจากน Gadget หนาเวบจะมลกษณะพเศษ คอ ถาอยท Sidebar เมนจะจดเรยงเปนแนวตง
หนา 52
แตถาลากไปในต าแหนงใตสวนหว จะจดเรยงเรยงเปนแนวนอนโดยอตโนมต
หนา 53
บทท 9 นบจ านวนคนเยยมชมดวย Flagcounter
อกบรการนบสถตคนเยยมชมทชวยใหเราทราบวาบลอกของเรามผเยยมชมทงในและตางประเทศมากหรอนอย จาก Flagcounter
วธตดตง
1 ไปท httpwwwflagcountercomindexhtml 2 ตงคาตางๆ ตามความตองการแลวกด GET YOUR FLAG COUNTER ดงรป
3 คดลอก HTML โคด ท FLAG COUNTER ไดสรางใหในขนท 2
หนา 54
4 กลบมาทบลอกของเรา ไปทแผงควบคม gtgt รปแบบ gtgt องคประกอบหนา gtgt เพม Gadget ชนด HTMLจาวาสครปต
5 วางโคดทคดลอกมาจากขนท 3 แลวบนทกครบกเปนอนจบขนตอนครบ ลกษณะทไดกดงรป
หนา 55
บทท 10 รปภาพในบทความบน Blogger
คณเคยสงสยไหมครบวา รปภาพทคณ upload ขนไปขณะทเขยนบทความ หรออาจจะเขยนบทความไปแลว รปเหลานนไปอยทไหน เพราะวา Blogger เองไมม sever ยงตองอาศยฐานขอมลของตวแมคอ blogspotcom อย แลวจะเอาพนท ๆ ไหนมาเกบรปตงมากมาย
ค าตอบคอ Blogger จะใชวธเชอมโยงกบ Application อน ๆ ของ Google เพอแกปญหาการเกบขอมล เชนรปภาพใน Blogger ทเราพดถงกนอยตอนนกจะถกเกบ
อยท Picasa Web Albums ดงนนไมวาจะเปนภาพทคณ Upload ขณะเขยนบทความ กจะถกเกบอยใน Picasa Web Albums ทงหมด
คณใชบรการ Picasa Web Albums ไดอยางไร
การใชบรการ Picasa Web Albums สามารถเขาใชไดทนทหากคณมบญชผใชกบ google อยแลว เชนมบญชผใช Gmail หรอ Blogger อยแลวกสามารถ Log in เขาใชไดเลย
Picasa Web Albums ใหพนทเทาไร
Picasa จะใหพนท เพยง 1 GB ตอ 1 บญชผใช นเปนเหตผลทบางคนอาจจะสงสยวาท าไมคณภาพรปหรอขนาดของรปบน Blogger จงลดลง กลาวคอระบบของ Picasa จะท าการลดขนาดของรปทเรา Upload ผาน Blogger ใหมขนาดเลกลงเพอเปนการประหยดพนทนนเอง
หนา 56
คณจะเขาไปจดการรปภาพจาก Blogger ใน Picasa Web ไดอยางไร การจดการภาพใน Picasa Web Albums ท าได 2 วธคอ
1 ใช Software ทพฒนาขนมาจดการ Picasa Web Albums โดยเฉพาะ
คณสามารถเขาไปดาวนโหลด Picasa ไดท httppicasagooglecom 2 เขาไปจดการทเวบไซต Picasa Web Albums โดยตรง โดยไปท httppicasawebgooglecom และ Log in โดยใชชอบญชเดยวกบ Blogger
คณสามารถเขาไป Unload ภาพไดโดยตรงกบ Picasa แลวเรยกมาใชบน blogger ไดโดยใชตวเลอก อปโหลด
หนา 57
แตถาตองการรปภาพบน Blogger ทไดอปโหลดขนไปแลวกคลกทอลบมทตองการแลวเขาไปจดการภาพไดเชนกน ลบรปภาพบน Blogger แลวรปบน Picasa จะถกลบดวยหรอไม
การลบรปภาพบน Blogger ไมสงผลใด ๆ ตอ Picasa Web Albums เลยเวนแตคณจะเขามาลบใน Picasa Web Albums โดยตรง ดงนนถาในขณะเขยนบทความคณเผลอท าพลาดรปภาพหายไป กสามารถเขามาเอารปภาพจาก Picasa Web Albums ใชงานไดอกโดยไมตอง upload ซ า หรอไมตองไปหาภาพมาใหม บทสรป
บทนแนะน าใหพอรจกการเชอมโยงระหวาง Blogger และ Picasa Web Albums ซงเปนบรการในเครอขาย Google เหมอนกน และจะท าใหคณเขาใจการจดการเกยวกบภาพบน Blogger ไดดขน
หนา 58
บทท 11 การสรางวดโอใน YouTube และน ามาใสในบลอก
ถามวดโอในหนาบลอกของเราดวย การสอสารเรองราวตางๆ กจะมชวตชวาและเขาใจงายขน ซงในทนเราสามารถสรางไดไมยากดวยบรการของ wwwyoutubecom ครบ
ขนตอนการฝากวดโอไวกบ youtube
1 ไปท wwwyoutubecom แลวเลอก Create Account ทมมขวาบนซงในกรณทเรา Login อยในเวบบลอกของเรานน กสามารถใชบรการของ youtube ดวย Account เดมโดยไมตองสมครใหมครบ วธการท าไดโดย
11 คลกท 12 กรอกขอมลส าหรบการสรางบญช โดยใช username ของ gmail ของเราเอง 13 จากนน คลก
หนา 59
14 จะพบหนาตางใหกรอก Username และ รหสผาน ของ gmail ใหกรอก e-mail ของเรา
จะพบหนาจอ ดงน จากนนเรากสามารถท าการเพม Video ไดตามทเราตองการ
หนา 60
2 การฝาก youtube มเงอนไขส าคญๆ ดงน - ความยาวของวดโอไมเกน 10 นาท - ควรเปนวดโอทไมกระทบตอสถาบน ชาต ศาสนา พระมหากษตรย และ ศลธรรมอนดงามของสงคม
3 การ upload วดโอขนไปทเมน upload (ทมมขวาบน) แลวท าการเลอกไฟลวดโอจากเครองของเรา และรอจนการ upload เสรจสน
31 คลกทปม Uploads
32 คลกทปม Upload Video
33 เลอกไฟล Video ทตองการ
34
34 เมอ Upload ได 100 แลวใหคลก Save change
หนา 61
4 เมอ upload เสรจสนแลวคลกทขอความ Embed and Sharing Options เรากเหน HTML code ใหคดลอก code เหลานนมาแปะในสวนทเราตองการ
เชนในทนผมคดลอก code มาแปะในบทความกจะไดผลลพธเปนวดโอตามดานลางทเหนครบ
หนา 62
เรอง หนา บทน าhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 1 บทท 1 การสรางเวบบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 4 บทท 2 วธเปลยน Template ของ Bloggerhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 12 บทท 3 วธเขยนและจดการบทความในบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 22 บทท 4 การตงคาพนฐานตางๆ ใหกบบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 26 บทท 5 รจกและใชงาน Gadget ชนดตางๆ บน Bloggerhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 32 บทท 6 การจดการกบ Gadget ในหนาบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 40 บทท 7 การแสดงขาวสารลาสดดวย Gadget ฟดhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 43 บทท 9 นบจ านวนคนเยยมชมดวย Flagcounterhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 53 บทท 10 รปภาพในบทความบน Bloggerhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 55 บทท 11 การสรางวดโอใน YouTube และน ามาใสในบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 58
หนา 63
255
เอกสารประกอบการฝกอบรมเชงปฏบตการ
การพฒนาสอการเรยนการสอน โดยใชโปรแกรมคอมพวเตอรรวมกบ Weblog
หนา 44
2 ใสโคดตอไปนลงไปใน Gadget ฟด httpชอบลอกblogspotcomfeedspostsdefault
โดยจะตองเปลยนชอบลอกเปนชอบลอกของของคณเองหรอชอบลอกทคณตองการรบขาวสารท update
ตงคาทตองการเพมเตมและบนทกกจะได feeds ขาวสารมาปรากฏทบลอกของคณ
3 ถาตองการเพมบลอกอนอกกท าซ าขอ 1 และ 2 แตตองเปลยนชอบลอกใหม 4 กรณทคณตองการเรยก feed จากเวบทตองการใหคนหา feed จากเวบ wwwgooglecom
แลวแทนโคดในขอ 2 เชน feed ขาวการศกษาจากเวบ httpwwwrssthaicom ใหใสโคด httpwwwrssthaicomnewsphpt=education แทนในขอ 2
หนา 45
บทท 8 แนะน า Gadget ใหมของ blogger ldquoหนาเวบrdquo
ตามเวบไซตตาง ๆ เราคงจะเคยเหนกนวาแตละเวบไซตจะม เมนส าหรบเลอกเปดไปดหนาอน ๆภายในเวบนนๆ เชน ตวอยางในรปดานลาง
Blogger ไดพฒนา Gadget ตวใหมขนมา มชอวา หนาเวบ เพอใหผใชไดสรางหนาของบลอกทตองการไดโดยไมตองมความรในการดดแปลงหรอแกไขแมแบบดวยตนเอง
การเรยกใช Gadget ชนดนสามารถเลอกใชไดเชนเดยวกบการ Add Gadget ชนดอน ๆ นนคอ ไปท องคประกอบของหนา gtgt แลวเลอก เพม Gadget
ตอไปเรามาดวา Gadget น ใชอยางไร และใชเพอจดประสงคใด หลกการของ Gadget นเหมอนการสรางบทความขนมา 1 บทความ และ สราง Link เชอมโยงไป ยงบทความนน ๆ แตมความพเศษตรงทผใชทวไปสรางเมนขนเองไดอยางงายดาย โดยไมตองมความรพนฐานเกยวกบ HTML เลย
หนา 46
ตวอยางวธการใชงาน(จรง) ในตวอยางนผมจะสราง 2 หนาใหเหนเปนตวอยาง ไดแก HOME และ CONTACT ME
ขนเตรยมการ เนองจากผมจะยกตวอยางการสรางหนา Contact me ดงนนใหทกคนไปสราง Form ส าหรบ
ตดตอเจาของบลอกซงกคอเราเอง ไดท httpwwwfoxyformcom
ซงขนตอนในการสราง ฟอรมนนงายมาก มเพยง 4 ขนเทานน (ดรป)
หนา 47
เมอไดโคด แลวคดลอกเกบเอาไวกอนครบ
ขนสรางหนาเวบจรง ขนท 1 สรางหนาแรก หรอ HOME
Log in เขาไปท draftblogger ไปทแผงควบคม gtgt องคประกอบของหนา gtgt แลวเลอก เพม Gadget เลอกอนแรกเลยครบ คอ gadget หนาเวบ
จากนนกสราง หนาแรกขนมาโดยตงชอตามทตองการไดเลย แลวท าการบนทกครบ
หนา 48
ขนท 2 เมอผานขนท 1 มาแลวกเทากบวาเราไดสราง หนาบลอกขนมาแลว 1 หนา
ถาจะท าการเพมหนาอก ใหไปทแผงควบคม gtgt การสงบทความ gtgt แกไขหนาเวบ gtgt หนาเวบใหม
เมอคลกสรางหนาเวบใหม เรากจะพบเครองมอตาง ๆ เหมอนการเขยนบทความนนเองครบ
หนา 49
ใหน าโคดของ Form ทเตรยมไว จากขนเตรยมการมาวางในหนาหนาน จดรปแบบตามตองการแลวบนทกหนาไดเลยครบ
เพยงขนตอนสน ๆ นเรากจะมเมนเชอมโยงไปยง หนาของบลอกถง 2 หนาดวยกน ไดแก HOME และ CONTACT ME
หนา 50
ขนท 3 - ถาหากตองการเพมหนาบลอกเพมขนอกกท าซ าขนตอนทไดกลาวมาขางตนครบ - แตถาตองการลบหนาบลอกทง กมาทเดม แลวจะเหนค าวาลบ ถาตองการลบทงกกดค าวาลบ
ไดเลย
ขนท 4 วธจดการกบเมนหนาเวบ - ถาตองการเรยงล าดบหนาเวบใหม กไปท องคประกอบของหนา แลว คลก Gadget หนาเวบขนมาแกไข gtgt ดรป
หนา 51
นอกจากน Gadget หนาเวบจะมลกษณะพเศษ คอ ถาอยท Sidebar เมนจะจดเรยงเปนแนวตง
หนา 52
แตถาลากไปในต าแหนงใตสวนหว จะจดเรยงเรยงเปนแนวนอนโดยอตโนมต
หนา 53
บทท 9 นบจ านวนคนเยยมชมดวย Flagcounter
อกบรการนบสถตคนเยยมชมทชวยใหเราทราบวาบลอกของเรามผเยยมชมทงในและตางประเทศมากหรอนอย จาก Flagcounter
วธตดตง
1 ไปท httpwwwflagcountercomindexhtml 2 ตงคาตางๆ ตามความตองการแลวกด GET YOUR FLAG COUNTER ดงรป
3 คดลอก HTML โคด ท FLAG COUNTER ไดสรางใหในขนท 2
หนา 54
4 กลบมาทบลอกของเรา ไปทแผงควบคม gtgt รปแบบ gtgt องคประกอบหนา gtgt เพม Gadget ชนด HTMLจาวาสครปต
5 วางโคดทคดลอกมาจากขนท 3 แลวบนทกครบกเปนอนจบขนตอนครบ ลกษณะทไดกดงรป
หนา 55
บทท 10 รปภาพในบทความบน Blogger
คณเคยสงสยไหมครบวา รปภาพทคณ upload ขนไปขณะทเขยนบทความ หรออาจจะเขยนบทความไปแลว รปเหลานนไปอยทไหน เพราะวา Blogger เองไมม sever ยงตองอาศยฐานขอมลของตวแมคอ blogspotcom อย แลวจะเอาพนท ๆ ไหนมาเกบรปตงมากมาย
ค าตอบคอ Blogger จะใชวธเชอมโยงกบ Application อน ๆ ของ Google เพอแกปญหาการเกบขอมล เชนรปภาพใน Blogger ทเราพดถงกนอยตอนนกจะถกเกบ
อยท Picasa Web Albums ดงนนไมวาจะเปนภาพทคณ Upload ขณะเขยนบทความ กจะถกเกบอยใน Picasa Web Albums ทงหมด
คณใชบรการ Picasa Web Albums ไดอยางไร
การใชบรการ Picasa Web Albums สามารถเขาใชไดทนทหากคณมบญชผใชกบ google อยแลว เชนมบญชผใช Gmail หรอ Blogger อยแลวกสามารถ Log in เขาใชไดเลย
Picasa Web Albums ใหพนทเทาไร
Picasa จะใหพนท เพยง 1 GB ตอ 1 บญชผใช นเปนเหตผลทบางคนอาจจะสงสยวาท าไมคณภาพรปหรอขนาดของรปบน Blogger จงลดลง กลาวคอระบบของ Picasa จะท าการลดขนาดของรปทเรา Upload ผาน Blogger ใหมขนาดเลกลงเพอเปนการประหยดพนทนนเอง
หนา 56
คณจะเขาไปจดการรปภาพจาก Blogger ใน Picasa Web ไดอยางไร การจดการภาพใน Picasa Web Albums ท าได 2 วธคอ
1 ใช Software ทพฒนาขนมาจดการ Picasa Web Albums โดยเฉพาะ
คณสามารถเขาไปดาวนโหลด Picasa ไดท httppicasagooglecom 2 เขาไปจดการทเวบไซต Picasa Web Albums โดยตรง โดยไปท httppicasawebgooglecom และ Log in โดยใชชอบญชเดยวกบ Blogger
คณสามารถเขาไป Unload ภาพไดโดยตรงกบ Picasa แลวเรยกมาใชบน blogger ไดโดยใชตวเลอก อปโหลด
หนา 57
แตถาตองการรปภาพบน Blogger ทไดอปโหลดขนไปแลวกคลกทอลบมทตองการแลวเขาไปจดการภาพไดเชนกน ลบรปภาพบน Blogger แลวรปบน Picasa จะถกลบดวยหรอไม
การลบรปภาพบน Blogger ไมสงผลใด ๆ ตอ Picasa Web Albums เลยเวนแตคณจะเขามาลบใน Picasa Web Albums โดยตรง ดงนนถาในขณะเขยนบทความคณเผลอท าพลาดรปภาพหายไป กสามารถเขามาเอารปภาพจาก Picasa Web Albums ใชงานไดอกโดยไมตอง upload ซ า หรอไมตองไปหาภาพมาใหม บทสรป
บทนแนะน าใหพอรจกการเชอมโยงระหวาง Blogger และ Picasa Web Albums ซงเปนบรการในเครอขาย Google เหมอนกน และจะท าใหคณเขาใจการจดการเกยวกบภาพบน Blogger ไดดขน
หนา 58
บทท 11 การสรางวดโอใน YouTube และน ามาใสในบลอก
ถามวดโอในหนาบลอกของเราดวย การสอสารเรองราวตางๆ กจะมชวตชวาและเขาใจงายขน ซงในทนเราสามารถสรางไดไมยากดวยบรการของ wwwyoutubecom ครบ
ขนตอนการฝากวดโอไวกบ youtube
1 ไปท wwwyoutubecom แลวเลอก Create Account ทมมขวาบนซงในกรณทเรา Login อยในเวบบลอกของเรานน กสามารถใชบรการของ youtube ดวย Account เดมโดยไมตองสมครใหมครบ วธการท าไดโดย
11 คลกท 12 กรอกขอมลส าหรบการสรางบญช โดยใช username ของ gmail ของเราเอง 13 จากนน คลก
หนา 59
14 จะพบหนาตางใหกรอก Username และ รหสผาน ของ gmail ใหกรอก e-mail ของเรา
จะพบหนาจอ ดงน จากนนเรากสามารถท าการเพม Video ไดตามทเราตองการ
หนา 60
2 การฝาก youtube มเงอนไขส าคญๆ ดงน - ความยาวของวดโอไมเกน 10 นาท - ควรเปนวดโอทไมกระทบตอสถาบน ชาต ศาสนา พระมหากษตรย และ ศลธรรมอนดงามของสงคม
3 การ upload วดโอขนไปทเมน upload (ทมมขวาบน) แลวท าการเลอกไฟลวดโอจากเครองของเรา และรอจนการ upload เสรจสน
31 คลกทปม Uploads
32 คลกทปม Upload Video
33 เลอกไฟล Video ทตองการ
34
34 เมอ Upload ได 100 แลวใหคลก Save change
หนา 61
4 เมอ upload เสรจสนแลวคลกทขอความ Embed and Sharing Options เรากเหน HTML code ใหคดลอก code เหลานนมาแปะในสวนทเราตองการ
เชนในทนผมคดลอก code มาแปะในบทความกจะไดผลลพธเปนวดโอตามดานลางทเหนครบ
หนา 62
เรอง หนา บทน าhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 1 บทท 1 การสรางเวบบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 4 บทท 2 วธเปลยน Template ของ Bloggerhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 12 บทท 3 วธเขยนและจดการบทความในบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 22 บทท 4 การตงคาพนฐานตางๆ ใหกบบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 26 บทท 5 รจกและใชงาน Gadget ชนดตางๆ บน Bloggerhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 32 บทท 6 การจดการกบ Gadget ในหนาบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 40 บทท 7 การแสดงขาวสารลาสดดวย Gadget ฟดhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 43 บทท 9 นบจ านวนคนเยยมชมดวย Flagcounterhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 53 บทท 10 รปภาพในบทความบน Bloggerhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 55 บทท 11 การสรางวดโอใน YouTube และน ามาใสในบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 58
หนา 63
255
เอกสารประกอบการฝกอบรมเชงปฏบตการ
การพฒนาสอการเรยนการสอน โดยใชโปรแกรมคอมพวเตอรรวมกบ Weblog
หนา 45
บทท 8 แนะน า Gadget ใหมของ blogger ldquoหนาเวบrdquo
ตามเวบไซตตาง ๆ เราคงจะเคยเหนกนวาแตละเวบไซตจะม เมนส าหรบเลอกเปดไปดหนาอน ๆภายในเวบนนๆ เชน ตวอยางในรปดานลาง
Blogger ไดพฒนา Gadget ตวใหมขนมา มชอวา หนาเวบ เพอใหผใชไดสรางหนาของบลอกทตองการไดโดยไมตองมความรในการดดแปลงหรอแกไขแมแบบดวยตนเอง
การเรยกใช Gadget ชนดนสามารถเลอกใชไดเชนเดยวกบการ Add Gadget ชนดอน ๆ นนคอ ไปท องคประกอบของหนา gtgt แลวเลอก เพม Gadget
ตอไปเรามาดวา Gadget น ใชอยางไร และใชเพอจดประสงคใด หลกการของ Gadget นเหมอนการสรางบทความขนมา 1 บทความ และ สราง Link เชอมโยงไป ยงบทความนน ๆ แตมความพเศษตรงทผใชทวไปสรางเมนขนเองไดอยางงายดาย โดยไมตองมความรพนฐานเกยวกบ HTML เลย
หนา 46
ตวอยางวธการใชงาน(จรง) ในตวอยางนผมจะสราง 2 หนาใหเหนเปนตวอยาง ไดแก HOME และ CONTACT ME
ขนเตรยมการ เนองจากผมจะยกตวอยางการสรางหนา Contact me ดงนนใหทกคนไปสราง Form ส าหรบ
ตดตอเจาของบลอกซงกคอเราเอง ไดท httpwwwfoxyformcom
ซงขนตอนในการสราง ฟอรมนนงายมาก มเพยง 4 ขนเทานน (ดรป)
หนา 47
เมอไดโคด แลวคดลอกเกบเอาไวกอนครบ
ขนสรางหนาเวบจรง ขนท 1 สรางหนาแรก หรอ HOME
Log in เขาไปท draftblogger ไปทแผงควบคม gtgt องคประกอบของหนา gtgt แลวเลอก เพม Gadget เลอกอนแรกเลยครบ คอ gadget หนาเวบ
จากนนกสราง หนาแรกขนมาโดยตงชอตามทตองการไดเลย แลวท าการบนทกครบ
หนา 48
ขนท 2 เมอผานขนท 1 มาแลวกเทากบวาเราไดสราง หนาบลอกขนมาแลว 1 หนา
ถาจะท าการเพมหนาอก ใหไปทแผงควบคม gtgt การสงบทความ gtgt แกไขหนาเวบ gtgt หนาเวบใหม
เมอคลกสรางหนาเวบใหม เรากจะพบเครองมอตาง ๆ เหมอนการเขยนบทความนนเองครบ
หนา 49
ใหน าโคดของ Form ทเตรยมไว จากขนเตรยมการมาวางในหนาหนาน จดรปแบบตามตองการแลวบนทกหนาไดเลยครบ
เพยงขนตอนสน ๆ นเรากจะมเมนเชอมโยงไปยง หนาของบลอกถง 2 หนาดวยกน ไดแก HOME และ CONTACT ME
หนา 50
ขนท 3 - ถาหากตองการเพมหนาบลอกเพมขนอกกท าซ าขนตอนทไดกลาวมาขางตนครบ - แตถาตองการลบหนาบลอกทง กมาทเดม แลวจะเหนค าวาลบ ถาตองการลบทงกกดค าวาลบ
ไดเลย
ขนท 4 วธจดการกบเมนหนาเวบ - ถาตองการเรยงล าดบหนาเวบใหม กไปท องคประกอบของหนา แลว คลก Gadget หนาเวบขนมาแกไข gtgt ดรป
หนา 51
นอกจากน Gadget หนาเวบจะมลกษณะพเศษ คอ ถาอยท Sidebar เมนจะจดเรยงเปนแนวตง
หนา 52
แตถาลากไปในต าแหนงใตสวนหว จะจดเรยงเรยงเปนแนวนอนโดยอตโนมต
หนา 53
บทท 9 นบจ านวนคนเยยมชมดวย Flagcounter
อกบรการนบสถตคนเยยมชมทชวยใหเราทราบวาบลอกของเรามผเยยมชมทงในและตางประเทศมากหรอนอย จาก Flagcounter
วธตดตง
1 ไปท httpwwwflagcountercomindexhtml 2 ตงคาตางๆ ตามความตองการแลวกด GET YOUR FLAG COUNTER ดงรป
3 คดลอก HTML โคด ท FLAG COUNTER ไดสรางใหในขนท 2
หนา 54
4 กลบมาทบลอกของเรา ไปทแผงควบคม gtgt รปแบบ gtgt องคประกอบหนา gtgt เพม Gadget ชนด HTMLจาวาสครปต
5 วางโคดทคดลอกมาจากขนท 3 แลวบนทกครบกเปนอนจบขนตอนครบ ลกษณะทไดกดงรป
หนา 55
บทท 10 รปภาพในบทความบน Blogger
คณเคยสงสยไหมครบวา รปภาพทคณ upload ขนไปขณะทเขยนบทความ หรออาจจะเขยนบทความไปแลว รปเหลานนไปอยทไหน เพราะวา Blogger เองไมม sever ยงตองอาศยฐานขอมลของตวแมคอ blogspotcom อย แลวจะเอาพนท ๆ ไหนมาเกบรปตงมากมาย
ค าตอบคอ Blogger จะใชวธเชอมโยงกบ Application อน ๆ ของ Google เพอแกปญหาการเกบขอมล เชนรปภาพใน Blogger ทเราพดถงกนอยตอนนกจะถกเกบ
อยท Picasa Web Albums ดงนนไมวาจะเปนภาพทคณ Upload ขณะเขยนบทความ กจะถกเกบอยใน Picasa Web Albums ทงหมด
คณใชบรการ Picasa Web Albums ไดอยางไร
การใชบรการ Picasa Web Albums สามารถเขาใชไดทนทหากคณมบญชผใชกบ google อยแลว เชนมบญชผใช Gmail หรอ Blogger อยแลวกสามารถ Log in เขาใชไดเลย
Picasa Web Albums ใหพนทเทาไร
Picasa จะใหพนท เพยง 1 GB ตอ 1 บญชผใช นเปนเหตผลทบางคนอาจจะสงสยวาท าไมคณภาพรปหรอขนาดของรปบน Blogger จงลดลง กลาวคอระบบของ Picasa จะท าการลดขนาดของรปทเรา Upload ผาน Blogger ใหมขนาดเลกลงเพอเปนการประหยดพนทนนเอง
หนา 56
คณจะเขาไปจดการรปภาพจาก Blogger ใน Picasa Web ไดอยางไร การจดการภาพใน Picasa Web Albums ท าได 2 วธคอ
1 ใช Software ทพฒนาขนมาจดการ Picasa Web Albums โดยเฉพาะ
คณสามารถเขาไปดาวนโหลด Picasa ไดท httppicasagooglecom 2 เขาไปจดการทเวบไซต Picasa Web Albums โดยตรง โดยไปท httppicasawebgooglecom และ Log in โดยใชชอบญชเดยวกบ Blogger
คณสามารถเขาไป Unload ภาพไดโดยตรงกบ Picasa แลวเรยกมาใชบน blogger ไดโดยใชตวเลอก อปโหลด
หนา 57
แตถาตองการรปภาพบน Blogger ทไดอปโหลดขนไปแลวกคลกทอลบมทตองการแลวเขาไปจดการภาพไดเชนกน ลบรปภาพบน Blogger แลวรปบน Picasa จะถกลบดวยหรอไม
การลบรปภาพบน Blogger ไมสงผลใด ๆ ตอ Picasa Web Albums เลยเวนแตคณจะเขามาลบใน Picasa Web Albums โดยตรง ดงนนถาในขณะเขยนบทความคณเผลอท าพลาดรปภาพหายไป กสามารถเขามาเอารปภาพจาก Picasa Web Albums ใชงานไดอกโดยไมตอง upload ซ า หรอไมตองไปหาภาพมาใหม บทสรป
บทนแนะน าใหพอรจกการเชอมโยงระหวาง Blogger และ Picasa Web Albums ซงเปนบรการในเครอขาย Google เหมอนกน และจะท าใหคณเขาใจการจดการเกยวกบภาพบน Blogger ไดดขน
หนา 58
บทท 11 การสรางวดโอใน YouTube และน ามาใสในบลอก
ถามวดโอในหนาบลอกของเราดวย การสอสารเรองราวตางๆ กจะมชวตชวาและเขาใจงายขน ซงในทนเราสามารถสรางไดไมยากดวยบรการของ wwwyoutubecom ครบ
ขนตอนการฝากวดโอไวกบ youtube
1 ไปท wwwyoutubecom แลวเลอก Create Account ทมมขวาบนซงในกรณทเรา Login อยในเวบบลอกของเรานน กสามารถใชบรการของ youtube ดวย Account เดมโดยไมตองสมครใหมครบ วธการท าไดโดย
11 คลกท 12 กรอกขอมลส าหรบการสรางบญช โดยใช username ของ gmail ของเราเอง 13 จากนน คลก
หนา 59
14 จะพบหนาตางใหกรอก Username และ รหสผาน ของ gmail ใหกรอก e-mail ของเรา
จะพบหนาจอ ดงน จากนนเรากสามารถท าการเพม Video ไดตามทเราตองการ
หนา 60
2 การฝาก youtube มเงอนไขส าคญๆ ดงน - ความยาวของวดโอไมเกน 10 นาท - ควรเปนวดโอทไมกระทบตอสถาบน ชาต ศาสนา พระมหากษตรย และ ศลธรรมอนดงามของสงคม
3 การ upload วดโอขนไปทเมน upload (ทมมขวาบน) แลวท าการเลอกไฟลวดโอจากเครองของเรา และรอจนการ upload เสรจสน
31 คลกทปม Uploads
32 คลกทปม Upload Video
33 เลอกไฟล Video ทตองการ
34
34 เมอ Upload ได 100 แลวใหคลก Save change
หนา 61
4 เมอ upload เสรจสนแลวคลกทขอความ Embed and Sharing Options เรากเหน HTML code ใหคดลอก code เหลานนมาแปะในสวนทเราตองการ
เชนในทนผมคดลอก code มาแปะในบทความกจะไดผลลพธเปนวดโอตามดานลางทเหนครบ
หนา 62
เรอง หนา บทน าhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 1 บทท 1 การสรางเวบบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 4 บทท 2 วธเปลยน Template ของ Bloggerhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 12 บทท 3 วธเขยนและจดการบทความในบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 22 บทท 4 การตงคาพนฐานตางๆ ใหกบบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 26 บทท 5 รจกและใชงาน Gadget ชนดตางๆ บน Bloggerhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 32 บทท 6 การจดการกบ Gadget ในหนาบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 40 บทท 7 การแสดงขาวสารลาสดดวย Gadget ฟดhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 43 บทท 9 นบจ านวนคนเยยมชมดวย Flagcounterhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 53 บทท 10 รปภาพในบทความบน Bloggerhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 55 บทท 11 การสรางวดโอใน YouTube และน ามาใสในบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 58
หนา 63
255
เอกสารประกอบการฝกอบรมเชงปฏบตการ
การพฒนาสอการเรยนการสอน โดยใชโปรแกรมคอมพวเตอรรวมกบ Weblog
หนา 46
ตวอยางวธการใชงาน(จรง) ในตวอยางนผมจะสราง 2 หนาใหเหนเปนตวอยาง ไดแก HOME และ CONTACT ME
ขนเตรยมการ เนองจากผมจะยกตวอยางการสรางหนา Contact me ดงนนใหทกคนไปสราง Form ส าหรบ
ตดตอเจาของบลอกซงกคอเราเอง ไดท httpwwwfoxyformcom
ซงขนตอนในการสราง ฟอรมนนงายมาก มเพยง 4 ขนเทานน (ดรป)
หนา 47
เมอไดโคด แลวคดลอกเกบเอาไวกอนครบ
ขนสรางหนาเวบจรง ขนท 1 สรางหนาแรก หรอ HOME
Log in เขาไปท draftblogger ไปทแผงควบคม gtgt องคประกอบของหนา gtgt แลวเลอก เพม Gadget เลอกอนแรกเลยครบ คอ gadget หนาเวบ
จากนนกสราง หนาแรกขนมาโดยตงชอตามทตองการไดเลย แลวท าการบนทกครบ
หนา 48
ขนท 2 เมอผานขนท 1 มาแลวกเทากบวาเราไดสราง หนาบลอกขนมาแลว 1 หนา
ถาจะท าการเพมหนาอก ใหไปทแผงควบคม gtgt การสงบทความ gtgt แกไขหนาเวบ gtgt หนาเวบใหม
เมอคลกสรางหนาเวบใหม เรากจะพบเครองมอตาง ๆ เหมอนการเขยนบทความนนเองครบ
หนา 49
ใหน าโคดของ Form ทเตรยมไว จากขนเตรยมการมาวางในหนาหนาน จดรปแบบตามตองการแลวบนทกหนาไดเลยครบ
เพยงขนตอนสน ๆ นเรากจะมเมนเชอมโยงไปยง หนาของบลอกถง 2 หนาดวยกน ไดแก HOME และ CONTACT ME
หนา 50
ขนท 3 - ถาหากตองการเพมหนาบลอกเพมขนอกกท าซ าขนตอนทไดกลาวมาขางตนครบ - แตถาตองการลบหนาบลอกทง กมาทเดม แลวจะเหนค าวาลบ ถาตองการลบทงกกดค าวาลบ
ไดเลย
ขนท 4 วธจดการกบเมนหนาเวบ - ถาตองการเรยงล าดบหนาเวบใหม กไปท องคประกอบของหนา แลว คลก Gadget หนาเวบขนมาแกไข gtgt ดรป
หนา 51
นอกจากน Gadget หนาเวบจะมลกษณะพเศษ คอ ถาอยท Sidebar เมนจะจดเรยงเปนแนวตง
หนา 52
แตถาลากไปในต าแหนงใตสวนหว จะจดเรยงเรยงเปนแนวนอนโดยอตโนมต
หนา 53
บทท 9 นบจ านวนคนเยยมชมดวย Flagcounter
อกบรการนบสถตคนเยยมชมทชวยใหเราทราบวาบลอกของเรามผเยยมชมทงในและตางประเทศมากหรอนอย จาก Flagcounter
วธตดตง
1 ไปท httpwwwflagcountercomindexhtml 2 ตงคาตางๆ ตามความตองการแลวกด GET YOUR FLAG COUNTER ดงรป
3 คดลอก HTML โคด ท FLAG COUNTER ไดสรางใหในขนท 2
หนา 54
4 กลบมาทบลอกของเรา ไปทแผงควบคม gtgt รปแบบ gtgt องคประกอบหนา gtgt เพม Gadget ชนด HTMLจาวาสครปต
5 วางโคดทคดลอกมาจากขนท 3 แลวบนทกครบกเปนอนจบขนตอนครบ ลกษณะทไดกดงรป
หนา 55
บทท 10 รปภาพในบทความบน Blogger
คณเคยสงสยไหมครบวา รปภาพทคณ upload ขนไปขณะทเขยนบทความ หรออาจจะเขยนบทความไปแลว รปเหลานนไปอยทไหน เพราะวา Blogger เองไมม sever ยงตองอาศยฐานขอมลของตวแมคอ blogspotcom อย แลวจะเอาพนท ๆ ไหนมาเกบรปตงมากมาย
ค าตอบคอ Blogger จะใชวธเชอมโยงกบ Application อน ๆ ของ Google เพอแกปญหาการเกบขอมล เชนรปภาพใน Blogger ทเราพดถงกนอยตอนนกจะถกเกบ
อยท Picasa Web Albums ดงนนไมวาจะเปนภาพทคณ Upload ขณะเขยนบทความ กจะถกเกบอยใน Picasa Web Albums ทงหมด
คณใชบรการ Picasa Web Albums ไดอยางไร
การใชบรการ Picasa Web Albums สามารถเขาใชไดทนทหากคณมบญชผใชกบ google อยแลว เชนมบญชผใช Gmail หรอ Blogger อยแลวกสามารถ Log in เขาใชไดเลย
Picasa Web Albums ใหพนทเทาไร
Picasa จะใหพนท เพยง 1 GB ตอ 1 บญชผใช นเปนเหตผลทบางคนอาจจะสงสยวาท าไมคณภาพรปหรอขนาดของรปบน Blogger จงลดลง กลาวคอระบบของ Picasa จะท าการลดขนาดของรปทเรา Upload ผาน Blogger ใหมขนาดเลกลงเพอเปนการประหยดพนทนนเอง
หนา 56
คณจะเขาไปจดการรปภาพจาก Blogger ใน Picasa Web ไดอยางไร การจดการภาพใน Picasa Web Albums ท าได 2 วธคอ
1 ใช Software ทพฒนาขนมาจดการ Picasa Web Albums โดยเฉพาะ
คณสามารถเขาไปดาวนโหลด Picasa ไดท httppicasagooglecom 2 เขาไปจดการทเวบไซต Picasa Web Albums โดยตรง โดยไปท httppicasawebgooglecom และ Log in โดยใชชอบญชเดยวกบ Blogger
คณสามารถเขาไป Unload ภาพไดโดยตรงกบ Picasa แลวเรยกมาใชบน blogger ไดโดยใชตวเลอก อปโหลด
หนา 57
แตถาตองการรปภาพบน Blogger ทไดอปโหลดขนไปแลวกคลกทอลบมทตองการแลวเขาไปจดการภาพไดเชนกน ลบรปภาพบน Blogger แลวรปบน Picasa จะถกลบดวยหรอไม
การลบรปภาพบน Blogger ไมสงผลใด ๆ ตอ Picasa Web Albums เลยเวนแตคณจะเขามาลบใน Picasa Web Albums โดยตรง ดงนนถาในขณะเขยนบทความคณเผลอท าพลาดรปภาพหายไป กสามารถเขามาเอารปภาพจาก Picasa Web Albums ใชงานไดอกโดยไมตอง upload ซ า หรอไมตองไปหาภาพมาใหม บทสรป
บทนแนะน าใหพอรจกการเชอมโยงระหวาง Blogger และ Picasa Web Albums ซงเปนบรการในเครอขาย Google เหมอนกน และจะท าใหคณเขาใจการจดการเกยวกบภาพบน Blogger ไดดขน
หนา 58
บทท 11 การสรางวดโอใน YouTube และน ามาใสในบลอก
ถามวดโอในหนาบลอกของเราดวย การสอสารเรองราวตางๆ กจะมชวตชวาและเขาใจงายขน ซงในทนเราสามารถสรางไดไมยากดวยบรการของ wwwyoutubecom ครบ
ขนตอนการฝากวดโอไวกบ youtube
1 ไปท wwwyoutubecom แลวเลอก Create Account ทมมขวาบนซงในกรณทเรา Login อยในเวบบลอกของเรานน กสามารถใชบรการของ youtube ดวย Account เดมโดยไมตองสมครใหมครบ วธการท าไดโดย
11 คลกท 12 กรอกขอมลส าหรบการสรางบญช โดยใช username ของ gmail ของเราเอง 13 จากนน คลก
หนา 59
14 จะพบหนาตางใหกรอก Username และ รหสผาน ของ gmail ใหกรอก e-mail ของเรา
จะพบหนาจอ ดงน จากนนเรากสามารถท าการเพม Video ไดตามทเราตองการ
หนา 60
2 การฝาก youtube มเงอนไขส าคญๆ ดงน - ความยาวของวดโอไมเกน 10 นาท - ควรเปนวดโอทไมกระทบตอสถาบน ชาต ศาสนา พระมหากษตรย และ ศลธรรมอนดงามของสงคม
3 การ upload วดโอขนไปทเมน upload (ทมมขวาบน) แลวท าการเลอกไฟลวดโอจากเครองของเรา และรอจนการ upload เสรจสน
31 คลกทปม Uploads
32 คลกทปม Upload Video
33 เลอกไฟล Video ทตองการ
34
34 เมอ Upload ได 100 แลวใหคลก Save change
หนา 61
4 เมอ upload เสรจสนแลวคลกทขอความ Embed and Sharing Options เรากเหน HTML code ใหคดลอก code เหลานนมาแปะในสวนทเราตองการ
เชนในทนผมคดลอก code มาแปะในบทความกจะไดผลลพธเปนวดโอตามดานลางทเหนครบ
หนา 62
เรอง หนา บทน าhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 1 บทท 1 การสรางเวบบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 4 บทท 2 วธเปลยน Template ของ Bloggerhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 12 บทท 3 วธเขยนและจดการบทความในบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 22 บทท 4 การตงคาพนฐานตางๆ ใหกบบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 26 บทท 5 รจกและใชงาน Gadget ชนดตางๆ บน Bloggerhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 32 บทท 6 การจดการกบ Gadget ในหนาบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 40 บทท 7 การแสดงขาวสารลาสดดวย Gadget ฟดhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 43 บทท 9 นบจ านวนคนเยยมชมดวย Flagcounterhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 53 บทท 10 รปภาพในบทความบน Bloggerhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 55 บทท 11 การสรางวดโอใน YouTube และน ามาใสในบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 58
หนา 63
255
เอกสารประกอบการฝกอบรมเชงปฏบตการ
การพฒนาสอการเรยนการสอน โดยใชโปรแกรมคอมพวเตอรรวมกบ Weblog
หนา 47
เมอไดโคด แลวคดลอกเกบเอาไวกอนครบ
ขนสรางหนาเวบจรง ขนท 1 สรางหนาแรก หรอ HOME
Log in เขาไปท draftblogger ไปทแผงควบคม gtgt องคประกอบของหนา gtgt แลวเลอก เพม Gadget เลอกอนแรกเลยครบ คอ gadget หนาเวบ
จากนนกสราง หนาแรกขนมาโดยตงชอตามทตองการไดเลย แลวท าการบนทกครบ
หนา 48
ขนท 2 เมอผานขนท 1 มาแลวกเทากบวาเราไดสราง หนาบลอกขนมาแลว 1 หนา
ถาจะท าการเพมหนาอก ใหไปทแผงควบคม gtgt การสงบทความ gtgt แกไขหนาเวบ gtgt หนาเวบใหม
เมอคลกสรางหนาเวบใหม เรากจะพบเครองมอตาง ๆ เหมอนการเขยนบทความนนเองครบ
หนา 49
ใหน าโคดของ Form ทเตรยมไว จากขนเตรยมการมาวางในหนาหนาน จดรปแบบตามตองการแลวบนทกหนาไดเลยครบ
เพยงขนตอนสน ๆ นเรากจะมเมนเชอมโยงไปยง หนาของบลอกถง 2 หนาดวยกน ไดแก HOME และ CONTACT ME
หนา 50
ขนท 3 - ถาหากตองการเพมหนาบลอกเพมขนอกกท าซ าขนตอนทไดกลาวมาขางตนครบ - แตถาตองการลบหนาบลอกทง กมาทเดม แลวจะเหนค าวาลบ ถาตองการลบทงกกดค าวาลบ
ไดเลย
ขนท 4 วธจดการกบเมนหนาเวบ - ถาตองการเรยงล าดบหนาเวบใหม กไปท องคประกอบของหนา แลว คลก Gadget หนาเวบขนมาแกไข gtgt ดรป
หนา 51
นอกจากน Gadget หนาเวบจะมลกษณะพเศษ คอ ถาอยท Sidebar เมนจะจดเรยงเปนแนวตง
หนา 52
แตถาลากไปในต าแหนงใตสวนหว จะจดเรยงเรยงเปนแนวนอนโดยอตโนมต
หนา 53
บทท 9 นบจ านวนคนเยยมชมดวย Flagcounter
อกบรการนบสถตคนเยยมชมทชวยใหเราทราบวาบลอกของเรามผเยยมชมทงในและตางประเทศมากหรอนอย จาก Flagcounter
วธตดตง
1 ไปท httpwwwflagcountercomindexhtml 2 ตงคาตางๆ ตามความตองการแลวกด GET YOUR FLAG COUNTER ดงรป
3 คดลอก HTML โคด ท FLAG COUNTER ไดสรางใหในขนท 2
หนา 54
4 กลบมาทบลอกของเรา ไปทแผงควบคม gtgt รปแบบ gtgt องคประกอบหนา gtgt เพม Gadget ชนด HTMLจาวาสครปต
5 วางโคดทคดลอกมาจากขนท 3 แลวบนทกครบกเปนอนจบขนตอนครบ ลกษณะทไดกดงรป
หนา 55
บทท 10 รปภาพในบทความบน Blogger
คณเคยสงสยไหมครบวา รปภาพทคณ upload ขนไปขณะทเขยนบทความ หรออาจจะเขยนบทความไปแลว รปเหลานนไปอยทไหน เพราะวา Blogger เองไมม sever ยงตองอาศยฐานขอมลของตวแมคอ blogspotcom อย แลวจะเอาพนท ๆ ไหนมาเกบรปตงมากมาย
ค าตอบคอ Blogger จะใชวธเชอมโยงกบ Application อน ๆ ของ Google เพอแกปญหาการเกบขอมล เชนรปภาพใน Blogger ทเราพดถงกนอยตอนนกจะถกเกบ
อยท Picasa Web Albums ดงนนไมวาจะเปนภาพทคณ Upload ขณะเขยนบทความ กจะถกเกบอยใน Picasa Web Albums ทงหมด
คณใชบรการ Picasa Web Albums ไดอยางไร
การใชบรการ Picasa Web Albums สามารถเขาใชไดทนทหากคณมบญชผใชกบ google อยแลว เชนมบญชผใช Gmail หรอ Blogger อยแลวกสามารถ Log in เขาใชไดเลย
Picasa Web Albums ใหพนทเทาไร
Picasa จะใหพนท เพยง 1 GB ตอ 1 บญชผใช นเปนเหตผลทบางคนอาจจะสงสยวาท าไมคณภาพรปหรอขนาดของรปบน Blogger จงลดลง กลาวคอระบบของ Picasa จะท าการลดขนาดของรปทเรา Upload ผาน Blogger ใหมขนาดเลกลงเพอเปนการประหยดพนทนนเอง
หนา 56
คณจะเขาไปจดการรปภาพจาก Blogger ใน Picasa Web ไดอยางไร การจดการภาพใน Picasa Web Albums ท าได 2 วธคอ
1 ใช Software ทพฒนาขนมาจดการ Picasa Web Albums โดยเฉพาะ
คณสามารถเขาไปดาวนโหลด Picasa ไดท httppicasagooglecom 2 เขาไปจดการทเวบไซต Picasa Web Albums โดยตรง โดยไปท httppicasawebgooglecom และ Log in โดยใชชอบญชเดยวกบ Blogger
คณสามารถเขาไป Unload ภาพไดโดยตรงกบ Picasa แลวเรยกมาใชบน blogger ไดโดยใชตวเลอก อปโหลด
หนา 57
แตถาตองการรปภาพบน Blogger ทไดอปโหลดขนไปแลวกคลกทอลบมทตองการแลวเขาไปจดการภาพไดเชนกน ลบรปภาพบน Blogger แลวรปบน Picasa จะถกลบดวยหรอไม
การลบรปภาพบน Blogger ไมสงผลใด ๆ ตอ Picasa Web Albums เลยเวนแตคณจะเขามาลบใน Picasa Web Albums โดยตรง ดงนนถาในขณะเขยนบทความคณเผลอท าพลาดรปภาพหายไป กสามารถเขามาเอารปภาพจาก Picasa Web Albums ใชงานไดอกโดยไมตอง upload ซ า หรอไมตองไปหาภาพมาใหม บทสรป
บทนแนะน าใหพอรจกการเชอมโยงระหวาง Blogger และ Picasa Web Albums ซงเปนบรการในเครอขาย Google เหมอนกน และจะท าใหคณเขาใจการจดการเกยวกบภาพบน Blogger ไดดขน
หนา 58
บทท 11 การสรางวดโอใน YouTube และน ามาใสในบลอก
ถามวดโอในหนาบลอกของเราดวย การสอสารเรองราวตางๆ กจะมชวตชวาและเขาใจงายขน ซงในทนเราสามารถสรางไดไมยากดวยบรการของ wwwyoutubecom ครบ
ขนตอนการฝากวดโอไวกบ youtube
1 ไปท wwwyoutubecom แลวเลอก Create Account ทมมขวาบนซงในกรณทเรา Login อยในเวบบลอกของเรานน กสามารถใชบรการของ youtube ดวย Account เดมโดยไมตองสมครใหมครบ วธการท าไดโดย
11 คลกท 12 กรอกขอมลส าหรบการสรางบญช โดยใช username ของ gmail ของเราเอง 13 จากนน คลก
หนา 59
14 จะพบหนาตางใหกรอก Username และ รหสผาน ของ gmail ใหกรอก e-mail ของเรา
จะพบหนาจอ ดงน จากนนเรากสามารถท าการเพม Video ไดตามทเราตองการ
หนา 60
2 การฝาก youtube มเงอนไขส าคญๆ ดงน - ความยาวของวดโอไมเกน 10 นาท - ควรเปนวดโอทไมกระทบตอสถาบน ชาต ศาสนา พระมหากษตรย และ ศลธรรมอนดงามของสงคม
3 การ upload วดโอขนไปทเมน upload (ทมมขวาบน) แลวท าการเลอกไฟลวดโอจากเครองของเรา และรอจนการ upload เสรจสน
31 คลกทปม Uploads
32 คลกทปม Upload Video
33 เลอกไฟล Video ทตองการ
34
34 เมอ Upload ได 100 แลวใหคลก Save change
หนา 61
4 เมอ upload เสรจสนแลวคลกทขอความ Embed and Sharing Options เรากเหน HTML code ใหคดลอก code เหลานนมาแปะในสวนทเราตองการ
เชนในทนผมคดลอก code มาแปะในบทความกจะไดผลลพธเปนวดโอตามดานลางทเหนครบ
หนา 62
เรอง หนา บทน าhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 1 บทท 1 การสรางเวบบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 4 บทท 2 วธเปลยน Template ของ Bloggerhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 12 บทท 3 วธเขยนและจดการบทความในบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 22 บทท 4 การตงคาพนฐานตางๆ ใหกบบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 26 บทท 5 รจกและใชงาน Gadget ชนดตางๆ บน Bloggerhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 32 บทท 6 การจดการกบ Gadget ในหนาบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 40 บทท 7 การแสดงขาวสารลาสดดวย Gadget ฟดhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 43 บทท 9 นบจ านวนคนเยยมชมดวย Flagcounterhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 53 บทท 10 รปภาพในบทความบน Bloggerhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 55 บทท 11 การสรางวดโอใน YouTube และน ามาใสในบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 58
หนา 63
255
เอกสารประกอบการฝกอบรมเชงปฏบตการ
การพฒนาสอการเรยนการสอน โดยใชโปรแกรมคอมพวเตอรรวมกบ Weblog
หนา 48
ขนท 2 เมอผานขนท 1 มาแลวกเทากบวาเราไดสราง หนาบลอกขนมาแลว 1 หนา
ถาจะท าการเพมหนาอก ใหไปทแผงควบคม gtgt การสงบทความ gtgt แกไขหนาเวบ gtgt หนาเวบใหม
เมอคลกสรางหนาเวบใหม เรากจะพบเครองมอตาง ๆ เหมอนการเขยนบทความนนเองครบ
หนา 49
ใหน าโคดของ Form ทเตรยมไว จากขนเตรยมการมาวางในหนาหนาน จดรปแบบตามตองการแลวบนทกหนาไดเลยครบ
เพยงขนตอนสน ๆ นเรากจะมเมนเชอมโยงไปยง หนาของบลอกถง 2 หนาดวยกน ไดแก HOME และ CONTACT ME
หนา 50
ขนท 3 - ถาหากตองการเพมหนาบลอกเพมขนอกกท าซ าขนตอนทไดกลาวมาขางตนครบ - แตถาตองการลบหนาบลอกทง กมาทเดม แลวจะเหนค าวาลบ ถาตองการลบทงกกดค าวาลบ
ไดเลย
ขนท 4 วธจดการกบเมนหนาเวบ - ถาตองการเรยงล าดบหนาเวบใหม กไปท องคประกอบของหนา แลว คลก Gadget หนาเวบขนมาแกไข gtgt ดรป
หนา 51
นอกจากน Gadget หนาเวบจะมลกษณะพเศษ คอ ถาอยท Sidebar เมนจะจดเรยงเปนแนวตง
หนา 52
แตถาลากไปในต าแหนงใตสวนหว จะจดเรยงเรยงเปนแนวนอนโดยอตโนมต
หนา 53
บทท 9 นบจ านวนคนเยยมชมดวย Flagcounter
อกบรการนบสถตคนเยยมชมทชวยใหเราทราบวาบลอกของเรามผเยยมชมทงในและตางประเทศมากหรอนอย จาก Flagcounter
วธตดตง
1 ไปท httpwwwflagcountercomindexhtml 2 ตงคาตางๆ ตามความตองการแลวกด GET YOUR FLAG COUNTER ดงรป
3 คดลอก HTML โคด ท FLAG COUNTER ไดสรางใหในขนท 2
หนา 54
4 กลบมาทบลอกของเรา ไปทแผงควบคม gtgt รปแบบ gtgt องคประกอบหนา gtgt เพม Gadget ชนด HTMLจาวาสครปต
5 วางโคดทคดลอกมาจากขนท 3 แลวบนทกครบกเปนอนจบขนตอนครบ ลกษณะทไดกดงรป
หนา 55
บทท 10 รปภาพในบทความบน Blogger
คณเคยสงสยไหมครบวา รปภาพทคณ upload ขนไปขณะทเขยนบทความ หรออาจจะเขยนบทความไปแลว รปเหลานนไปอยทไหน เพราะวา Blogger เองไมม sever ยงตองอาศยฐานขอมลของตวแมคอ blogspotcom อย แลวจะเอาพนท ๆ ไหนมาเกบรปตงมากมาย
ค าตอบคอ Blogger จะใชวธเชอมโยงกบ Application อน ๆ ของ Google เพอแกปญหาการเกบขอมล เชนรปภาพใน Blogger ทเราพดถงกนอยตอนนกจะถกเกบ
อยท Picasa Web Albums ดงนนไมวาจะเปนภาพทคณ Upload ขณะเขยนบทความ กจะถกเกบอยใน Picasa Web Albums ทงหมด
คณใชบรการ Picasa Web Albums ไดอยางไร
การใชบรการ Picasa Web Albums สามารถเขาใชไดทนทหากคณมบญชผใชกบ google อยแลว เชนมบญชผใช Gmail หรอ Blogger อยแลวกสามารถ Log in เขาใชไดเลย
Picasa Web Albums ใหพนทเทาไร
Picasa จะใหพนท เพยง 1 GB ตอ 1 บญชผใช นเปนเหตผลทบางคนอาจจะสงสยวาท าไมคณภาพรปหรอขนาดของรปบน Blogger จงลดลง กลาวคอระบบของ Picasa จะท าการลดขนาดของรปทเรา Upload ผาน Blogger ใหมขนาดเลกลงเพอเปนการประหยดพนทนนเอง
หนา 56
คณจะเขาไปจดการรปภาพจาก Blogger ใน Picasa Web ไดอยางไร การจดการภาพใน Picasa Web Albums ท าได 2 วธคอ
1 ใช Software ทพฒนาขนมาจดการ Picasa Web Albums โดยเฉพาะ
คณสามารถเขาไปดาวนโหลด Picasa ไดท httppicasagooglecom 2 เขาไปจดการทเวบไซต Picasa Web Albums โดยตรง โดยไปท httppicasawebgooglecom และ Log in โดยใชชอบญชเดยวกบ Blogger
คณสามารถเขาไป Unload ภาพไดโดยตรงกบ Picasa แลวเรยกมาใชบน blogger ไดโดยใชตวเลอก อปโหลด
หนา 57
แตถาตองการรปภาพบน Blogger ทไดอปโหลดขนไปแลวกคลกทอลบมทตองการแลวเขาไปจดการภาพไดเชนกน ลบรปภาพบน Blogger แลวรปบน Picasa จะถกลบดวยหรอไม
การลบรปภาพบน Blogger ไมสงผลใด ๆ ตอ Picasa Web Albums เลยเวนแตคณจะเขามาลบใน Picasa Web Albums โดยตรง ดงนนถาในขณะเขยนบทความคณเผลอท าพลาดรปภาพหายไป กสามารถเขามาเอารปภาพจาก Picasa Web Albums ใชงานไดอกโดยไมตอง upload ซ า หรอไมตองไปหาภาพมาใหม บทสรป
บทนแนะน าใหพอรจกการเชอมโยงระหวาง Blogger และ Picasa Web Albums ซงเปนบรการในเครอขาย Google เหมอนกน และจะท าใหคณเขาใจการจดการเกยวกบภาพบน Blogger ไดดขน
หนา 58
บทท 11 การสรางวดโอใน YouTube และน ามาใสในบลอก
ถามวดโอในหนาบลอกของเราดวย การสอสารเรองราวตางๆ กจะมชวตชวาและเขาใจงายขน ซงในทนเราสามารถสรางไดไมยากดวยบรการของ wwwyoutubecom ครบ
ขนตอนการฝากวดโอไวกบ youtube
1 ไปท wwwyoutubecom แลวเลอก Create Account ทมมขวาบนซงในกรณทเรา Login อยในเวบบลอกของเรานน กสามารถใชบรการของ youtube ดวย Account เดมโดยไมตองสมครใหมครบ วธการท าไดโดย
11 คลกท 12 กรอกขอมลส าหรบการสรางบญช โดยใช username ของ gmail ของเราเอง 13 จากนน คลก
หนา 59
14 จะพบหนาตางใหกรอก Username และ รหสผาน ของ gmail ใหกรอก e-mail ของเรา
จะพบหนาจอ ดงน จากนนเรากสามารถท าการเพม Video ไดตามทเราตองการ
หนา 60
2 การฝาก youtube มเงอนไขส าคญๆ ดงน - ความยาวของวดโอไมเกน 10 นาท - ควรเปนวดโอทไมกระทบตอสถาบน ชาต ศาสนา พระมหากษตรย และ ศลธรรมอนดงามของสงคม
3 การ upload วดโอขนไปทเมน upload (ทมมขวาบน) แลวท าการเลอกไฟลวดโอจากเครองของเรา และรอจนการ upload เสรจสน
31 คลกทปม Uploads
32 คลกทปม Upload Video
33 เลอกไฟล Video ทตองการ
34
34 เมอ Upload ได 100 แลวใหคลก Save change
หนา 61
4 เมอ upload เสรจสนแลวคลกทขอความ Embed and Sharing Options เรากเหน HTML code ใหคดลอก code เหลานนมาแปะในสวนทเราตองการ
เชนในทนผมคดลอก code มาแปะในบทความกจะไดผลลพธเปนวดโอตามดานลางทเหนครบ
หนา 62
เรอง หนา บทน าhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 1 บทท 1 การสรางเวบบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 4 บทท 2 วธเปลยน Template ของ Bloggerhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 12 บทท 3 วธเขยนและจดการบทความในบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 22 บทท 4 การตงคาพนฐานตางๆ ใหกบบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 26 บทท 5 รจกและใชงาน Gadget ชนดตางๆ บน Bloggerhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 32 บทท 6 การจดการกบ Gadget ในหนาบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 40 บทท 7 การแสดงขาวสารลาสดดวย Gadget ฟดhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 43 บทท 9 นบจ านวนคนเยยมชมดวย Flagcounterhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 53 บทท 10 รปภาพในบทความบน Bloggerhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 55 บทท 11 การสรางวดโอใน YouTube และน ามาใสในบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 58
หนา 63
255
เอกสารประกอบการฝกอบรมเชงปฏบตการ
การพฒนาสอการเรยนการสอน โดยใชโปรแกรมคอมพวเตอรรวมกบ Weblog
หนา 49
ใหน าโคดของ Form ทเตรยมไว จากขนเตรยมการมาวางในหนาหนาน จดรปแบบตามตองการแลวบนทกหนาไดเลยครบ
เพยงขนตอนสน ๆ นเรากจะมเมนเชอมโยงไปยง หนาของบลอกถง 2 หนาดวยกน ไดแก HOME และ CONTACT ME
หนา 50
ขนท 3 - ถาหากตองการเพมหนาบลอกเพมขนอกกท าซ าขนตอนทไดกลาวมาขางตนครบ - แตถาตองการลบหนาบลอกทง กมาทเดม แลวจะเหนค าวาลบ ถาตองการลบทงกกดค าวาลบ
ไดเลย
ขนท 4 วธจดการกบเมนหนาเวบ - ถาตองการเรยงล าดบหนาเวบใหม กไปท องคประกอบของหนา แลว คลก Gadget หนาเวบขนมาแกไข gtgt ดรป
หนา 51
นอกจากน Gadget หนาเวบจะมลกษณะพเศษ คอ ถาอยท Sidebar เมนจะจดเรยงเปนแนวตง
หนา 52
แตถาลากไปในต าแหนงใตสวนหว จะจดเรยงเรยงเปนแนวนอนโดยอตโนมต
หนา 53
บทท 9 นบจ านวนคนเยยมชมดวย Flagcounter
อกบรการนบสถตคนเยยมชมทชวยใหเราทราบวาบลอกของเรามผเยยมชมทงในและตางประเทศมากหรอนอย จาก Flagcounter
วธตดตง
1 ไปท httpwwwflagcountercomindexhtml 2 ตงคาตางๆ ตามความตองการแลวกด GET YOUR FLAG COUNTER ดงรป
3 คดลอก HTML โคด ท FLAG COUNTER ไดสรางใหในขนท 2
หนา 54
4 กลบมาทบลอกของเรา ไปทแผงควบคม gtgt รปแบบ gtgt องคประกอบหนา gtgt เพม Gadget ชนด HTMLจาวาสครปต
5 วางโคดทคดลอกมาจากขนท 3 แลวบนทกครบกเปนอนจบขนตอนครบ ลกษณะทไดกดงรป
หนา 55
บทท 10 รปภาพในบทความบน Blogger
คณเคยสงสยไหมครบวา รปภาพทคณ upload ขนไปขณะทเขยนบทความ หรออาจจะเขยนบทความไปแลว รปเหลานนไปอยทไหน เพราะวา Blogger เองไมม sever ยงตองอาศยฐานขอมลของตวแมคอ blogspotcom อย แลวจะเอาพนท ๆ ไหนมาเกบรปตงมากมาย
ค าตอบคอ Blogger จะใชวธเชอมโยงกบ Application อน ๆ ของ Google เพอแกปญหาการเกบขอมล เชนรปภาพใน Blogger ทเราพดถงกนอยตอนนกจะถกเกบ
อยท Picasa Web Albums ดงนนไมวาจะเปนภาพทคณ Upload ขณะเขยนบทความ กจะถกเกบอยใน Picasa Web Albums ทงหมด
คณใชบรการ Picasa Web Albums ไดอยางไร
การใชบรการ Picasa Web Albums สามารถเขาใชไดทนทหากคณมบญชผใชกบ google อยแลว เชนมบญชผใช Gmail หรอ Blogger อยแลวกสามารถ Log in เขาใชไดเลย
Picasa Web Albums ใหพนทเทาไร
Picasa จะใหพนท เพยง 1 GB ตอ 1 บญชผใช นเปนเหตผลทบางคนอาจจะสงสยวาท าไมคณภาพรปหรอขนาดของรปบน Blogger จงลดลง กลาวคอระบบของ Picasa จะท าการลดขนาดของรปทเรา Upload ผาน Blogger ใหมขนาดเลกลงเพอเปนการประหยดพนทนนเอง
หนา 56
คณจะเขาไปจดการรปภาพจาก Blogger ใน Picasa Web ไดอยางไร การจดการภาพใน Picasa Web Albums ท าได 2 วธคอ
1 ใช Software ทพฒนาขนมาจดการ Picasa Web Albums โดยเฉพาะ
คณสามารถเขาไปดาวนโหลด Picasa ไดท httppicasagooglecom 2 เขาไปจดการทเวบไซต Picasa Web Albums โดยตรง โดยไปท httppicasawebgooglecom และ Log in โดยใชชอบญชเดยวกบ Blogger
คณสามารถเขาไป Unload ภาพไดโดยตรงกบ Picasa แลวเรยกมาใชบน blogger ไดโดยใชตวเลอก อปโหลด
หนา 57
แตถาตองการรปภาพบน Blogger ทไดอปโหลดขนไปแลวกคลกทอลบมทตองการแลวเขาไปจดการภาพไดเชนกน ลบรปภาพบน Blogger แลวรปบน Picasa จะถกลบดวยหรอไม
การลบรปภาพบน Blogger ไมสงผลใด ๆ ตอ Picasa Web Albums เลยเวนแตคณจะเขามาลบใน Picasa Web Albums โดยตรง ดงนนถาในขณะเขยนบทความคณเผลอท าพลาดรปภาพหายไป กสามารถเขามาเอารปภาพจาก Picasa Web Albums ใชงานไดอกโดยไมตอง upload ซ า หรอไมตองไปหาภาพมาใหม บทสรป
บทนแนะน าใหพอรจกการเชอมโยงระหวาง Blogger และ Picasa Web Albums ซงเปนบรการในเครอขาย Google เหมอนกน และจะท าใหคณเขาใจการจดการเกยวกบภาพบน Blogger ไดดขน
หนา 58
บทท 11 การสรางวดโอใน YouTube และน ามาใสในบลอก
ถามวดโอในหนาบลอกของเราดวย การสอสารเรองราวตางๆ กจะมชวตชวาและเขาใจงายขน ซงในทนเราสามารถสรางไดไมยากดวยบรการของ wwwyoutubecom ครบ
ขนตอนการฝากวดโอไวกบ youtube
1 ไปท wwwyoutubecom แลวเลอก Create Account ทมมขวาบนซงในกรณทเรา Login อยในเวบบลอกของเรานน กสามารถใชบรการของ youtube ดวย Account เดมโดยไมตองสมครใหมครบ วธการท าไดโดย
11 คลกท 12 กรอกขอมลส าหรบการสรางบญช โดยใช username ของ gmail ของเราเอง 13 จากนน คลก
หนา 59
14 จะพบหนาตางใหกรอก Username และ รหสผาน ของ gmail ใหกรอก e-mail ของเรา
จะพบหนาจอ ดงน จากนนเรากสามารถท าการเพม Video ไดตามทเราตองการ
หนา 60
2 การฝาก youtube มเงอนไขส าคญๆ ดงน - ความยาวของวดโอไมเกน 10 นาท - ควรเปนวดโอทไมกระทบตอสถาบน ชาต ศาสนา พระมหากษตรย และ ศลธรรมอนดงามของสงคม
3 การ upload วดโอขนไปทเมน upload (ทมมขวาบน) แลวท าการเลอกไฟลวดโอจากเครองของเรา และรอจนการ upload เสรจสน
31 คลกทปม Uploads
32 คลกทปม Upload Video
33 เลอกไฟล Video ทตองการ
34
34 เมอ Upload ได 100 แลวใหคลก Save change
หนา 61
4 เมอ upload เสรจสนแลวคลกทขอความ Embed and Sharing Options เรากเหน HTML code ใหคดลอก code เหลานนมาแปะในสวนทเราตองการ
เชนในทนผมคดลอก code มาแปะในบทความกจะไดผลลพธเปนวดโอตามดานลางทเหนครบ
หนา 62
เรอง หนา บทน าhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 1 บทท 1 การสรางเวบบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 4 บทท 2 วธเปลยน Template ของ Bloggerhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 12 บทท 3 วธเขยนและจดการบทความในบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 22 บทท 4 การตงคาพนฐานตางๆ ใหกบบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 26 บทท 5 รจกและใชงาน Gadget ชนดตางๆ บน Bloggerhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 32 บทท 6 การจดการกบ Gadget ในหนาบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 40 บทท 7 การแสดงขาวสารลาสดดวย Gadget ฟดhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 43 บทท 9 นบจ านวนคนเยยมชมดวย Flagcounterhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 53 บทท 10 รปภาพในบทความบน Bloggerhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 55 บทท 11 การสรางวดโอใน YouTube และน ามาใสในบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 58
หนา 63
255
เอกสารประกอบการฝกอบรมเชงปฏบตการ
การพฒนาสอการเรยนการสอน โดยใชโปรแกรมคอมพวเตอรรวมกบ Weblog
หนา 50
ขนท 3 - ถาหากตองการเพมหนาบลอกเพมขนอกกท าซ าขนตอนทไดกลาวมาขางตนครบ - แตถาตองการลบหนาบลอกทง กมาทเดม แลวจะเหนค าวาลบ ถาตองการลบทงกกดค าวาลบ
ไดเลย
ขนท 4 วธจดการกบเมนหนาเวบ - ถาตองการเรยงล าดบหนาเวบใหม กไปท องคประกอบของหนา แลว คลก Gadget หนาเวบขนมาแกไข gtgt ดรป
หนา 51
นอกจากน Gadget หนาเวบจะมลกษณะพเศษ คอ ถาอยท Sidebar เมนจะจดเรยงเปนแนวตง
หนา 52
แตถาลากไปในต าแหนงใตสวนหว จะจดเรยงเรยงเปนแนวนอนโดยอตโนมต
หนา 53
บทท 9 นบจ านวนคนเยยมชมดวย Flagcounter
อกบรการนบสถตคนเยยมชมทชวยใหเราทราบวาบลอกของเรามผเยยมชมทงในและตางประเทศมากหรอนอย จาก Flagcounter
วธตดตง
1 ไปท httpwwwflagcountercomindexhtml 2 ตงคาตางๆ ตามความตองการแลวกด GET YOUR FLAG COUNTER ดงรป
3 คดลอก HTML โคด ท FLAG COUNTER ไดสรางใหในขนท 2
หนา 54
4 กลบมาทบลอกของเรา ไปทแผงควบคม gtgt รปแบบ gtgt องคประกอบหนา gtgt เพม Gadget ชนด HTMLจาวาสครปต
5 วางโคดทคดลอกมาจากขนท 3 แลวบนทกครบกเปนอนจบขนตอนครบ ลกษณะทไดกดงรป
หนา 55
บทท 10 รปภาพในบทความบน Blogger
คณเคยสงสยไหมครบวา รปภาพทคณ upload ขนไปขณะทเขยนบทความ หรออาจจะเขยนบทความไปแลว รปเหลานนไปอยทไหน เพราะวา Blogger เองไมม sever ยงตองอาศยฐานขอมลของตวแมคอ blogspotcom อย แลวจะเอาพนท ๆ ไหนมาเกบรปตงมากมาย
ค าตอบคอ Blogger จะใชวธเชอมโยงกบ Application อน ๆ ของ Google เพอแกปญหาการเกบขอมล เชนรปภาพใน Blogger ทเราพดถงกนอยตอนนกจะถกเกบ
อยท Picasa Web Albums ดงนนไมวาจะเปนภาพทคณ Upload ขณะเขยนบทความ กจะถกเกบอยใน Picasa Web Albums ทงหมด
คณใชบรการ Picasa Web Albums ไดอยางไร
การใชบรการ Picasa Web Albums สามารถเขาใชไดทนทหากคณมบญชผใชกบ google อยแลว เชนมบญชผใช Gmail หรอ Blogger อยแลวกสามารถ Log in เขาใชไดเลย
Picasa Web Albums ใหพนทเทาไร
Picasa จะใหพนท เพยง 1 GB ตอ 1 บญชผใช นเปนเหตผลทบางคนอาจจะสงสยวาท าไมคณภาพรปหรอขนาดของรปบน Blogger จงลดลง กลาวคอระบบของ Picasa จะท าการลดขนาดของรปทเรา Upload ผาน Blogger ใหมขนาดเลกลงเพอเปนการประหยดพนทนนเอง
หนา 56
คณจะเขาไปจดการรปภาพจาก Blogger ใน Picasa Web ไดอยางไร การจดการภาพใน Picasa Web Albums ท าได 2 วธคอ
1 ใช Software ทพฒนาขนมาจดการ Picasa Web Albums โดยเฉพาะ
คณสามารถเขาไปดาวนโหลด Picasa ไดท httppicasagooglecom 2 เขาไปจดการทเวบไซต Picasa Web Albums โดยตรง โดยไปท httppicasawebgooglecom และ Log in โดยใชชอบญชเดยวกบ Blogger
คณสามารถเขาไป Unload ภาพไดโดยตรงกบ Picasa แลวเรยกมาใชบน blogger ไดโดยใชตวเลอก อปโหลด
หนา 57
แตถาตองการรปภาพบน Blogger ทไดอปโหลดขนไปแลวกคลกทอลบมทตองการแลวเขาไปจดการภาพไดเชนกน ลบรปภาพบน Blogger แลวรปบน Picasa จะถกลบดวยหรอไม
การลบรปภาพบน Blogger ไมสงผลใด ๆ ตอ Picasa Web Albums เลยเวนแตคณจะเขามาลบใน Picasa Web Albums โดยตรง ดงนนถาในขณะเขยนบทความคณเผลอท าพลาดรปภาพหายไป กสามารถเขามาเอารปภาพจาก Picasa Web Albums ใชงานไดอกโดยไมตอง upload ซ า หรอไมตองไปหาภาพมาใหม บทสรป
บทนแนะน าใหพอรจกการเชอมโยงระหวาง Blogger และ Picasa Web Albums ซงเปนบรการในเครอขาย Google เหมอนกน และจะท าใหคณเขาใจการจดการเกยวกบภาพบน Blogger ไดดขน
หนา 58
บทท 11 การสรางวดโอใน YouTube และน ามาใสในบลอก
ถามวดโอในหนาบลอกของเราดวย การสอสารเรองราวตางๆ กจะมชวตชวาและเขาใจงายขน ซงในทนเราสามารถสรางไดไมยากดวยบรการของ wwwyoutubecom ครบ
ขนตอนการฝากวดโอไวกบ youtube
1 ไปท wwwyoutubecom แลวเลอก Create Account ทมมขวาบนซงในกรณทเรา Login อยในเวบบลอกของเรานน กสามารถใชบรการของ youtube ดวย Account เดมโดยไมตองสมครใหมครบ วธการท าไดโดย
11 คลกท 12 กรอกขอมลส าหรบการสรางบญช โดยใช username ของ gmail ของเราเอง 13 จากนน คลก
หนา 59
14 จะพบหนาตางใหกรอก Username และ รหสผาน ของ gmail ใหกรอก e-mail ของเรา
จะพบหนาจอ ดงน จากนนเรากสามารถท าการเพม Video ไดตามทเราตองการ
หนา 60
2 การฝาก youtube มเงอนไขส าคญๆ ดงน - ความยาวของวดโอไมเกน 10 นาท - ควรเปนวดโอทไมกระทบตอสถาบน ชาต ศาสนา พระมหากษตรย และ ศลธรรมอนดงามของสงคม
3 การ upload วดโอขนไปทเมน upload (ทมมขวาบน) แลวท าการเลอกไฟลวดโอจากเครองของเรา และรอจนการ upload เสรจสน
31 คลกทปม Uploads
32 คลกทปม Upload Video
33 เลอกไฟล Video ทตองการ
34
34 เมอ Upload ได 100 แลวใหคลก Save change
หนา 61
4 เมอ upload เสรจสนแลวคลกทขอความ Embed and Sharing Options เรากเหน HTML code ใหคดลอก code เหลานนมาแปะในสวนทเราตองการ
เชนในทนผมคดลอก code มาแปะในบทความกจะไดผลลพธเปนวดโอตามดานลางทเหนครบ
หนา 62
เรอง หนา บทน าhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 1 บทท 1 การสรางเวบบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 4 บทท 2 วธเปลยน Template ของ Bloggerhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 12 บทท 3 วธเขยนและจดการบทความในบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 22 บทท 4 การตงคาพนฐานตางๆ ใหกบบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 26 บทท 5 รจกและใชงาน Gadget ชนดตางๆ บน Bloggerhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 32 บทท 6 การจดการกบ Gadget ในหนาบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 40 บทท 7 การแสดงขาวสารลาสดดวย Gadget ฟดhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 43 บทท 9 นบจ านวนคนเยยมชมดวย Flagcounterhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 53 บทท 10 รปภาพในบทความบน Bloggerhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 55 บทท 11 การสรางวดโอใน YouTube และน ามาใสในบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 58
หนา 63
255
เอกสารประกอบการฝกอบรมเชงปฏบตการ
การพฒนาสอการเรยนการสอน โดยใชโปรแกรมคอมพวเตอรรวมกบ Weblog
หนา 51
นอกจากน Gadget หนาเวบจะมลกษณะพเศษ คอ ถาอยท Sidebar เมนจะจดเรยงเปนแนวตง
หนา 52
แตถาลากไปในต าแหนงใตสวนหว จะจดเรยงเรยงเปนแนวนอนโดยอตโนมต
หนา 53
บทท 9 นบจ านวนคนเยยมชมดวย Flagcounter
อกบรการนบสถตคนเยยมชมทชวยใหเราทราบวาบลอกของเรามผเยยมชมทงในและตางประเทศมากหรอนอย จาก Flagcounter
วธตดตง
1 ไปท httpwwwflagcountercomindexhtml 2 ตงคาตางๆ ตามความตองการแลวกด GET YOUR FLAG COUNTER ดงรป
3 คดลอก HTML โคด ท FLAG COUNTER ไดสรางใหในขนท 2
หนา 54
4 กลบมาทบลอกของเรา ไปทแผงควบคม gtgt รปแบบ gtgt องคประกอบหนา gtgt เพม Gadget ชนด HTMLจาวาสครปต
5 วางโคดทคดลอกมาจากขนท 3 แลวบนทกครบกเปนอนจบขนตอนครบ ลกษณะทไดกดงรป
หนา 55
บทท 10 รปภาพในบทความบน Blogger
คณเคยสงสยไหมครบวา รปภาพทคณ upload ขนไปขณะทเขยนบทความ หรออาจจะเขยนบทความไปแลว รปเหลานนไปอยทไหน เพราะวา Blogger เองไมม sever ยงตองอาศยฐานขอมลของตวแมคอ blogspotcom อย แลวจะเอาพนท ๆ ไหนมาเกบรปตงมากมาย
ค าตอบคอ Blogger จะใชวธเชอมโยงกบ Application อน ๆ ของ Google เพอแกปญหาการเกบขอมล เชนรปภาพใน Blogger ทเราพดถงกนอยตอนนกจะถกเกบ
อยท Picasa Web Albums ดงนนไมวาจะเปนภาพทคณ Upload ขณะเขยนบทความ กจะถกเกบอยใน Picasa Web Albums ทงหมด
คณใชบรการ Picasa Web Albums ไดอยางไร
การใชบรการ Picasa Web Albums สามารถเขาใชไดทนทหากคณมบญชผใชกบ google อยแลว เชนมบญชผใช Gmail หรอ Blogger อยแลวกสามารถ Log in เขาใชไดเลย
Picasa Web Albums ใหพนทเทาไร
Picasa จะใหพนท เพยง 1 GB ตอ 1 บญชผใช นเปนเหตผลทบางคนอาจจะสงสยวาท าไมคณภาพรปหรอขนาดของรปบน Blogger จงลดลง กลาวคอระบบของ Picasa จะท าการลดขนาดของรปทเรา Upload ผาน Blogger ใหมขนาดเลกลงเพอเปนการประหยดพนทนนเอง
หนา 56
คณจะเขาไปจดการรปภาพจาก Blogger ใน Picasa Web ไดอยางไร การจดการภาพใน Picasa Web Albums ท าได 2 วธคอ
1 ใช Software ทพฒนาขนมาจดการ Picasa Web Albums โดยเฉพาะ
คณสามารถเขาไปดาวนโหลด Picasa ไดท httppicasagooglecom 2 เขาไปจดการทเวบไซต Picasa Web Albums โดยตรง โดยไปท httppicasawebgooglecom และ Log in โดยใชชอบญชเดยวกบ Blogger
คณสามารถเขาไป Unload ภาพไดโดยตรงกบ Picasa แลวเรยกมาใชบน blogger ไดโดยใชตวเลอก อปโหลด
หนา 57
แตถาตองการรปภาพบน Blogger ทไดอปโหลดขนไปแลวกคลกทอลบมทตองการแลวเขาไปจดการภาพไดเชนกน ลบรปภาพบน Blogger แลวรปบน Picasa จะถกลบดวยหรอไม
การลบรปภาพบน Blogger ไมสงผลใด ๆ ตอ Picasa Web Albums เลยเวนแตคณจะเขามาลบใน Picasa Web Albums โดยตรง ดงนนถาในขณะเขยนบทความคณเผลอท าพลาดรปภาพหายไป กสามารถเขามาเอารปภาพจาก Picasa Web Albums ใชงานไดอกโดยไมตอง upload ซ า หรอไมตองไปหาภาพมาใหม บทสรป
บทนแนะน าใหพอรจกการเชอมโยงระหวาง Blogger และ Picasa Web Albums ซงเปนบรการในเครอขาย Google เหมอนกน และจะท าใหคณเขาใจการจดการเกยวกบภาพบน Blogger ไดดขน
หนา 58
บทท 11 การสรางวดโอใน YouTube และน ามาใสในบลอก
ถามวดโอในหนาบลอกของเราดวย การสอสารเรองราวตางๆ กจะมชวตชวาและเขาใจงายขน ซงในทนเราสามารถสรางไดไมยากดวยบรการของ wwwyoutubecom ครบ
ขนตอนการฝากวดโอไวกบ youtube
1 ไปท wwwyoutubecom แลวเลอก Create Account ทมมขวาบนซงในกรณทเรา Login อยในเวบบลอกของเรานน กสามารถใชบรการของ youtube ดวย Account เดมโดยไมตองสมครใหมครบ วธการท าไดโดย
11 คลกท 12 กรอกขอมลส าหรบการสรางบญช โดยใช username ของ gmail ของเราเอง 13 จากนน คลก
หนา 59
14 จะพบหนาตางใหกรอก Username และ รหสผาน ของ gmail ใหกรอก e-mail ของเรา
จะพบหนาจอ ดงน จากนนเรากสามารถท าการเพม Video ไดตามทเราตองการ
หนา 60
2 การฝาก youtube มเงอนไขส าคญๆ ดงน - ความยาวของวดโอไมเกน 10 นาท - ควรเปนวดโอทไมกระทบตอสถาบน ชาต ศาสนา พระมหากษตรย และ ศลธรรมอนดงามของสงคม
3 การ upload วดโอขนไปทเมน upload (ทมมขวาบน) แลวท าการเลอกไฟลวดโอจากเครองของเรา และรอจนการ upload เสรจสน
31 คลกทปม Uploads
32 คลกทปม Upload Video
33 เลอกไฟล Video ทตองการ
34
34 เมอ Upload ได 100 แลวใหคลก Save change
หนา 61
4 เมอ upload เสรจสนแลวคลกทขอความ Embed and Sharing Options เรากเหน HTML code ใหคดลอก code เหลานนมาแปะในสวนทเราตองการ
เชนในทนผมคดลอก code มาแปะในบทความกจะไดผลลพธเปนวดโอตามดานลางทเหนครบ
หนา 62
เรอง หนา บทน าhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 1 บทท 1 การสรางเวบบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 4 บทท 2 วธเปลยน Template ของ Bloggerhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 12 บทท 3 วธเขยนและจดการบทความในบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 22 บทท 4 การตงคาพนฐานตางๆ ใหกบบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 26 บทท 5 รจกและใชงาน Gadget ชนดตางๆ บน Bloggerhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 32 บทท 6 การจดการกบ Gadget ในหนาบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 40 บทท 7 การแสดงขาวสารลาสดดวย Gadget ฟดhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 43 บทท 9 นบจ านวนคนเยยมชมดวย Flagcounterhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 53 บทท 10 รปภาพในบทความบน Bloggerhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 55 บทท 11 การสรางวดโอใน YouTube และน ามาใสในบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 58
หนา 63
255
เอกสารประกอบการฝกอบรมเชงปฏบตการ
การพฒนาสอการเรยนการสอน โดยใชโปรแกรมคอมพวเตอรรวมกบ Weblog
หนา 52
แตถาลากไปในต าแหนงใตสวนหว จะจดเรยงเรยงเปนแนวนอนโดยอตโนมต
หนา 53
บทท 9 นบจ านวนคนเยยมชมดวย Flagcounter
อกบรการนบสถตคนเยยมชมทชวยใหเราทราบวาบลอกของเรามผเยยมชมทงในและตางประเทศมากหรอนอย จาก Flagcounter
วธตดตง
1 ไปท httpwwwflagcountercomindexhtml 2 ตงคาตางๆ ตามความตองการแลวกด GET YOUR FLAG COUNTER ดงรป
3 คดลอก HTML โคด ท FLAG COUNTER ไดสรางใหในขนท 2
หนา 54
4 กลบมาทบลอกของเรา ไปทแผงควบคม gtgt รปแบบ gtgt องคประกอบหนา gtgt เพม Gadget ชนด HTMLจาวาสครปต
5 วางโคดทคดลอกมาจากขนท 3 แลวบนทกครบกเปนอนจบขนตอนครบ ลกษณะทไดกดงรป
หนา 55
บทท 10 รปภาพในบทความบน Blogger
คณเคยสงสยไหมครบวา รปภาพทคณ upload ขนไปขณะทเขยนบทความ หรออาจจะเขยนบทความไปแลว รปเหลานนไปอยทไหน เพราะวา Blogger เองไมม sever ยงตองอาศยฐานขอมลของตวแมคอ blogspotcom อย แลวจะเอาพนท ๆ ไหนมาเกบรปตงมากมาย
ค าตอบคอ Blogger จะใชวธเชอมโยงกบ Application อน ๆ ของ Google เพอแกปญหาการเกบขอมล เชนรปภาพใน Blogger ทเราพดถงกนอยตอนนกจะถกเกบ
อยท Picasa Web Albums ดงนนไมวาจะเปนภาพทคณ Upload ขณะเขยนบทความ กจะถกเกบอยใน Picasa Web Albums ทงหมด
คณใชบรการ Picasa Web Albums ไดอยางไร
การใชบรการ Picasa Web Albums สามารถเขาใชไดทนทหากคณมบญชผใชกบ google อยแลว เชนมบญชผใช Gmail หรอ Blogger อยแลวกสามารถ Log in เขาใชไดเลย
Picasa Web Albums ใหพนทเทาไร
Picasa จะใหพนท เพยง 1 GB ตอ 1 บญชผใช นเปนเหตผลทบางคนอาจจะสงสยวาท าไมคณภาพรปหรอขนาดของรปบน Blogger จงลดลง กลาวคอระบบของ Picasa จะท าการลดขนาดของรปทเรา Upload ผาน Blogger ใหมขนาดเลกลงเพอเปนการประหยดพนทนนเอง
หนา 56
คณจะเขาไปจดการรปภาพจาก Blogger ใน Picasa Web ไดอยางไร การจดการภาพใน Picasa Web Albums ท าได 2 วธคอ
1 ใช Software ทพฒนาขนมาจดการ Picasa Web Albums โดยเฉพาะ
คณสามารถเขาไปดาวนโหลด Picasa ไดท httppicasagooglecom 2 เขาไปจดการทเวบไซต Picasa Web Albums โดยตรง โดยไปท httppicasawebgooglecom และ Log in โดยใชชอบญชเดยวกบ Blogger
คณสามารถเขาไป Unload ภาพไดโดยตรงกบ Picasa แลวเรยกมาใชบน blogger ไดโดยใชตวเลอก อปโหลด
หนา 57
แตถาตองการรปภาพบน Blogger ทไดอปโหลดขนไปแลวกคลกทอลบมทตองการแลวเขาไปจดการภาพไดเชนกน ลบรปภาพบน Blogger แลวรปบน Picasa จะถกลบดวยหรอไม
การลบรปภาพบน Blogger ไมสงผลใด ๆ ตอ Picasa Web Albums เลยเวนแตคณจะเขามาลบใน Picasa Web Albums โดยตรง ดงนนถาในขณะเขยนบทความคณเผลอท าพลาดรปภาพหายไป กสามารถเขามาเอารปภาพจาก Picasa Web Albums ใชงานไดอกโดยไมตอง upload ซ า หรอไมตองไปหาภาพมาใหม บทสรป
บทนแนะน าใหพอรจกการเชอมโยงระหวาง Blogger และ Picasa Web Albums ซงเปนบรการในเครอขาย Google เหมอนกน และจะท าใหคณเขาใจการจดการเกยวกบภาพบน Blogger ไดดขน
หนา 58
บทท 11 การสรางวดโอใน YouTube และน ามาใสในบลอก
ถามวดโอในหนาบลอกของเราดวย การสอสารเรองราวตางๆ กจะมชวตชวาและเขาใจงายขน ซงในทนเราสามารถสรางไดไมยากดวยบรการของ wwwyoutubecom ครบ
ขนตอนการฝากวดโอไวกบ youtube
1 ไปท wwwyoutubecom แลวเลอก Create Account ทมมขวาบนซงในกรณทเรา Login อยในเวบบลอกของเรานน กสามารถใชบรการของ youtube ดวย Account เดมโดยไมตองสมครใหมครบ วธการท าไดโดย
11 คลกท 12 กรอกขอมลส าหรบการสรางบญช โดยใช username ของ gmail ของเราเอง 13 จากนน คลก
หนา 59
14 จะพบหนาตางใหกรอก Username และ รหสผาน ของ gmail ใหกรอก e-mail ของเรา
จะพบหนาจอ ดงน จากนนเรากสามารถท าการเพม Video ไดตามทเราตองการ
หนา 60
2 การฝาก youtube มเงอนไขส าคญๆ ดงน - ความยาวของวดโอไมเกน 10 นาท - ควรเปนวดโอทไมกระทบตอสถาบน ชาต ศาสนา พระมหากษตรย และ ศลธรรมอนดงามของสงคม
3 การ upload วดโอขนไปทเมน upload (ทมมขวาบน) แลวท าการเลอกไฟลวดโอจากเครองของเรา และรอจนการ upload เสรจสน
31 คลกทปม Uploads
32 คลกทปม Upload Video
33 เลอกไฟล Video ทตองการ
34
34 เมอ Upload ได 100 แลวใหคลก Save change
หนา 61
4 เมอ upload เสรจสนแลวคลกทขอความ Embed and Sharing Options เรากเหน HTML code ใหคดลอก code เหลานนมาแปะในสวนทเราตองการ
เชนในทนผมคดลอก code มาแปะในบทความกจะไดผลลพธเปนวดโอตามดานลางทเหนครบ
หนา 62
เรอง หนา บทน าhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 1 บทท 1 การสรางเวบบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 4 บทท 2 วธเปลยน Template ของ Bloggerhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 12 บทท 3 วธเขยนและจดการบทความในบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 22 บทท 4 การตงคาพนฐานตางๆ ใหกบบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 26 บทท 5 รจกและใชงาน Gadget ชนดตางๆ บน Bloggerhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 32 บทท 6 การจดการกบ Gadget ในหนาบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 40 บทท 7 การแสดงขาวสารลาสดดวย Gadget ฟดhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 43 บทท 9 นบจ านวนคนเยยมชมดวย Flagcounterhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 53 บทท 10 รปภาพในบทความบน Bloggerhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 55 บทท 11 การสรางวดโอใน YouTube และน ามาใสในบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 58
หนา 63
255
เอกสารประกอบการฝกอบรมเชงปฏบตการ
การพฒนาสอการเรยนการสอน โดยใชโปรแกรมคอมพวเตอรรวมกบ Weblog
หนา 53
บทท 9 นบจ านวนคนเยยมชมดวย Flagcounter
อกบรการนบสถตคนเยยมชมทชวยใหเราทราบวาบลอกของเรามผเยยมชมทงในและตางประเทศมากหรอนอย จาก Flagcounter
วธตดตง
1 ไปท httpwwwflagcountercomindexhtml 2 ตงคาตางๆ ตามความตองการแลวกด GET YOUR FLAG COUNTER ดงรป
3 คดลอก HTML โคด ท FLAG COUNTER ไดสรางใหในขนท 2
หนา 54
4 กลบมาทบลอกของเรา ไปทแผงควบคม gtgt รปแบบ gtgt องคประกอบหนา gtgt เพม Gadget ชนด HTMLจาวาสครปต
5 วางโคดทคดลอกมาจากขนท 3 แลวบนทกครบกเปนอนจบขนตอนครบ ลกษณะทไดกดงรป
หนา 55
บทท 10 รปภาพในบทความบน Blogger
คณเคยสงสยไหมครบวา รปภาพทคณ upload ขนไปขณะทเขยนบทความ หรออาจจะเขยนบทความไปแลว รปเหลานนไปอยทไหน เพราะวา Blogger เองไมม sever ยงตองอาศยฐานขอมลของตวแมคอ blogspotcom อย แลวจะเอาพนท ๆ ไหนมาเกบรปตงมากมาย
ค าตอบคอ Blogger จะใชวธเชอมโยงกบ Application อน ๆ ของ Google เพอแกปญหาการเกบขอมล เชนรปภาพใน Blogger ทเราพดถงกนอยตอนนกจะถกเกบ
อยท Picasa Web Albums ดงนนไมวาจะเปนภาพทคณ Upload ขณะเขยนบทความ กจะถกเกบอยใน Picasa Web Albums ทงหมด
คณใชบรการ Picasa Web Albums ไดอยางไร
การใชบรการ Picasa Web Albums สามารถเขาใชไดทนทหากคณมบญชผใชกบ google อยแลว เชนมบญชผใช Gmail หรอ Blogger อยแลวกสามารถ Log in เขาใชไดเลย
Picasa Web Albums ใหพนทเทาไร
Picasa จะใหพนท เพยง 1 GB ตอ 1 บญชผใช นเปนเหตผลทบางคนอาจจะสงสยวาท าไมคณภาพรปหรอขนาดของรปบน Blogger จงลดลง กลาวคอระบบของ Picasa จะท าการลดขนาดของรปทเรา Upload ผาน Blogger ใหมขนาดเลกลงเพอเปนการประหยดพนทนนเอง
หนา 56
คณจะเขาไปจดการรปภาพจาก Blogger ใน Picasa Web ไดอยางไร การจดการภาพใน Picasa Web Albums ท าได 2 วธคอ
1 ใช Software ทพฒนาขนมาจดการ Picasa Web Albums โดยเฉพาะ
คณสามารถเขาไปดาวนโหลด Picasa ไดท httppicasagooglecom 2 เขาไปจดการทเวบไซต Picasa Web Albums โดยตรง โดยไปท httppicasawebgooglecom และ Log in โดยใชชอบญชเดยวกบ Blogger
คณสามารถเขาไป Unload ภาพไดโดยตรงกบ Picasa แลวเรยกมาใชบน blogger ไดโดยใชตวเลอก อปโหลด
หนา 57
แตถาตองการรปภาพบน Blogger ทไดอปโหลดขนไปแลวกคลกทอลบมทตองการแลวเขาไปจดการภาพไดเชนกน ลบรปภาพบน Blogger แลวรปบน Picasa จะถกลบดวยหรอไม
การลบรปภาพบน Blogger ไมสงผลใด ๆ ตอ Picasa Web Albums เลยเวนแตคณจะเขามาลบใน Picasa Web Albums โดยตรง ดงนนถาในขณะเขยนบทความคณเผลอท าพลาดรปภาพหายไป กสามารถเขามาเอารปภาพจาก Picasa Web Albums ใชงานไดอกโดยไมตอง upload ซ า หรอไมตองไปหาภาพมาใหม บทสรป
บทนแนะน าใหพอรจกการเชอมโยงระหวาง Blogger และ Picasa Web Albums ซงเปนบรการในเครอขาย Google เหมอนกน และจะท าใหคณเขาใจการจดการเกยวกบภาพบน Blogger ไดดขน
หนา 58
บทท 11 การสรางวดโอใน YouTube และน ามาใสในบลอก
ถามวดโอในหนาบลอกของเราดวย การสอสารเรองราวตางๆ กจะมชวตชวาและเขาใจงายขน ซงในทนเราสามารถสรางไดไมยากดวยบรการของ wwwyoutubecom ครบ
ขนตอนการฝากวดโอไวกบ youtube
1 ไปท wwwyoutubecom แลวเลอก Create Account ทมมขวาบนซงในกรณทเรา Login อยในเวบบลอกของเรานน กสามารถใชบรการของ youtube ดวย Account เดมโดยไมตองสมครใหมครบ วธการท าไดโดย
11 คลกท 12 กรอกขอมลส าหรบการสรางบญช โดยใช username ของ gmail ของเราเอง 13 จากนน คลก
หนา 59
14 จะพบหนาตางใหกรอก Username และ รหสผาน ของ gmail ใหกรอก e-mail ของเรา
จะพบหนาจอ ดงน จากนนเรากสามารถท าการเพม Video ไดตามทเราตองการ
หนา 60
2 การฝาก youtube มเงอนไขส าคญๆ ดงน - ความยาวของวดโอไมเกน 10 นาท - ควรเปนวดโอทไมกระทบตอสถาบน ชาต ศาสนา พระมหากษตรย และ ศลธรรมอนดงามของสงคม
3 การ upload วดโอขนไปทเมน upload (ทมมขวาบน) แลวท าการเลอกไฟลวดโอจากเครองของเรา และรอจนการ upload เสรจสน
31 คลกทปม Uploads
32 คลกทปม Upload Video
33 เลอกไฟล Video ทตองการ
34
34 เมอ Upload ได 100 แลวใหคลก Save change
หนา 61
4 เมอ upload เสรจสนแลวคลกทขอความ Embed and Sharing Options เรากเหน HTML code ใหคดลอก code เหลานนมาแปะในสวนทเราตองการ
เชนในทนผมคดลอก code มาแปะในบทความกจะไดผลลพธเปนวดโอตามดานลางทเหนครบ
หนา 62
เรอง หนา บทน าhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 1 บทท 1 การสรางเวบบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 4 บทท 2 วธเปลยน Template ของ Bloggerhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 12 บทท 3 วธเขยนและจดการบทความในบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 22 บทท 4 การตงคาพนฐานตางๆ ใหกบบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 26 บทท 5 รจกและใชงาน Gadget ชนดตางๆ บน Bloggerhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 32 บทท 6 การจดการกบ Gadget ในหนาบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 40 บทท 7 การแสดงขาวสารลาสดดวย Gadget ฟดhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 43 บทท 9 นบจ านวนคนเยยมชมดวย Flagcounterhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 53 บทท 10 รปภาพในบทความบน Bloggerhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 55 บทท 11 การสรางวดโอใน YouTube และน ามาใสในบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 58
หนา 63
255
เอกสารประกอบการฝกอบรมเชงปฏบตการ
การพฒนาสอการเรยนการสอน โดยใชโปรแกรมคอมพวเตอรรวมกบ Weblog
หนา 54
4 กลบมาทบลอกของเรา ไปทแผงควบคม gtgt รปแบบ gtgt องคประกอบหนา gtgt เพม Gadget ชนด HTMLจาวาสครปต
5 วางโคดทคดลอกมาจากขนท 3 แลวบนทกครบกเปนอนจบขนตอนครบ ลกษณะทไดกดงรป
หนา 55
บทท 10 รปภาพในบทความบน Blogger
คณเคยสงสยไหมครบวา รปภาพทคณ upload ขนไปขณะทเขยนบทความ หรออาจจะเขยนบทความไปแลว รปเหลานนไปอยทไหน เพราะวา Blogger เองไมม sever ยงตองอาศยฐานขอมลของตวแมคอ blogspotcom อย แลวจะเอาพนท ๆ ไหนมาเกบรปตงมากมาย
ค าตอบคอ Blogger จะใชวธเชอมโยงกบ Application อน ๆ ของ Google เพอแกปญหาการเกบขอมล เชนรปภาพใน Blogger ทเราพดถงกนอยตอนนกจะถกเกบ
อยท Picasa Web Albums ดงนนไมวาจะเปนภาพทคณ Upload ขณะเขยนบทความ กจะถกเกบอยใน Picasa Web Albums ทงหมด
คณใชบรการ Picasa Web Albums ไดอยางไร
การใชบรการ Picasa Web Albums สามารถเขาใชไดทนทหากคณมบญชผใชกบ google อยแลว เชนมบญชผใช Gmail หรอ Blogger อยแลวกสามารถ Log in เขาใชไดเลย
Picasa Web Albums ใหพนทเทาไร
Picasa จะใหพนท เพยง 1 GB ตอ 1 บญชผใช นเปนเหตผลทบางคนอาจจะสงสยวาท าไมคณภาพรปหรอขนาดของรปบน Blogger จงลดลง กลาวคอระบบของ Picasa จะท าการลดขนาดของรปทเรา Upload ผาน Blogger ใหมขนาดเลกลงเพอเปนการประหยดพนทนนเอง
หนา 56
คณจะเขาไปจดการรปภาพจาก Blogger ใน Picasa Web ไดอยางไร การจดการภาพใน Picasa Web Albums ท าได 2 วธคอ
1 ใช Software ทพฒนาขนมาจดการ Picasa Web Albums โดยเฉพาะ
คณสามารถเขาไปดาวนโหลด Picasa ไดท httppicasagooglecom 2 เขาไปจดการทเวบไซต Picasa Web Albums โดยตรง โดยไปท httppicasawebgooglecom และ Log in โดยใชชอบญชเดยวกบ Blogger
คณสามารถเขาไป Unload ภาพไดโดยตรงกบ Picasa แลวเรยกมาใชบน blogger ไดโดยใชตวเลอก อปโหลด
หนา 57
แตถาตองการรปภาพบน Blogger ทไดอปโหลดขนไปแลวกคลกทอลบมทตองการแลวเขาไปจดการภาพไดเชนกน ลบรปภาพบน Blogger แลวรปบน Picasa จะถกลบดวยหรอไม
การลบรปภาพบน Blogger ไมสงผลใด ๆ ตอ Picasa Web Albums เลยเวนแตคณจะเขามาลบใน Picasa Web Albums โดยตรง ดงนนถาในขณะเขยนบทความคณเผลอท าพลาดรปภาพหายไป กสามารถเขามาเอารปภาพจาก Picasa Web Albums ใชงานไดอกโดยไมตอง upload ซ า หรอไมตองไปหาภาพมาใหม บทสรป
บทนแนะน าใหพอรจกการเชอมโยงระหวาง Blogger และ Picasa Web Albums ซงเปนบรการในเครอขาย Google เหมอนกน และจะท าใหคณเขาใจการจดการเกยวกบภาพบน Blogger ไดดขน
หนา 58
บทท 11 การสรางวดโอใน YouTube และน ามาใสในบลอก
ถามวดโอในหนาบลอกของเราดวย การสอสารเรองราวตางๆ กจะมชวตชวาและเขาใจงายขน ซงในทนเราสามารถสรางไดไมยากดวยบรการของ wwwyoutubecom ครบ
ขนตอนการฝากวดโอไวกบ youtube
1 ไปท wwwyoutubecom แลวเลอก Create Account ทมมขวาบนซงในกรณทเรา Login อยในเวบบลอกของเรานน กสามารถใชบรการของ youtube ดวย Account เดมโดยไมตองสมครใหมครบ วธการท าไดโดย
11 คลกท 12 กรอกขอมลส าหรบการสรางบญช โดยใช username ของ gmail ของเราเอง 13 จากนน คลก
หนา 59
14 จะพบหนาตางใหกรอก Username และ รหสผาน ของ gmail ใหกรอก e-mail ของเรา
จะพบหนาจอ ดงน จากนนเรากสามารถท าการเพม Video ไดตามทเราตองการ
หนา 60
2 การฝาก youtube มเงอนไขส าคญๆ ดงน - ความยาวของวดโอไมเกน 10 นาท - ควรเปนวดโอทไมกระทบตอสถาบน ชาต ศาสนา พระมหากษตรย และ ศลธรรมอนดงามของสงคม
3 การ upload วดโอขนไปทเมน upload (ทมมขวาบน) แลวท าการเลอกไฟลวดโอจากเครองของเรา และรอจนการ upload เสรจสน
31 คลกทปม Uploads
32 คลกทปม Upload Video
33 เลอกไฟล Video ทตองการ
34
34 เมอ Upload ได 100 แลวใหคลก Save change
หนา 61
4 เมอ upload เสรจสนแลวคลกทขอความ Embed and Sharing Options เรากเหน HTML code ใหคดลอก code เหลานนมาแปะในสวนทเราตองการ
เชนในทนผมคดลอก code มาแปะในบทความกจะไดผลลพธเปนวดโอตามดานลางทเหนครบ
หนา 62
เรอง หนา บทน าhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 1 บทท 1 การสรางเวบบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 4 บทท 2 วธเปลยน Template ของ Bloggerhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 12 บทท 3 วธเขยนและจดการบทความในบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 22 บทท 4 การตงคาพนฐานตางๆ ใหกบบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 26 บทท 5 รจกและใชงาน Gadget ชนดตางๆ บน Bloggerhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 32 บทท 6 การจดการกบ Gadget ในหนาบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 40 บทท 7 การแสดงขาวสารลาสดดวย Gadget ฟดhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 43 บทท 9 นบจ านวนคนเยยมชมดวย Flagcounterhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 53 บทท 10 รปภาพในบทความบน Bloggerhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 55 บทท 11 การสรางวดโอใน YouTube และน ามาใสในบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 58
หนา 63
255
เอกสารประกอบการฝกอบรมเชงปฏบตการ
การพฒนาสอการเรยนการสอน โดยใชโปรแกรมคอมพวเตอรรวมกบ Weblog
หนา 55
บทท 10 รปภาพในบทความบน Blogger
คณเคยสงสยไหมครบวา รปภาพทคณ upload ขนไปขณะทเขยนบทความ หรออาจจะเขยนบทความไปแลว รปเหลานนไปอยทไหน เพราะวา Blogger เองไมม sever ยงตองอาศยฐานขอมลของตวแมคอ blogspotcom อย แลวจะเอาพนท ๆ ไหนมาเกบรปตงมากมาย
ค าตอบคอ Blogger จะใชวธเชอมโยงกบ Application อน ๆ ของ Google เพอแกปญหาการเกบขอมล เชนรปภาพใน Blogger ทเราพดถงกนอยตอนนกจะถกเกบ
อยท Picasa Web Albums ดงนนไมวาจะเปนภาพทคณ Upload ขณะเขยนบทความ กจะถกเกบอยใน Picasa Web Albums ทงหมด
คณใชบรการ Picasa Web Albums ไดอยางไร
การใชบรการ Picasa Web Albums สามารถเขาใชไดทนทหากคณมบญชผใชกบ google อยแลว เชนมบญชผใช Gmail หรอ Blogger อยแลวกสามารถ Log in เขาใชไดเลย
Picasa Web Albums ใหพนทเทาไร
Picasa จะใหพนท เพยง 1 GB ตอ 1 บญชผใช นเปนเหตผลทบางคนอาจจะสงสยวาท าไมคณภาพรปหรอขนาดของรปบน Blogger จงลดลง กลาวคอระบบของ Picasa จะท าการลดขนาดของรปทเรา Upload ผาน Blogger ใหมขนาดเลกลงเพอเปนการประหยดพนทนนเอง
หนา 56
คณจะเขาไปจดการรปภาพจาก Blogger ใน Picasa Web ไดอยางไร การจดการภาพใน Picasa Web Albums ท าได 2 วธคอ
1 ใช Software ทพฒนาขนมาจดการ Picasa Web Albums โดยเฉพาะ
คณสามารถเขาไปดาวนโหลด Picasa ไดท httppicasagooglecom 2 เขาไปจดการทเวบไซต Picasa Web Albums โดยตรง โดยไปท httppicasawebgooglecom และ Log in โดยใชชอบญชเดยวกบ Blogger
คณสามารถเขาไป Unload ภาพไดโดยตรงกบ Picasa แลวเรยกมาใชบน blogger ไดโดยใชตวเลอก อปโหลด
หนา 57
แตถาตองการรปภาพบน Blogger ทไดอปโหลดขนไปแลวกคลกทอลบมทตองการแลวเขาไปจดการภาพไดเชนกน ลบรปภาพบน Blogger แลวรปบน Picasa จะถกลบดวยหรอไม
การลบรปภาพบน Blogger ไมสงผลใด ๆ ตอ Picasa Web Albums เลยเวนแตคณจะเขามาลบใน Picasa Web Albums โดยตรง ดงนนถาในขณะเขยนบทความคณเผลอท าพลาดรปภาพหายไป กสามารถเขามาเอารปภาพจาก Picasa Web Albums ใชงานไดอกโดยไมตอง upload ซ า หรอไมตองไปหาภาพมาใหม บทสรป
บทนแนะน าใหพอรจกการเชอมโยงระหวาง Blogger และ Picasa Web Albums ซงเปนบรการในเครอขาย Google เหมอนกน และจะท าใหคณเขาใจการจดการเกยวกบภาพบน Blogger ไดดขน
หนา 58
บทท 11 การสรางวดโอใน YouTube และน ามาใสในบลอก
ถามวดโอในหนาบลอกของเราดวย การสอสารเรองราวตางๆ กจะมชวตชวาและเขาใจงายขน ซงในทนเราสามารถสรางไดไมยากดวยบรการของ wwwyoutubecom ครบ
ขนตอนการฝากวดโอไวกบ youtube
1 ไปท wwwyoutubecom แลวเลอก Create Account ทมมขวาบนซงในกรณทเรา Login อยในเวบบลอกของเรานน กสามารถใชบรการของ youtube ดวย Account เดมโดยไมตองสมครใหมครบ วธการท าไดโดย
11 คลกท 12 กรอกขอมลส าหรบการสรางบญช โดยใช username ของ gmail ของเราเอง 13 จากนน คลก
หนา 59
14 จะพบหนาตางใหกรอก Username และ รหสผาน ของ gmail ใหกรอก e-mail ของเรา
จะพบหนาจอ ดงน จากนนเรากสามารถท าการเพม Video ไดตามทเราตองการ
หนา 60
2 การฝาก youtube มเงอนไขส าคญๆ ดงน - ความยาวของวดโอไมเกน 10 นาท - ควรเปนวดโอทไมกระทบตอสถาบน ชาต ศาสนา พระมหากษตรย และ ศลธรรมอนดงามของสงคม
3 การ upload วดโอขนไปทเมน upload (ทมมขวาบน) แลวท าการเลอกไฟลวดโอจากเครองของเรา และรอจนการ upload เสรจสน
31 คลกทปม Uploads
32 คลกทปม Upload Video
33 เลอกไฟล Video ทตองการ
34
34 เมอ Upload ได 100 แลวใหคลก Save change
หนา 61
4 เมอ upload เสรจสนแลวคลกทขอความ Embed and Sharing Options เรากเหน HTML code ใหคดลอก code เหลานนมาแปะในสวนทเราตองการ
เชนในทนผมคดลอก code มาแปะในบทความกจะไดผลลพธเปนวดโอตามดานลางทเหนครบ
หนา 62
เรอง หนา บทน าhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 1 บทท 1 การสรางเวบบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 4 บทท 2 วธเปลยน Template ของ Bloggerhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 12 บทท 3 วธเขยนและจดการบทความในบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 22 บทท 4 การตงคาพนฐานตางๆ ใหกบบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 26 บทท 5 รจกและใชงาน Gadget ชนดตางๆ บน Bloggerhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 32 บทท 6 การจดการกบ Gadget ในหนาบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 40 บทท 7 การแสดงขาวสารลาสดดวย Gadget ฟดhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 43 บทท 9 นบจ านวนคนเยยมชมดวย Flagcounterhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 53 บทท 10 รปภาพในบทความบน Bloggerhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 55 บทท 11 การสรางวดโอใน YouTube และน ามาใสในบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 58
หนา 63
255
เอกสารประกอบการฝกอบรมเชงปฏบตการ
การพฒนาสอการเรยนการสอน โดยใชโปรแกรมคอมพวเตอรรวมกบ Weblog
หนา 56
คณจะเขาไปจดการรปภาพจาก Blogger ใน Picasa Web ไดอยางไร การจดการภาพใน Picasa Web Albums ท าได 2 วธคอ
1 ใช Software ทพฒนาขนมาจดการ Picasa Web Albums โดยเฉพาะ
คณสามารถเขาไปดาวนโหลด Picasa ไดท httppicasagooglecom 2 เขาไปจดการทเวบไซต Picasa Web Albums โดยตรง โดยไปท httppicasawebgooglecom และ Log in โดยใชชอบญชเดยวกบ Blogger
คณสามารถเขาไป Unload ภาพไดโดยตรงกบ Picasa แลวเรยกมาใชบน blogger ไดโดยใชตวเลอก อปโหลด
หนา 57
แตถาตองการรปภาพบน Blogger ทไดอปโหลดขนไปแลวกคลกทอลบมทตองการแลวเขาไปจดการภาพไดเชนกน ลบรปภาพบน Blogger แลวรปบน Picasa จะถกลบดวยหรอไม
การลบรปภาพบน Blogger ไมสงผลใด ๆ ตอ Picasa Web Albums เลยเวนแตคณจะเขามาลบใน Picasa Web Albums โดยตรง ดงนนถาในขณะเขยนบทความคณเผลอท าพลาดรปภาพหายไป กสามารถเขามาเอารปภาพจาก Picasa Web Albums ใชงานไดอกโดยไมตอง upload ซ า หรอไมตองไปหาภาพมาใหม บทสรป
บทนแนะน าใหพอรจกการเชอมโยงระหวาง Blogger และ Picasa Web Albums ซงเปนบรการในเครอขาย Google เหมอนกน และจะท าใหคณเขาใจการจดการเกยวกบภาพบน Blogger ไดดขน
หนา 58
บทท 11 การสรางวดโอใน YouTube และน ามาใสในบลอก
ถามวดโอในหนาบลอกของเราดวย การสอสารเรองราวตางๆ กจะมชวตชวาและเขาใจงายขน ซงในทนเราสามารถสรางไดไมยากดวยบรการของ wwwyoutubecom ครบ
ขนตอนการฝากวดโอไวกบ youtube
1 ไปท wwwyoutubecom แลวเลอก Create Account ทมมขวาบนซงในกรณทเรา Login อยในเวบบลอกของเรานน กสามารถใชบรการของ youtube ดวย Account เดมโดยไมตองสมครใหมครบ วธการท าไดโดย
11 คลกท 12 กรอกขอมลส าหรบการสรางบญช โดยใช username ของ gmail ของเราเอง 13 จากนน คลก
หนา 59
14 จะพบหนาตางใหกรอก Username และ รหสผาน ของ gmail ใหกรอก e-mail ของเรา
จะพบหนาจอ ดงน จากนนเรากสามารถท าการเพม Video ไดตามทเราตองการ
หนา 60
2 การฝาก youtube มเงอนไขส าคญๆ ดงน - ความยาวของวดโอไมเกน 10 นาท - ควรเปนวดโอทไมกระทบตอสถาบน ชาต ศาสนา พระมหากษตรย และ ศลธรรมอนดงามของสงคม
3 การ upload วดโอขนไปทเมน upload (ทมมขวาบน) แลวท าการเลอกไฟลวดโอจากเครองของเรา และรอจนการ upload เสรจสน
31 คลกทปม Uploads
32 คลกทปม Upload Video
33 เลอกไฟล Video ทตองการ
34
34 เมอ Upload ได 100 แลวใหคลก Save change
หนา 61
4 เมอ upload เสรจสนแลวคลกทขอความ Embed and Sharing Options เรากเหน HTML code ใหคดลอก code เหลานนมาแปะในสวนทเราตองการ
เชนในทนผมคดลอก code มาแปะในบทความกจะไดผลลพธเปนวดโอตามดานลางทเหนครบ
หนา 62
เรอง หนา บทน าhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 1 บทท 1 การสรางเวบบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 4 บทท 2 วธเปลยน Template ของ Bloggerhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 12 บทท 3 วธเขยนและจดการบทความในบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 22 บทท 4 การตงคาพนฐานตางๆ ใหกบบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 26 บทท 5 รจกและใชงาน Gadget ชนดตางๆ บน Bloggerhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 32 บทท 6 การจดการกบ Gadget ในหนาบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 40 บทท 7 การแสดงขาวสารลาสดดวย Gadget ฟดhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 43 บทท 9 นบจ านวนคนเยยมชมดวย Flagcounterhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 53 บทท 10 รปภาพในบทความบน Bloggerhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 55 บทท 11 การสรางวดโอใน YouTube และน ามาใสในบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 58
หนา 63
255
เอกสารประกอบการฝกอบรมเชงปฏบตการ
การพฒนาสอการเรยนการสอน โดยใชโปรแกรมคอมพวเตอรรวมกบ Weblog
หนา 57
แตถาตองการรปภาพบน Blogger ทไดอปโหลดขนไปแลวกคลกทอลบมทตองการแลวเขาไปจดการภาพไดเชนกน ลบรปภาพบน Blogger แลวรปบน Picasa จะถกลบดวยหรอไม
การลบรปภาพบน Blogger ไมสงผลใด ๆ ตอ Picasa Web Albums เลยเวนแตคณจะเขามาลบใน Picasa Web Albums โดยตรง ดงนนถาในขณะเขยนบทความคณเผลอท าพลาดรปภาพหายไป กสามารถเขามาเอารปภาพจาก Picasa Web Albums ใชงานไดอกโดยไมตอง upload ซ า หรอไมตองไปหาภาพมาใหม บทสรป
บทนแนะน าใหพอรจกการเชอมโยงระหวาง Blogger และ Picasa Web Albums ซงเปนบรการในเครอขาย Google เหมอนกน และจะท าใหคณเขาใจการจดการเกยวกบภาพบน Blogger ไดดขน
หนา 58
บทท 11 การสรางวดโอใน YouTube และน ามาใสในบลอก
ถามวดโอในหนาบลอกของเราดวย การสอสารเรองราวตางๆ กจะมชวตชวาและเขาใจงายขน ซงในทนเราสามารถสรางไดไมยากดวยบรการของ wwwyoutubecom ครบ
ขนตอนการฝากวดโอไวกบ youtube
1 ไปท wwwyoutubecom แลวเลอก Create Account ทมมขวาบนซงในกรณทเรา Login อยในเวบบลอกของเรานน กสามารถใชบรการของ youtube ดวย Account เดมโดยไมตองสมครใหมครบ วธการท าไดโดย
11 คลกท 12 กรอกขอมลส าหรบการสรางบญช โดยใช username ของ gmail ของเราเอง 13 จากนน คลก
หนา 59
14 จะพบหนาตางใหกรอก Username และ รหสผาน ของ gmail ใหกรอก e-mail ของเรา
จะพบหนาจอ ดงน จากนนเรากสามารถท าการเพม Video ไดตามทเราตองการ
หนา 60
2 การฝาก youtube มเงอนไขส าคญๆ ดงน - ความยาวของวดโอไมเกน 10 นาท - ควรเปนวดโอทไมกระทบตอสถาบน ชาต ศาสนา พระมหากษตรย และ ศลธรรมอนดงามของสงคม
3 การ upload วดโอขนไปทเมน upload (ทมมขวาบน) แลวท าการเลอกไฟลวดโอจากเครองของเรา และรอจนการ upload เสรจสน
31 คลกทปม Uploads
32 คลกทปม Upload Video
33 เลอกไฟล Video ทตองการ
34
34 เมอ Upload ได 100 แลวใหคลก Save change
หนา 61
4 เมอ upload เสรจสนแลวคลกทขอความ Embed and Sharing Options เรากเหน HTML code ใหคดลอก code เหลานนมาแปะในสวนทเราตองการ
เชนในทนผมคดลอก code มาแปะในบทความกจะไดผลลพธเปนวดโอตามดานลางทเหนครบ
หนา 62
เรอง หนา บทน าhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 1 บทท 1 การสรางเวบบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 4 บทท 2 วธเปลยน Template ของ Bloggerhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 12 บทท 3 วธเขยนและจดการบทความในบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 22 บทท 4 การตงคาพนฐานตางๆ ใหกบบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 26 บทท 5 รจกและใชงาน Gadget ชนดตางๆ บน Bloggerhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 32 บทท 6 การจดการกบ Gadget ในหนาบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 40 บทท 7 การแสดงขาวสารลาสดดวย Gadget ฟดhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 43 บทท 9 นบจ านวนคนเยยมชมดวย Flagcounterhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 53 บทท 10 รปภาพในบทความบน Bloggerhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 55 บทท 11 การสรางวดโอใน YouTube และน ามาใสในบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 58
หนา 63
255
เอกสารประกอบการฝกอบรมเชงปฏบตการ
การพฒนาสอการเรยนการสอน โดยใชโปรแกรมคอมพวเตอรรวมกบ Weblog
หนา 58
บทท 11 การสรางวดโอใน YouTube และน ามาใสในบลอก
ถามวดโอในหนาบลอกของเราดวย การสอสารเรองราวตางๆ กจะมชวตชวาและเขาใจงายขน ซงในทนเราสามารถสรางไดไมยากดวยบรการของ wwwyoutubecom ครบ
ขนตอนการฝากวดโอไวกบ youtube
1 ไปท wwwyoutubecom แลวเลอก Create Account ทมมขวาบนซงในกรณทเรา Login อยในเวบบลอกของเรานน กสามารถใชบรการของ youtube ดวย Account เดมโดยไมตองสมครใหมครบ วธการท าไดโดย
11 คลกท 12 กรอกขอมลส าหรบการสรางบญช โดยใช username ของ gmail ของเราเอง 13 จากนน คลก
หนา 59
14 จะพบหนาตางใหกรอก Username และ รหสผาน ของ gmail ใหกรอก e-mail ของเรา
จะพบหนาจอ ดงน จากนนเรากสามารถท าการเพม Video ไดตามทเราตองการ
หนา 60
2 การฝาก youtube มเงอนไขส าคญๆ ดงน - ความยาวของวดโอไมเกน 10 นาท - ควรเปนวดโอทไมกระทบตอสถาบน ชาต ศาสนา พระมหากษตรย และ ศลธรรมอนดงามของสงคม
3 การ upload วดโอขนไปทเมน upload (ทมมขวาบน) แลวท าการเลอกไฟลวดโอจากเครองของเรา และรอจนการ upload เสรจสน
31 คลกทปม Uploads
32 คลกทปม Upload Video
33 เลอกไฟล Video ทตองการ
34
34 เมอ Upload ได 100 แลวใหคลก Save change
หนา 61
4 เมอ upload เสรจสนแลวคลกทขอความ Embed and Sharing Options เรากเหน HTML code ใหคดลอก code เหลานนมาแปะในสวนทเราตองการ
เชนในทนผมคดลอก code มาแปะในบทความกจะไดผลลพธเปนวดโอตามดานลางทเหนครบ
หนา 62
เรอง หนา บทน าhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 1 บทท 1 การสรางเวบบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 4 บทท 2 วธเปลยน Template ของ Bloggerhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 12 บทท 3 วธเขยนและจดการบทความในบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 22 บทท 4 การตงคาพนฐานตางๆ ใหกบบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 26 บทท 5 รจกและใชงาน Gadget ชนดตางๆ บน Bloggerhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 32 บทท 6 การจดการกบ Gadget ในหนาบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 40 บทท 7 การแสดงขาวสารลาสดดวย Gadget ฟดhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 43 บทท 9 นบจ านวนคนเยยมชมดวย Flagcounterhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 53 บทท 10 รปภาพในบทความบน Bloggerhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 55 บทท 11 การสรางวดโอใน YouTube และน ามาใสในบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 58
หนา 63
255
เอกสารประกอบการฝกอบรมเชงปฏบตการ
การพฒนาสอการเรยนการสอน โดยใชโปรแกรมคอมพวเตอรรวมกบ Weblog
หนา 59
14 จะพบหนาตางใหกรอก Username และ รหสผาน ของ gmail ใหกรอก e-mail ของเรา
จะพบหนาจอ ดงน จากนนเรากสามารถท าการเพม Video ไดตามทเราตองการ
หนา 60
2 การฝาก youtube มเงอนไขส าคญๆ ดงน - ความยาวของวดโอไมเกน 10 นาท - ควรเปนวดโอทไมกระทบตอสถาบน ชาต ศาสนา พระมหากษตรย และ ศลธรรมอนดงามของสงคม
3 การ upload วดโอขนไปทเมน upload (ทมมขวาบน) แลวท าการเลอกไฟลวดโอจากเครองของเรา และรอจนการ upload เสรจสน
31 คลกทปม Uploads
32 คลกทปม Upload Video
33 เลอกไฟล Video ทตองการ
34
34 เมอ Upload ได 100 แลวใหคลก Save change
หนา 61
4 เมอ upload เสรจสนแลวคลกทขอความ Embed and Sharing Options เรากเหน HTML code ใหคดลอก code เหลานนมาแปะในสวนทเราตองการ
เชนในทนผมคดลอก code มาแปะในบทความกจะไดผลลพธเปนวดโอตามดานลางทเหนครบ
หนา 62
เรอง หนา บทน าhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 1 บทท 1 การสรางเวบบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 4 บทท 2 วธเปลยน Template ของ Bloggerhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 12 บทท 3 วธเขยนและจดการบทความในบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 22 บทท 4 การตงคาพนฐานตางๆ ใหกบบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 26 บทท 5 รจกและใชงาน Gadget ชนดตางๆ บน Bloggerhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 32 บทท 6 การจดการกบ Gadget ในหนาบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 40 บทท 7 การแสดงขาวสารลาสดดวย Gadget ฟดhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 43 บทท 9 นบจ านวนคนเยยมชมดวย Flagcounterhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 53 บทท 10 รปภาพในบทความบน Bloggerhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 55 บทท 11 การสรางวดโอใน YouTube และน ามาใสในบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 58
หนา 63
255
เอกสารประกอบการฝกอบรมเชงปฏบตการ
การพฒนาสอการเรยนการสอน โดยใชโปรแกรมคอมพวเตอรรวมกบ Weblog
หนา 60
2 การฝาก youtube มเงอนไขส าคญๆ ดงน - ความยาวของวดโอไมเกน 10 นาท - ควรเปนวดโอทไมกระทบตอสถาบน ชาต ศาสนา พระมหากษตรย และ ศลธรรมอนดงามของสงคม
3 การ upload วดโอขนไปทเมน upload (ทมมขวาบน) แลวท าการเลอกไฟลวดโอจากเครองของเรา และรอจนการ upload เสรจสน
31 คลกทปม Uploads
32 คลกทปม Upload Video
33 เลอกไฟล Video ทตองการ
34
34 เมอ Upload ได 100 แลวใหคลก Save change
หนา 61
4 เมอ upload เสรจสนแลวคลกทขอความ Embed and Sharing Options เรากเหน HTML code ใหคดลอก code เหลานนมาแปะในสวนทเราตองการ
เชนในทนผมคดลอก code มาแปะในบทความกจะไดผลลพธเปนวดโอตามดานลางทเหนครบ
หนา 62
เรอง หนา บทน าhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 1 บทท 1 การสรางเวบบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 4 บทท 2 วธเปลยน Template ของ Bloggerhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 12 บทท 3 วธเขยนและจดการบทความในบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 22 บทท 4 การตงคาพนฐานตางๆ ใหกบบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 26 บทท 5 รจกและใชงาน Gadget ชนดตางๆ บน Bloggerhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 32 บทท 6 การจดการกบ Gadget ในหนาบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 40 บทท 7 การแสดงขาวสารลาสดดวย Gadget ฟดhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 43 บทท 9 นบจ านวนคนเยยมชมดวย Flagcounterhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 53 บทท 10 รปภาพในบทความบน Bloggerhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 55 บทท 11 การสรางวดโอใน YouTube และน ามาใสในบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 58
หนา 63
255
เอกสารประกอบการฝกอบรมเชงปฏบตการ
การพฒนาสอการเรยนการสอน โดยใชโปรแกรมคอมพวเตอรรวมกบ Weblog
หนา 61
4 เมอ upload เสรจสนแลวคลกทขอความ Embed and Sharing Options เรากเหน HTML code ใหคดลอก code เหลานนมาแปะในสวนทเราตองการ
เชนในทนผมคดลอก code มาแปะในบทความกจะไดผลลพธเปนวดโอตามดานลางทเหนครบ
หนา 62
เรอง หนา บทน าhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 1 บทท 1 การสรางเวบบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 4 บทท 2 วธเปลยน Template ของ Bloggerhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 12 บทท 3 วธเขยนและจดการบทความในบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 22 บทท 4 การตงคาพนฐานตางๆ ใหกบบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 26 บทท 5 รจกและใชงาน Gadget ชนดตางๆ บน Bloggerhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 32 บทท 6 การจดการกบ Gadget ในหนาบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 40 บทท 7 การแสดงขาวสารลาสดดวย Gadget ฟดhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 43 บทท 9 นบจ านวนคนเยยมชมดวย Flagcounterhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 53 บทท 10 รปภาพในบทความบน Bloggerhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 55 บทท 11 การสรางวดโอใน YouTube และน ามาใสในบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 58
หนา 63
255
เอกสารประกอบการฝกอบรมเชงปฏบตการ
การพฒนาสอการเรยนการสอน โดยใชโปรแกรมคอมพวเตอรรวมกบ Weblog
หนา 62
เรอง หนา บทน าhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 1 บทท 1 การสรางเวบบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 4 บทท 2 วธเปลยน Template ของ Bloggerhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 12 บทท 3 วธเขยนและจดการบทความในบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 22 บทท 4 การตงคาพนฐานตางๆ ใหกบบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 26 บทท 5 รจกและใชงาน Gadget ชนดตางๆ บน Bloggerhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 32 บทท 6 การจดการกบ Gadget ในหนาบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 40 บทท 7 การแสดงขาวสารลาสดดวย Gadget ฟดhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 43 บทท 9 นบจ านวนคนเยยมชมดวย Flagcounterhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 53 บทท 10 รปภาพในบทความบน Bloggerhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 55 บทท 11 การสรางวดโอใน YouTube และน ามาใสในบลอกhelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip 58
หนา 63
255
เอกสารประกอบการฝกอบรมเชงปฏบตการ
การพฒนาสอการเรยนการสอน โดยใชโปรแกรมคอมพวเตอรรวมกบ Weblog
หนา 63
255
เอกสารประกอบการฝกอบรมเชงปฏบตการ
การพฒนาสอการเรยนการสอน โดยใชโปรแกรมคอมพวเตอรรวมกบ Weblog
Recommended