NNFE-2556-Blog เอกสารประกอบการอบรมการพัฒนาฐานการเรียนรู้ออนไลน์ด้วยBlogger

เอกสารประกอบการอบรม การพฒั นาฐานการเรียนรอู้ อนไลน์ดว้ ย Blogger การสรา้ งเครือข่ายประชาสมั พันธ์เพอื่ การศึกษา ผา่ น Social Network โดย นายสวุ ัฒน์ ธรรมสุนทร สถาบนั พัฒนาการศึกษานอกระบบและการศึกษาตามอธั ยาศยั ภาคเหนือ สํานกั งานส่งเสรมิ การศกึ ษานอกระบบและการศึกษาตามอัธยาศัยภาคเหนอื สํานักงานปลดั กระทรวงศึกษาธกิ าร กระทรวงศึกษาธิการ

เอกสารประกอบการอบรม การพฒั นาฐานการเรียนรอู้ อนไลน์ดว้ ย Blogger การสรา้ งเครือข่ายประชาสมั พันธ์เพอื่ การศึกษา ผา่ น Social Network โดย นายสวุ ัฒน์ ธรรมสุนทร สถาบนั พัฒนาการศึกษานอกระบบและการศึกษาตามอธั ยาศยั ภาคเหนือ สํานกั งานส่งเสรมิ การศกึ ษานอกระบบและการศึกษาตามอัธยาศัยภาคเหนอื สํานักงานปลดั กระทรวงศึกษาธกิ าร กระทรวงศึกษาธิการ

สารบญั หน้า เร่อื งที่ 1 เรม่ิ แรกเรยี นรเู้ ร่ืองบลอ็ ก 1 สงั คมบล็อก 1 ความเปน็ มาของบลอ็ ก 1 ลกั ษณะสาํ คญั ของบลอ็ ก 2 ประโยชน์ของบลอ็ ก 2 5 เรอื่ งท่ี 2 วธิ กี ารสรา้ งบลอ็ ก 5 ขนั้ ตอนการสมัครใช้งานบลอ็ ก 7 เรม่ิ เขา้ ใชง้ าน Blogger 9 สร้างและตัง้ ชื่อบลอ็ ก 9 เลือกหน้าแมแ่ บบและการปรบั แต่ง 11 13 เร่ืองที่ 3 การเขยี นบลอ็ ก 17 เรอื่ งที่ 4 การวางไฟล์ภาพประกอบในบล็อก 20 เรื่องท่ี 5 สภาพแวดลอ้ มท่ัวไปของ Blogger 20 เร่อื งท่ี 6 เทคนิคการปรับแตง่ บลอ็ ก 22 27 การใส่แบนเนอรส์ ว่ นหวั 29 การสรา้ งกลมุ่ เนื้อหาและติดตัง้ Gadget ใหบ้ ลอ็ ก 38 เรื่องที่ 7 การนําวิดีโอมาใชบ้ นบลอ็ ก เรือ่ งท่ี 8 การปรบั แตง่ ด้วยแมแ่ บบ 2 เมษายน 2556 เร่ืองท่ี 9 การเผยแพรบ่ ล็อกสู่ Facebook

1. เริม่ แรกเรยี นรเู้ ร่อื งบล็อก บล็อก ( blog) เป็นคํารวมมาจากคําว่า เว็บล็อก (weblog) เปน็ รูปแบบเว็บไซตป์ ระเภทหนึ่ง ซ่งึ ถูกเขียนขนึ้ ใน ลําดับทเี่ รยี งตามเวลาในการเขียน ซ่ึงจะแสดงข้อมลู ทเ่ี ขยี นล่าสุดไว้แรกสดุ บล็อกโดยปกตจิ ะประกอบดว้ ย ข้อความ ภาพ ลิงค์ ซึง่ บางครั้งจะรวมส่อื ต่างๆ ไม่วา่ เพลง หรือวดิ ีโอในหลายรปู แบบได้ จุดทีแ่ ตกต่างของบลอ็ ก กับเว็บไซต์โดยปกติคอื บล็อกจะเปดิ ให้ผเู้ ขา้ มาอ่านข้อมลู สามารถแสดงความคิดเห็นต่อทา้ ยขอ้ ความทเ่ี จ้าของ บล็อกเปน็ คนเขียน ซ่ึงทาํ ให้ผเู้ ขยี นสามารถได้ผลตอบกลบั โดยทนั ที คาํ ว่า \"บลอ็ ก\" ยงั ใช้เปน็ คาํ กริยาได้ซง่ึ หมายถึง การเขียนบล็อก และนอกจากน้ีผทู้ เ่ี ขียนบลอ็ กเป็นอาชพี กจ็ ะถกู เรียกว่า \"บลอ็ กเกอร\"์ สงั คมบล็อก สังคมบลอ็ ก หมายถงึ พื้นท่บี นอินเตอรเ์ นท็ เพือ่ ใหผ้ ทู้ ี่ตอ้ งการนําเสนอบทความ สามารถแบ่งบัน เรื่องราว รูปภาพ รูปถ่าย อนั ส่งผลประโยชน์ แกผู้เขา้ รับชม อันน้ีคอื ส่งิ ท่ีจํากัดความหมายของสงั คมบลอ็ ก ตง้ั เป้าหมายไว้ โดยผู้ใช้ สามารถท่ีจะหา ผลประโยชน์จาก บทความที่ตนเอง เปน็ ผ้นู ําเสนอ โดยอาจจะมกี าร นาํ เสนอโฆษณา พร้อมๆ กบั การนาํ เสนอ บทความ แลว้ แตค่ วามต้องการของผใู้ ช้ อย่างอสิ ระ อน่งึ การใช้งานระบบสังคมบล็อก มีเนือ้ หาของการนําเสนอ โดยจะต้องเปน็ ลขิ สิทธเ์ิ ฉพาะของ ผู้นาํ เสนอ ระหว่างผูใ้ ชง้ านด้วยกนั ไมอ่ าจจะทําการสําเนา เอกสารดังกล่าวได้ เพียงแต่สามารถทาํ การลงิ คเ์ ชือ่ มโยง เพอ่ื ส่งผลโดยตรงตอ่ ผูใ้ ช้งานทั่วไป ให้สามารถใชง้ านระบบได้อยา่ งเกดิ ประโยชน์สูงสดุ ความเปน็ มาของบลอ็ ก ในความเป็นจริงแลว้ บลอ็ กมมี าในชว่ งยุคต้นๆของการมีเวบ็ ไซตเ์ ลยทเี ดียว(ช่วงประมาณปี ค.ศ.1992) โดยบล็อก มีตน้ ตระกูลมาจากเว็บประเภทหนงึ่ ที่เรยี กว่า What’s New ซึง่ ในยุคแรกขณะนัน้ ยังมีเวบ็ ไซต์จํานวนไม่มากนัก เจ้าหนา้ ท่ขี องสถาบันวจิ ัยนิวเคลยี รภ์ าคพื้นยุโรป (CERN) ไดเ้ ป็นผ้เู ริม่ สรา้ งเวบ็ สําหรบั นาํ เสนอข่าวเกยี่ วกบั วงการเว็บ รวมถงึ แจ้งขา่ วสารเวบ็ ไซต์ท่เี กดิ ใหม่ โดยทําในลักษณะเป็นลิงคช์ ไี้ ปยงั เวบ็ ไซตน์ ้นั ๆ และมคี ําอธิบาย ว่ามนั คืออะไร มอี ะไรน่าสนใจบา้ ง จากนัน้ กม็ ีผูท้ ํา What’s New ในลกั ษณะตา่ งๆ มากมาย จนถงึ ปี ค.ศ.1997 นายจอร์น บารเ์ กอร์ (Jorn Barger) เจา้ ของเว็บไซต์ http://www.robotwisdom.com/ ซง่ึ เปน็ เวบ็ ทม่ี ลี กั ษณะ เป็น บลอ็ ก อาจกลา่ วไดว้ า่ เป็นบล็อกรุน่ แรกๆ ก็ไดค้ ิดคําวา่ weblog ขึน้ มา ตอ่ มาในปี ค.ศ.1999 ปีเตอร์ เมอร์โฮลซ์ (Peter Merholz) เจ้าของ http://www.peterme.com/ ประกาศวา่ ต่อไปเขาจะอ่านคาํ วา่ weblog วา่ “วี - บลอ็ ก” และจะเรยี กสน้ั ๆ วา่ blog “บลอ็ ก” เนอื่ งจากในยุคสมัยนั้น ยงั มีคนใชบ้ ล็อกจาํ นวนไม่มากนกั และความคิดนี้ ถอื เป็นความคดิ ที่แปลกใหมน่ ่าสนใจ นับต้ังแตน่ น้ั มา คาํ ว่า บล็อก จงึ กลายเป็นคาํ ทไ่ี ดร้ บั ความนิยมไปทั่ว และถูกใชก้ ันอย่างแพร่หลาย แม้วา่ weblog นั้นดจู ะเป็นภาษา ทางการมากกวา่ คําวา่ blog แต่ก็ยังมีผู้เรียกขาน weblog อยูเ่ ชน่ กัน 1 การพฒั นาฐานการเรียนร้ออนไลน์ดว้ ย Blogger

ใน ปี ค.ศ.1999 เรม่ิ มบี ริการช่วยสรา้ งบล็อกฟรี ทเ่ี กดิ ข้ึนในช่วงเวลาไลเ่ ลี่ยกนั ได้แก่ www.blogger.com (เวที ทที่ า่ นกาํ ลังอ่าน) และ www.pitas.com ทั้งสองเวบ็ ไซต์เปิดใหบ้ รกิ ารแกส่ มาชกิ ซง่ึ จะให้เครอ่ื งมือในการ สรา้ ง บลอ็ ก โดยจะใชง้ านเครอื่ งมือเหลา่ น้ผี า่ นทางเวบ็ บราวเซอร์ หากใครทม่ี พี น้ื ท่ีจัดเกบ็ เว็บไซต์อย่แู ลว้ กส็ ามารถ สรา้ งบลอ็ กแลว้ นาํ บล็อกไปเกบ็ ไว้ในพ้นื ที่จัดเก็บเวบ็ ไซตข์ องตนเองไดเ้ ลย หรือถา้ ไม่มพี ื้นท่ีเกบ็ เวบ็ ไซต์ กส็ ามารถ ฝากบล็อกไวก้ ับผูใ้ ห้บรกิ ารไดอ้ ีกดว้ ย เมอื่ มีเครือ่ งมอื ลักษณะนี้มาให้บริการ ทําใหก้ ารสรา้ งบลอ็ กเป็นเร่ืองท่งี า่ ย มาก ๆ ผ้สู รา้ งบลอ็ กเพยี งแคใ่ สข่ ้อมลู อย่างเดียวและไมจ่ าํ เป็นต้องรเู้ ร่อื งการสรา้ งเว็บกไ็ ด้ เลยทําใหว้ งการบล็อก เป็นที่สนใจ และทําใหม้ บี ลอ็ กใหม่ ๆ เนอ้ื หาที่หลากหลายเกิดขนึ้ มากมาย โดยปกตกิ ารสรา้ งบล็อก สามารถสร้างได้ง่ายผ่านเครอื ข่ายอนิ เทอรเ์ นต็ ของผใู้ ห้บริการสรา้ ง Blog ฟรี ซงึ่ จะมี เครือ่ งมอื สนับสนุนใหผ้ สู้ รา้ งเนื้อหาสามารถสร้างสรรค์งานเขยี นไดอ้ ย่างง่ายและรวดเรว็ ปัจจุบนั มที นี่ ยิ มหลาย แหง่ อาทิ http://www.blogger.com, http://www.wordpress.com, เป็นต้น สําหรบั บา้ นเรากน็ ิยมสรา้ งบลอ็ กเปน็ เครื่องมือชว่ ยในการประกอบธรุ กิจ การคา้ ผา่ นอิเลก็ ทรอนิกส์ การ แลกเปลย่ี นความรูอ้ อนไลน์ การใช้เพ่อื เปน็ แหล่งข้อมูลข่าวสาร อาทิ http://bloggang.com http://www.oknation.net/blog/index.php และ http://gotoknow.org ลกั ษณะสําคัญของบลอ็ ก 1. แสดงเนื้อหาเป็นชุด ๆ และแต่ละชุดมวี นั ท่ี ท่ีบันทกึ เนอื้ หากํากบั ไว้อย่างชัดเจน 2. เรียงลําดับเน้อื หาตามวนั ท่ี โดยข้อความใหมล่ า่ สุดทีบ่ นั ทึกเขา้ ไป จะถูกแสดงอยู่ดา้ นบนสุดของหน้าเว็บไซต์ ส่วนขอ้ ความท่ีบันทกึ เข้าไปกอ่ นหนา้ นน้ั จะอย่ถู ัดลงไปเรื่อย ๆ 3. มีการสะสมชุดเนือ้ หาย้อนหลงั ผู้อ่านสามารถค้นหาตามวันเวลา (archive) หรือคน้ หาจากคําสําคญั (tag) ได้ 4. อาจอนุญาตให้ผอู้ ่านสามารถแสดงความคิดเห็น (comment) ที่มตี อ่ เนื้อหาได้ 2 การพฒั นาฐานการเรียนร้ออนไลน์ดว้ ย Blogger

5. อาจมกี ารจัดหมวดหมขู่ องเนอ้ื หาออกเป็นกลุ่ม ๆ (category) เช่น บลอ็ กหนงึ่ ๆอาจไมไ่ ดม้ เี นือ้ หาเพียงเร่ือง เดยี ว เพราะเจา้ ของบลอ็ กมีความสนใจในหลาย ๆ เรอื่ ง เพือ่ ใหส้ ะดวกในการอา่ น จงึ ทําการแยกเป็นหลาย หมวดหมูไ่ ว้ ตวั อย่างเชน่ บนั ทึกประจําวนั , แนะนําเว็บ, วิเคราะห์ขา่ ว, วิจารณภ์ าพยนตร์ เปน็ ต้น 6. อาจมี RSS Feed เพือ่ ให้สะดวกในการตดิ ตามการอัพเดทข้อมูลของบลอ็ กน้นั ๆและเพ่ือความสะดวกในการ อ่านบล็อกโดยท่ไี มต่ อ้ งเขา้ มาอ่านทบ่ี ลอ็ กจริง ๆ ประโยชนข์ องบล็อก ประโยชนข์ องบล็อกมมี ากมายหลายประการ อันไดแ้ ก่ 1.เปน็ สื่อโฆษณา ประชาสมั พนั ธ์ ถือได้ว่าบลอ็ กเป็นเว็บท่ีเจาะกลมุ่ เปา้ หมายของผู้คนท่ีใชเ้ ครอื ข่ายอินเทอรเ์ น็ตเป็นหลกั การวางกลยทุ ธก์ ารตลาด ในแวดวงธุรกิจไม่อาจพง่ึ พาแค่ แผน่ พบั ใบปลิว หรือการลงโฆษณาตามหนังสือพิมพ์ การโฆษณาผ่านวิทยุ โทรทศั น์ ซ่งึ ชอ่ งทางทีก่ ล่าวนับวนั ยง่ิ มีค่าใช้จ่ายในการประชาสัมพนั ธ์สงู การใช้บล็อกเพ่อื ประชาสัมพนั ธ์ จงึ เปน็ อีกวิธีการที่มคี า่ การลงทุนทตี่ า่ํ แต่สามารถสง่ ผลทางการตลาดทสี่ ูงขน้ึ ได้ นอกจากนใ้ี นภาครัฐมีหลายแหง่ ท่ใี ช้ บลอ็ กเป็นเครอ่ื งมอื ช่องทางในการเผยแพรข่ ่าวสารของหนว่ ยงานอกี ทางหนงึ่ ด้วย 2. เป็นแหลง่ ให้ข้อมูลความรู้ เฉพาะเรอ่ื ง ปจั จุบันข่าวสารต่าง ๆ รวมถงึ เทคโนโลยี มกี ารเปลีย่ นแปลงรวดเรว็ มาก จนหนงั สือหรอื ส่ิงพิมพ์ตา่ ง ๆ ลา้ สมัย หรอื ไม่สามารถออกไดท้ ันตามความตอ้ งการของผทู้ ี่สนใจ การใชบ้ ล็อกเป็นอกี ชอ่ งทางหนง่ึ ในการใหข้ อ้ มูล ถอื เปน็ ส่ิงทสี่ าํ คัญมาก เพราะว่าการสรา้ งบลอ็ ก ไมต่ ้องเสยี คา่ ใชจ้ ่ายมาก และสามารถเขียนหรอื ปรบั ปรงุ แกไ้ ข ขอ้ ความทเี่ ขยี นไดอ้ ย่างรวดเร็วง่ายดาย จึงมีผู้ท่มี คี วามร้หู ลายตอ่ หลายท่านใชบ้ ล็อกเป็นที่เผยแพรค่ วามรู้ เชน่ http://www.blognone.com/ (บลอ็ กทน่ี ําเสนอเร่ืองราวเกีย่ วกบั เทคโนโลยีใหม่ ๆ http://www.oknation.net/blog/black (บล็อกวิเคราะหข์ ่าวของคณุ สทุ ธิชยั หย่นุ ) 3. เปน็ พนื้ ทแี่ ลกเปล่ยี นความคิดเหน็ ปัจจุบันบลอ็ กถือเป็นช่องทางทีใ่ ชแ้ ลกเปลย่ี นความคิดเห็นได้อีกทางหน่ึง เพราะบลอ็ กสว่ นใหญ่ มกั จะอนุญาตให้ ผู้อ่านแสดงความคิดเห็นของตนทีม่ ตี อ่ ขอ้ ความในบลอ็ กนน้ั ๆ ได้ ซ่งึ อาจจะเปน็ การให้คาํ แนะนาํ หรอื จะเปน็ การ แสดงความเห็นดว้ ย/ไมเ่ หน็ ด้วยกับข้อความในบล็อกน้ัน ๆ การแลกเปลยี่ นความคิดเห็นระหวา่ งผู้เขียนบล็อก และผอู้ ่านบล็อกสามารถทาํ ใหเ้ กิดเปน็ สงั คมย่อย ๆ ขึน้ มา 4. เปน็ เวทกี ารเรยี นรู้ นอกจากจะเป็นแหล่งขอ้ มลู เฉพาะเรื่องแลว้ สถานศกึ ษา หรือครู และบคุ ลากรทางการศกึ ษา ยังใช้บลอ็ ก เปน็ อีก กลไก หรือเครอ่ื งมือในการเผยแพรค่ วามรู้เน้ือหา เพ่ิมเตมิ จากหลกั สูตร หรอื เป้นเวทสี าํ หรับใหล้ กู ศิษย์เขา้ มา แสดงความคดิ เห็น หรือตอบคําถามต่างๆ ในโลกของสงั คมขา่ วสารปจั จบุ นั บล็อก เปน็ อีกปัจจัยสําคัญของ Social network ท่มี ีอทิ ธิพลต่อวงการธรุ กิจ วงการขา่ วสาร ประชาสมั พนั ธ์ หรอื แมก้ ระทั่งแวดวงการศกึ ษา จะเหน็ ไดว้ ่าอัตราการเจริญเตบิ โตของบล็อก ประเภทตา่ งๆไม่วา่ จะเปน็ บล็อกสว่ นตัว ไปจนถงึ บลอ็ กขององคก์ ร/ธุรกจิ จะมีอัตราที่สงู ข้นึ อยา่ งรวดเรว็ ถอื ไดว้ ่า 3 การพฒั นาฐานการเรียนร้ออนไลน์ดว้ ย Blogger

เป็นการเกดิ ของ สงั คมแหง่ การแบง่ ปนั ท่มี ีทง้ั ผตู้ อ้ งการสาระเนอ้ื หา ผทู้ ี่เผยแพร่เนือ้ หา ไมว่ ่าจะเปน็ เรื่องราว หลากหลายประเภทหรอื หลากหลายมุมมอง หรือช่นื ชมผลงานส่วนตวั ไม่ว่าจะเปน็ ประสบการณ์ชวี ิตต่างๆ ผลงานรปู ภาพ งานกราฟกิ งานมัลติมีเดียตา่ งๆ ไปจนถึงบลอ็ กขององค์กร / ธรุ กิจ ท่มี จี ดุ มุ่งหมายเพื่อการ โฆษณา ประชาสมั พนั ธ์ การสร้างบลอ็ กอาศยั วธิ ีการ 2 ประเภทใหญ่ๆ คอื 1.สรา้ งจากโปรแกรมบลอ็ กหรือซอฟทแ์ วร์ บลอ็ กประเภทน้ี ผสู้ ร้างต้องทําการตดิ ตั้งซอฟทแ์ วรท์ ม่ี ใี หด้ าวนโ์ หลดบนอินเทอรเ์ นต็ มีทงั้ ให้ใชง้ านฟรี และแบบ เสยี คา่ บริการรายปี โปรแกรมที่นิยมใช้ ได้แก่ WordPress, Joomla, Mambo และ LifeType เปน็ ตน้ 2.สรา้ งจากเวบ็ ไซตผ์ ใู้ หบ้ รกิ ารออนไลน์ เป็นอกี ประเภททม่ี ีผ้นู ยิ มใชง้ านมากท่สี ุด เนือ่ งด้วยใช้งานงา่ ย ไมย่ ่งุ ยาก ทาํ งานคอ่ นช้างรวดเรว็ แบบนี้ ท่านต้อง เปน็ สมาชิกของเว็บไซตผ์ ูใ้ ห้บรกิ ารก่อน ได้แก่ GotoKnow, Bloggang, OKnation Blog, WordPress หรอื Blogger บล็อกฟรที ่ที า่ นกาํ ลงั จะไดศ้ กึ ษาเน้ือหาต่อไปของคา่ ย Google 4 การพฒั นาฐานการเรียนร้ออนไลนด์ ว้ ย Blogger

2. วธิ ีสรา้ งบลอ็ กกบั Blogger วิธสี ร้างบล็อกกบั Blogger โดยมีข้นั ตอน ดงั น้ี 1. กอ่ นอื่นท่านต้องมอี ีเมล์สําหรับสมัครเพอื่ เปิดใชบ้ รกิ ารของ Blogger ท่านควรใช้ email ของ Gmail เพอ่ื เขา้ ถึงบรกิ ารไดง้ ่าย (แตก่ ็สามารถใช้ email เครือขา่ ยใดก็ได้ ศกึ ษาเพิ่มเติมจากการอบรม หรือ ตดิ ตอ่ สอบถาม จากวิทยากร) 2. ไปท่ี www.blogger.com เพ่อื เริ่มสรา้ งบล็อก โดยไปที่สว่ นลงชื่อเขา้ ใช้งาน (Sign in) ดา้ นขวา ใส่อเี มล์ของ ท่านและรหัสผา่ นลงในช่อง จากนนั้ คลิกทป่ี มุ่ ลงชอื่ เข้าใชง้ าน หากท่านท่ีไม่คณุ เคยภาษาไทย อยากเปล่ียนเปน็ ภาษาอน่ื คลกิ เลอื กเปลีย่ นทม่ี มุ ขวาลา่ งสุด (สําหรบั บทความนีข้ อใชภ้ าษาไทย) 3. จะเข้าสหู่ นา้ การลงทะเบียนใชง้ าน ซ่ึง Blogger มขี นั้ ตอนการใช้งานท่ไี ม่ย่งุ ยาก เพยี ง 3 ข้ันตอน กค็ อื ขน้ั ตอนที่ 1 การสมัครใช้งาน/เรมิ่ เข้าใช้งาน Blogger ขัน้ ตอนที่ 2 สร้างและตง้ั ช่ือบลอ็ ก ขั้นตอนท่ี 3 เลอื กหน้าแม่แบบและการปรับแตง่ ขนั้ ตอนการสมคั รใชง้ านบลอ็ ก 1. เร่ิมที่คลิกท่ีปุ่ม สมคั รใช้งาน(สีแดงด้านบนขวา) 2. จะเกิดหน้าใหท้ ่านกรอกประวัติเพือ่ สมคั รเข้าใช้งาน แนะนําใหค้ วรกรอกประวตั ดิ ้วยข้อมลู จริง หรือ ข้อมลู ที่ทา่ นตอ้ งจาํ ได้ 5 การพฒั นาฐานการเรียนร้ออนไลน์ดว้ ย Blogger

3. เมื่อกรอกข้อมลู ถูกตอ้ ง และครบถว้ นใหค้ ลกิ ทีป่ มุ่ ขน้ั ตอนถดั ไป (สฟี า้ ดา้ นลา่ งขวา) 6 การพฒั นาฐานการเรียนร้ออนไลน์ดว้ ย Blogger

4. จะปรากฏหน้า ยนิ ดตี อ้ นรับ ก็ถือวา่ เสร็จสน้ิ ขั้นตอนการสมคั รเข้าใช้บริการ ซึ่งเทา่ กับวา่ ทา่ นมีเมล์ สาํ หรบั ใช้งานเพม่ิ ขน้ึ อกี เมลไ์ ปโดยปริยาย เรม่ิ เข้าใช้งานBlogger 1. คลิกท่ปี มุ่ กลบั ไปที่ Blogger สฟี า้ 2. เลอื กไปทีโ่ ปรไฟลบ์ ลอ็ กเกอร์ คลิกปมุ่ สร้างโปรไฟลบ์ ลอ็ กเกอรแ์ บบจํากัด 3. ใสช่ ่อื ของ Blog ลงในช่องชือ่ ท่แี สดง 7 การพฒั นาฐานการเรียนร้ออนไลนด์ ว้ ย Blogger

4. คลกิ ทปี่ ุ่ม ดาํ เนินการต่อไปยงั บล็อกเกอร์ (สสี ม้ ) 5. มาถงึ ตรงน้ี ทา่ นก็มสี ิทธิพร้อมทจี่ ะสรา้ งเรื่องราวเนือ้ หาบน Blog แลว้ 8 การพฒั นาฐานการเรียนร้ออนไลนด์ ว้ ย Blogger

ข้ันตอนที่ 2 สรา้ งและต้ังชือ่ บล็อก ข้นั ตอนนี้ จะเปน็ การตง้ั ชือ่ ของเวบ็ บล็อกของทา่ นในสภาพจริง เรามาทํากนั ต่อเลย 1. โดยการคลกิ ท่ปี ุม่ บลอ็ กใหม่ ซ่งึ จะเกดิ หนา้ ต่างขน้ึ มาใหม่ 1.1 ท่านตอ้ งกาํ หนดชอ่ื ท่ีจะแสดงท่หี วั เว็บท่านลงไปในชอ่ ง ช่อื 1.2 กาํ หนด URL หรอื ชอ่ื เวบ็ ไซตท์ ใี่ ชแ้ สดงผลเวบ็ (ภาษาองั กฤษ) ลงในช่อง ทีอ่ ยู่ ซง่ึ ชือ่ ที่ท่านกาํ หนด ระบบจะทาํ การตรวจสอบทันทีว่าชือ่ ท่ีเลือกใช้น้สี ามารถใช้งานไดไ้ หม หากไมไ่ ด้ ท่านต้องตงั้ ช่ือใหม่ 2. ทสี่ ว่ นแมแ่ บบท่านสามารถกาํ หนดเลอื กแม่แบบตรงสว่ นน้กี ่อนได้ถอื เป็นการเขา้ สขู่ น้ั ตอนท่ี 3 ขั้นตอนท่ี 3 เลือกหน้าแมแ่ บบและการปรับแต่ง ขนั้ ตอนน้ีทา่ นอาจจะไปเลอื กปรบั ในภายหลงั ได้ ซงึ่ Blogger จะมีแม่แบบหลักๆใหท้ า่ นเลือกใช้ 7 กลุ่ม ทา่ น สามารถเปลีย่ นแปลงไดอ้ ีกในภายหลัง เมื่อเรยี บรอ้ ยใหค้ ลกิ ท่ปี มุ่ สรา้ งบล็อก (สสี ม้ ) ได้เลย ซึ่ง ทหี่ นา้ Blogger จะกลบั มาท่ีหนา้ เดมิ ซ่ึงคราวนี้ทา่ นจะ เห็นชื่อท่ที ่านตง้ั ปรากฏอยู่ ดงั ภาพถัดไป 9 การพฒั นาฐานการเรียนร้ออนไลนด์ ว้ ย Blogger

มาถึงตอนน้ี ครบ 3 ขน้ั ตอน ทา่ นกพ็ รอ้ มทจี่ ะเร่มิ เขียนบลอ็ กได้แลว้ 10 การพฒั นาฐานการเรียนร้ออนไลนด์ ว้ ย Blogger

3. การเขยี นบล็อก มีวิธแี ละขน้ั ตอน ดงั นี้ 1. เรมิ่ เป็นนกั เขียนบล็อก ใหท้ ่านคลิกท่ปี ุ่ม รูปปากกา หรอื คลกิ ท่ีคาํ วา่ เร่มิ ตน้ การโพสต์ ซ่งึ เมอ่ื คลกิ แล้ว ระบบ จะนาํ ทา่ นเข้าสูก่ ระดานเขียนบลอ็ กดงั ภาพ 2. ภายในกระดานเขยี น จะแบง่ เป็น 3 สว่ น ส่วนแรก คอื สว่ น ควบคุม อยสู่ ว่ นบนสดุ ประกอบดว้ ยชอื่ ของบลอ็ ก ชอ่ งใสช่ ื่อเรื่อง(ช่ือโพสต)์ ท่ีท่านตอ้ งการ เขียน ปุม่ เผยแพร่ ปมุ่ บนั ทกึ (ซง่ึ โปรแกรมจะบันทกึ ใหอ้ ตั โนมัติเป็นระยะๆ) ปมุ่ แสดงตวั อย่าง และปมุ่ ปดิ หน้าตา่ ง เพอื่ กลบั ไปหน้าบัญชหี ลกั ส่วนที่ 2 เปน็ ส่วนเขียนเน้อื หา มเี ครื่องมอื ใชง้ านพ้นื ฐานที่จาํ เป็น ซ่งึ สาํ หรับทา่ นท่ีใช้โปรแกรมการจดั ทาํ เอกสาร จําพวก Word กค็ งไมย่ ากอะไร สว่ นสาํ คญั ของบล็อกนี้ทา่ นสามารถใส่ภาพ หรือวดิ ีทัศน์ไดอ้ ยา่ งง่าย หรือจะใช้ วาง link เวบ็ ไซตต์ ่างๆกไ็ ด้ ส่วนที่ 3 เป็นสว่ นสนบั สนนุ เพ่มิ เตมิ ไดแ้ ก่ ป้ายกาํ กับ สาํ หรบั สรา้ งกลุ่มของเน้อื หา จะแนะนําในบทความตอ่ ไป กาํ หนดเวลา มี 2 คา่ ที่ต้ังคือ อตั โนมตั ดิ ว้ ยระบบ และตง้ั ค่าเอง ตําแหน่งท่ตี ้งั ซ่งึ ไว้กําหนดท่อี ยขู่ องท่านเชอ่ื มกับบริการ Google Map ตวั เลือก จะเปน็ สว่ นกาํ หนดค่าพเิ ศษตา่ งๆ ได้แก่ การใหบ้ ล็อกอนุญาตให้ผู้อ่านแสดงความคดิ เหน็ กบั บทความ ของทา่ น หรอื การตั้งคา่ การเขยี นบลอ็ กในเชิงเทคนคิ ภาษา html หรือเงื่อนไขการข้ึนบรรทัดใหม่ (ในทน่ี ี้ควร เลือกรายการกด Enter) 3.หากบทความที่ทา่ นเขยี นยงั ไมเ่ สรจ็ ก็ยงั ไม่ต้องคลิกทีป่ ุ่มเผยแพร่ ให้คลิกทป่ี มุ่ ปิด สถานะของเร่ืองที่ท่านสรา้ ง จะอยใู่ นสถานะฉบบั ร่างหรอื Draft ท่านสามารถมาเขยี นตอ่ ได้ 11 การพฒั นาฐานการเรียนร้ออนไลน์ดว้ ย Blogger

4.หากท่านเขยี นหรอื สรา้ งเสรจ็ แลว้ และทําการคลกิ ปุ่มเผยแพร่ บทความนี้ก็จะถูกเผยแพรท่ นั ที ซ่งึ ระบบยงั อนญุ าตใหท้ ่านกลับมาแกไ้ ข เปลย่ี นแปลง เพิม่ เตมิ เนื้อหานไ้ี ดต้ ลอดเวลา โดยเลือ่ นเมาสม์ าท่ีชอ่ื รายการ บทความจะมรี ายการ(แก้ไข ดู ลบ)ตามท่ีทา่ นได้ดําเนนิ การเขียนบทความไว้ 5. มาถึงตรงนที้ ่านกม็ ี บล็อกเป็นของตัวท่านเองแล้ว ดังภาพดา้ นล่าง สาํ หรับขน้ั ตอนการสร้างบล็อก ก็จบลงแลว้ ในเรอื่ งลาํ ดับต่อไปจะไดน้ ําเสนอเรอื่ ง การวางไฟล์ภาพประกอบ เร่ือง สภาพแวดลอ้ มทัว่ ไป ซ่ึงจะแนะนําภาพรวมของหน้าควบคุม การเรยี กใช้ รวมถงึ สว่ นเสริมพเิ ศษ(Gadget) เพ่อื พฒั นาบล็อกให้มพี ลัง รวมถึงเน้ือหาการปรบั แต่งอน่ื ๆกนั ต่อไป 12 การพฒั นาฐานการเรียนร้ออนไลน์ดว้ ย Blogger

4. การวางไฟล์ภาพประกอบในบล็อก ในการดาํ เนินการสรา้ งบทความหรอื บทเรยี นทด่ี ี โดยปกติจะมีการวางส่ือภาพประกอบเน้อื หา ซงึ่ Blogger สามารถดําเนินการได้โดยงา่ ย มวี ธิ ีการดังนี้ 1.ใหไ้ ปที่ ตรงตําแหนง่ บรรทดั ที่ตอ้ งการแทรกภาพประกอบ ให้ คลกิ ท่ีปมุ่ แทรกภาพ (Insert image) แสดงดว้ ย icon เล็กๆ 2. ซึ่งจะปรากฏรายการใหเ้ ลอื ก 6 รายการ คอื Upload : นาํ ไฟลภ์ าพจากคอมพวิ เตอร์หรือแหลง่ เกบ็ ของท่านนาํ เข้าสรู่ ะบบใหม่ From this blog : ภาพจากบลอ็ กทท่ี า่ นใชง้ านอย่ใู นขณะน้ี Form Picasa Web Albums : จากเว็บไซต์ Picasa ซง่ึ เปน็ คลังภาพ ท่านต้องเปน็ สมาชิก Form your webcam : จากกล้องเว็บแคม Form a URL : จากเว็บไซตท์ ่ีอ้างองิ ลงิ ค์ไป 3.โดยปกติแล้วเราจะนาํ ภาพทีเ่ ตรยี มไว้ นาํ ขึน้ สู่ระบบ ซง่ึ ตอ้ งเลือกที่รายการ Upload ซึ่งต้องคลกิ ทป่ี ่มุ Choose files 13 การพฒั นาฐานการเรียนร้ออนไลน์ดว้ ย Blogger

4. จะปรากฏกรอบหนา้ ตา่ ง Choose File to Upload เลือกไฟลไ์ ปยงั แหลง่ เกบ็ ไฟลภ์ าพ (Drive หรือ Folder หรือสื่อเกบ็ ขอ้ มูลต่างๆ) สําหรบั ไฟลภ์ าพ ควรเปน็ ตระกลู JPG GIF PNG และขนาดของความกวา้ งไมเ่ กิน 600 Pixels ดังนัน้ ควรตกแตง่ ไฟลภ์ าพกอ่ นนาํ ไป Upload ข้ึน Blog ทัง้ หมดกอ่ น ซึ่งไฟลภ์ าพขนาดท่ีเหมาะสม จะมี ขนาดกวา้ งไม่เกิน 600 Pixels นอกจากจะทําให้ไฟลภ์ าพมีขนาดพอดีกับหน้าบล็อกแล้ว ยงั จะช่วยให้การ Upload ไฟล์รปู ภาพ รวมถงึ การแสดงผลหน้าเอกสารบล็อก ทําได้รวดเร็วยงิ่ ขนึ้ 14 การพฒั นาฐานการเรียนร้ออนไลน์ดว้ ย Blogger

5. ซง่ึ ภาพทา่ นสามารถนาํ ขน้ึ ทลี ะภาพ หรอื หลายๆ ภาพกไ็ ด้ ภาพทีน่ าํ ข้นึ ระบบ จะถูกนํามารวมไว้ในสว่ นเกบ็ ภาพบนระบบ ถงึ ตรงนหี้ ากภาพที่นาํ ข้นึ ถกู ตอ้ ง ก็คลกิ ทีป่ มุ่ Add selected (สีฟ้า) ภาพทีเ่ ลอื กจะมาปรากฏใน พน้ื ที่สร้างงาน 6. ภาพที่ปรากฏ แตจ่ ะมีขนาดเลก็ สดุ หรอื ขนาดปานกลาง ให้นาํ เมาลไ์ ปคลกิ ที่รูปภาพดงั กล่าว จะเกดิ แถบเมนู ใหเ้ ราสามารถปรับเลือกขนาดของภาพ คอื เล็ก / ปานกลาง / ใหญ่ / ใหญพ่ เิ ศษ และ ขนาดเดมิ หากเราสร้าง ภาพมขี นาดท่ี 600 Pixels เมือ่ เราเลอื กขนาดเดิม จะได้ภาพพอดี นอกจากนนั้ ทเ่ี มนดู งั กลา่ ว ยงั สามารถปรบั ชิดซา้ ย ขวา กึ่งกลาง หรือ ลบ รูปภาพออกได้ 7. หลงั จากตกแตง่ ขนาด และวางตําแหนง่ ภาพเรียบรอ้ ยแลว้ ใหก้ ดปุ่มบนั ทกึ และ ปมุ่ เผยแพร่ ตามลําดบั 15 การพฒั นาฐานการเรียนร้ออนไลนด์ ว้ ย Blogger

5. สภาพแวดลอ้ มทั่วไปของ Blogger สภาพแวดล้อมท่วั ไปของ Blogger จะแนะนํา โดยการเปรยี บเทียบในมมุ มอง ของทงั้ 2 ฝง่ั คือ ฝง่ั ของผู้สรา้ งงาน จะเปน็ ภาพด้านบน และฝง่ั ทางผูอ้ ่าน ก็คือการแสดงผลจริงซงึ่ จะเปน็ ภาพของหนา้ ถัดไป หมายเลข 1 Favicon สาํ หรบั สรา้ งเอกลักษณข์ องบลอ็ กลักษณะเป็นโลโกเ้ ลก็ ๆทท่ี ่านต้องเตรียมไฟล์รูปไว้ หมายเลข 2 ส่วนเมนบู าร์ หรือแถบนาํ ทาง ส่วนนใี้ นมมุ มองมองผเู้ ขา้ ชมหรือผู้อ่าน จะประกอบด้วย รายการ ส่วนค้นหา จะเปน็ สว่ นค้นหาขอ้ มลู ในบลอ็ กนี้ ใชร้ ่วมกนั จะเป็นสว่ นเช่อื มต่อ Social network ติดตาม จะเปน็ สว่ นสําหรบั ใหเ้ ราเฝ้าติดตาม (พร้อมแจ้งขา่ ว) อา่ นบล็อกสมาชิกคนอน่ื รายงานการละเมิด สาํ หรบั แจง้ ไปที่เวบ็ ไซต์ Blogger เมื่อพบมีการละเมิดลิขสิทธ์หิ รือขอ้ ผดิ พลาด บลอ็ กถดั ไป เปน็ สว่ นเชอื่ มต่อไปยงั บล็อกอ่ืนๆท่อี ยใู่ นกลมุ่ เดยี วกนั สว่ นแสดงผเู้ ปน็ เจา้ ของ ซ่งึ จะแสดงด้วย e-mail บทความใหม่ (สรา้ งบลอ็ ก) สว่ นสาํ หรับสรา้ งบลอ็ ก การออกแบบ ส่วนสาํ หรบั สรา้ งบล็อก ออกจากระบบ/ลงชือ่ เข้าใช้ สําหรบั อํานวยความสะดวกแกส่ มาชิกใหเ้ ขา้ ส่รู ะบบ หมายเลข 3 เป็นส่วนวางหัวเว็บ(Page Header) จะอยู่ในตําแหน่งเกอื บบนสดุ ซ่งึ ระบบอนุญาตใหท้ า่ น สามารถนําภาพกราฟกิ หรือ Logo มาวางตรงจดุ นี้ได้ เพอื่ บ่งบอกตัวตน (ดังตวั อยา่ งข้างล่าง) ซึ่งค่าด้ังเดิมจะแสดงเป็นแคข่ อ้ ความทเี่ ป็นชอื่ ที่ท่านลงทะเบียนไว้แทน หมายเลข 4 เป็นส่วนแสดงเนอ้ื หาบทความ 16 การพฒั นาฐานการเรียนร้ออนไลนด์ ว้ ย Blogger

หมายเลข 5 โซนน้เี รียกว่า Sidebar เป็นส่วนแสดงรายการบทความหรอื รายการบล็อก (ขอ้ ความตรงน้สี ามารถแกไ้ ขตามความต้องการได)้ หมายเลข 6 เปน็ ส่วนแสดงขอ้ มูลของเจา้ ของบลอ็ ก ซง่ึ จะอยใู่ นโซน Sidebar เชน่ กัน ส่วนน้ีสามารถใส่ภาพ เจา้ ของบล็อก หรือLogo ประจําตัวได้ หมายเลข 7 เปน็ สว่ นท้ายเว็บทีจ่ ะแสดง Status ของเว็บว่าเป็นใคร ผนวกรวมกบั แสดงรายละเอียด ของรูปแบบ template และแสดงสิทธข์ิ องบลอ็ ก ซ่ึงก็คอื Blogger นน่ั เอง ภาพดา้ นล่างน้ีเปน็ ภาพแสดงผลจรงิ ๆ ลองเปรยี บเทียบในแต่ละตําแหน่งตามหมายเลข การสรา้ งบทความบน Blogger สามารถสรา้ งงานไดค้ อ่ นข้างง่าย ซงึ่ Blogger สนับสนุนการสร้างงานใน 2 ลักษณะ ท้ังแบบพมิ พ์-จดั หนา้ เอกสารท่ีมมี าพรอ้ มเคร่อื งมือที่จาํ เป็นต่อการใช้งาน กบั อกี รูปแบบท่ีผู้ใชต้ ้องมี ทักษะทางดา้ นการพฒั นาเวบ็ พอสมควร เรามาศึกษารายละเอยี ดกันทลี ะแบบ 1.แบบ Compose ในแบบนคี้ ่อนขา้ งทํางานคลา้ ยคลงึ กบั โปรแกรม Microsoft Word มีเครือ่ งมอื ท่จี าํ เป็นตอ่ การใชง้ าน มา พอสมควร ผสู้ ร้างเนอื้ หาสามารถสร้างสรรงานได้ง่าย 17 การพฒั นาฐานการเรียนร้ออนไลนด์ ว้ ย Blogger

มีส่วนประกอบในหน้าต่างทํางานดังน้ี 1. ชอ่ งกําหนดหวั เร่ือง 2. สว่ นเลือกรูปแบบการสร้างเนื้อหา ระหวา่ ง Compost และ HTML ซง่ึ สถานะปัจจุบัน อยใู่ นโหมด Compose 3. เครือ่ งมือการ Undo Redo 4. รูปแบบฟอนต์ ตวั อักษร มี 7 รูปแบบ 5. ขนาดตัวอกั ษร มี 5 ขนาด เลก็ สุด ถงึ ใหญส่ ุด 6. กาํ หนดคุณลักษณะของตัวอักษร หนา เอน ขีดเส้นใต้ 7. กาํ หนดสีของตวั อกั ษร 8. กําหนดคณุ ลกั ษณะใหเ้ กิด highlights ตัวอักษร ทําบทความให้อยกู่ ึ่งกลาง 9. ทํา Link ใหข้ ้อความ ซง่ึ Link ทสี่ ร้างสามารถกําหนดได้ท้งั ท่เี ป็น Link ของเว็บไซต์ และ จดหมายอเี ลก็ ทรอนิกส์ 10. เพิ่มรูปภาพลงในบทความ โดยระบบจะใหเ้ ราอพั โหลดไฟล์รูปภาพจากเครือ่ งคอมพิวเตอร์ขน้ึ ส่รู ะบบ และยงั สามารถปรบั ขนาดและจัดรูปแบบใหอ้ ยู่ ซ้าย, กลาง, ขวา ได้ 11. เพมิ่ วดิ โี อลงในบทความ ซง่ึ ท่านสามารถเพ่ิมจากเครื่องคอมพวิ เตอร์ จาก YouTube จาก โทรศพั ทม์ ือถอื เปน็ ตน้ 12. เป็นสว่ นวาง Jump break สําหรับข้ึนบรรทดั ใหม่ 13. ทาํ บทความให้ชิดซ้าย อยู่กง่ึ กลาง หรือชิดขวา 14. สําหรับใส่ลาํ ดับข้อให้บทความ ซง่ึ มใี หเ้ ลือกทง้ั แบบตัวเลขและแบบ Bullet 15. ใส่ \",\" ใหก้ ับข้อความทีต่ อ้ งการเนน้ คําพดู 16. ส่วนกาํ หนดเง่อื ไข ปา้ ยกํากบั หรือ Label ใหบ้ ทความ 17. กําหนดวัน เวลา กาํ กบั บทความ มีทั้งแบบตงั้ ค่าเอง และแบบอตั โนมัติ 18. ตําแหน่งและท่อี ยู่ของเคร่ืองคอมพิวเตอร์ ที่สรา้ งบทความ 18 การพฒั นาฐานการเรียนร้ออนไลนด์ ว้ ย Blogger

19. ส่วนกาํ หนดเงือ่ นไขพิเศษ ใหก้ บั บทความ 20. Update / Publish เป็นสว่ นกาํ หนดสถานะของบทความวา่ อยูใ่ นแบบออนไลน์ (ปุ่มน้จี ะอยู่ใน สถานะ Update) หรือเปน็ ตน้ ฉบับ (ปุ่มนจ้ี ะแสดงเป็น Publish) ซง่ึ จะทํางานสําพันธก์ ับ /Save ในข้อ (21) โดย Update / Publish ถอื เปน็ ปุ่มสําหรบั การปรบั ปรงุ ขอ้ มูลท่ีเราแกไ้ ข หรือสรา้ ง (คล้ายๆกบั การ save งาน) 21. เป็นส่วนกาํ หนดสลับสถานนะบทความทสี่ ร้าง ระหวา่ งบทความออนไลน์ หรอื แคเ่ ปน็ ฉบบั ร่าง ซึง่ ตรงปุ่มน้ี จะมี 2 สถานะ คอื Revert to Draft (ร่าง) / Save 22. Preview เป็นปมุ่ สาํ หรบั ทดสอบการแสดงผล 23. ปดิ กระดานสร้างเนอื้ หา 2.แบบ HTML ในลกั ษณะนผี้ สู้ ร้างงานต้องมีพนื้ ความรดู้ า้ นภาษาคําสั่งที่ html ซ่ึงสามารถเขา้ ถงึ ปรับแก้ เพิ่มเติมลกั ษณะพเิ ศษ ได้คอ่ นข้างมากผา่ นการใช้ภาษาคําสั่ง html โดยในรูปแบบนี้ เครอ่ื งมอื จะเหลอื เพยี งไมก่ ่รี ายการ ได้แก่ 1. ชดุ สลบั โหมดระหวา่ ง Compost และ HTML ซึง่ สถานะปัจจุบัน อยู่ในโหมด HTML 2. ชดุ กําหนดคณุ ลกั ษณะตัวอกั ษรหนา หรือ เอยี ง 3. เคร่อื งมือวาง links 4. เคร่อื งมอื นําภาพเขา้ 5. สว่ นใส่ \",\" ให้กบั ข้อความทีต่ อ้ งการเนน้ คาํ พูด นอกนน้ั จะมีลกั ษณะใกลเ้ คยี งกัน 19 การพฒั นาฐานการเรียนร้ออนไลนด์ ว้ ย Blogger

6. เทคนคิ การปรับแต่งบล็อก 1. การใสแ่ บนเนอร์สว่ นหวั สภาพแวดลอ้ มท่ัวไปของ Blogger จะพบว่าในส่วนหวั อนญุ าตใหเ้ ราสามารถวางภาพส่วนหัว เพ่อื ใชเ้ ปน็ สัญญลกั ษณ์ของเวบ็ ได้ มีวธิ ีการ ดาํ เนินการดังน้ี 1. สรา้ งแบนเนอรต์ ามทีต่ อ้ งการไว้กอ่ น ขนาดแลว้ แตท่ ่านแตค่ วามกว้างไม่ควรนอ้ ยกว่า 800 pixel ความสูงของ ภาพกล็ องออกแบบใหด้ เู หมาะสม ไมส่ ูงมากจนเกนิ ควร ขนาดมาตรฐานประมาณ 100 pixel ถา้ ใส่สงู มากก็จะ กินพน้ื ทห่ี นา้ จอแสดงผล 2. เม่ือเข้าทํางานในฐานะผู้สร้าง (ตอ้ ง login เข้ามา) ซงึ่ จะปรากฏรายละเอยี ดดงั ภาพด้านลา่ ง 3. ให้คลิกไปทปี่ ุ่ม รายการที่ Post (หมายเลข 8) ตามรูปด้านลา่ ง 4. จะปรากฏหน้าต่างการทาํ งาน พร้อมเคร่อื งมอื ใหท้ ่านดทู ี่แถบกลมุ่ เครอื่ งมอื ด้านซา้ ยมอื เลอื กรายการ รปู แบบ แล้วคลิก จะปรากฏผังรายละเอยี ดแม่แบบของบลอ็ กทางดา้ นขวาดงั ภาพ 5.ไปคลิกทค่ี ําวา่ แก้ไขดา้ นขวา ในบริเวณทเี่ รียกว่าส่วนหัว (หมายเลข 3) 20 การพฒั นาฐานการเรียนร้ออนไลน์ดว้ ย Blogger

6.จะปรากฎหน้าตา่ งสาํ หรบั นาํ ภาพเข้ามายังในหน้าเวบ็ ดังภาพดา้ นลา่ ง 7. ทีป่ มุ่ Browse ให้ทา่ นคลกิ แลว้ ไปยังตําแหนง่ ทที่ ่านไดส้ ร้างแบนเนอรส์ ว่ นหวั ไว้ นาํ ภาพเข้ามาตามวิธีการปกติ 8.ทาํ การกําหนดเง่ือนไขการจดั วาง หากไมต่ อ้ งการให้เห็นข้อความ (ในทนี่ คี้ ือคําวา่ northeducation) ให้เลอื ก รายการท่ี วางคาํ อธิบายไว้หลงั ภาพ สําหรบั Checkbox คําว่า ลดขนาดให้พอดีนั้น ระบบจะปรับลดแบนเนอร์นใี้ ห้กว้างเพียง 760 pixel เพือ่ การ แสดงผลบนเวบ็ ทม่ี คี วามกว้างเพียง 800 pixel เทา่ นั้น ซ่งึ ปจั จบุ นั มเี ว็บไซต์ความกวา้ งขนาดนี้ ไมม่ ากนัก เมื่อดําเนนิ การเรียบรอ้ ยแลว้ ให้คลิกปมุ่ บันทึก ก็เป็นอนั ว่าเสรจ็ สิ้นกระบวนการ 21 การพฒั นาฐานการเรียนร้ออนไลนด์ ว้ ย Blogger

2. การสร้างกลุ่มเนอ้ื หาและติดตงั้ Gadget หากเราเปน็ ผู้มเี รอ่ื งราวมากมาย และคิดว่าจะเผยแพรเ่ รื่องราวไว้บนบลอ็ กในหลากหลายเร่ือง ซ่งึ เม่ือนานวัน รวมถงึ มเี รอ่ื งเพม่ิ มากขึน้ สิ่งหนง่ึ ท่เี กิดข้นึ คือสาระเน้อื หา จะกระจัดกระจายไม่เป็นหมวดหมู่ ซง่ึ Blogger มี เคร่อื งมอื สาํ หรบั สรา้ งหมวดหมู่ หรอื Categories ไวใ้ ห้ ซ่ึงการสรา้ งหมวดหมู่ มีอยู่ 2 ขน้ั ตอนหลกั คอื (1) ข้นั ตดิ ตง้ั Gadget (2) ข้นั ตอนกําหนด Labels (ปา้ ยกํากบั ) กํากบั ใสใ่ นบทความ (1) ข้ันติดตง้ั Gadget กอ่ นอ่ืนต้องนึกไว้ลว่ งหน้าก่อนว่า จะให้ หมวดหมู่ หรอื Categories นี้อย่ทู ่ีตําแหน่งไหน ในที่นสี้ มมตุ วิ า่ จะให้ อยใู่ ต้ รายการบทความ ดงั ตวั อย่าง เมอื่ กาํ หนดได้แล้ว มาดวู ิธกี ารดังนี้ 1. ไปทีห่ นา้ บลอ็ กหลัก แลว้ ดูตรงสว่ นควบคุมบลอ็ ก (ซ่ึงจะอยู่ด้านซา้ ยมือ) คลิกเลอื กรายการ ชือ่ Layout( รปู แบบ) 22 การพฒั นาฐานการเรียนร้ออนไลนด์ ว้ ย Blogger

2. จะเกิดผงั แมแ่ บบเว็บของบล็อก เลือก Zone หรอื ตําแหน่งท่จี ะวาง หมวดหมู่ หรือ Categories 3.ดูทแ่ี ถบข้อความ(อกั ษรสีฟา้ ) Add a Gadget (เพิ่ม Gadget) คลกิ ทีข่ อ้ ความดงั กลา่ ว 4.จะเกดิ หน้าต่างทีช่ ่ือ Add a Gadget ท่ชี ่อื วา่ Labels (ป้ายกํากบั ) 5. ตง้ั คา่ ปา้ ยกาํ กบั ซึ่งใชค้ ่าดั้งเดมิ กน็ า่ จะดีทสี่ ุด สําหรับชอ่ื สามารถต้ังได้ตามใจชอบ เชน่ หมวดหมู่ กลมุ่ เนื้อหา หรอื Categories 23 การพฒั นาฐานการเรียนร้ออนไลนด์ ว้ ย Blogger

(ซ่ึงตอนน้แี ม้ตดิ ตง้ั แล้ว แต่ทแ่ี ถบเมนขู องเราจะยงั ไมป่ รากฏรายการ) รายละเอยี ดในหนา้ ตา่ งการปรับแตง่ Labels จากหนา้ ตา่ งด้านบน จะมสี ว่ นปรบั แตง่ อยู่ 4 สว่ น อธบิ ายอย่างยอ่ ดงั นี้ 1. Title (หวั ขอ้ ) สาํ หรับตั้งชื่อตามใจชอบ แต่ไม่ควรยาวนกั 2. Show (แสดง) มี 2 เงื่อนไข คอื All Labels แสดงทุกรายการทป่ี ้ายกํากับทั้งหมด Selected Labels แสดงเฉพาะป้ายกาํ กับทเ่ี ลอื ก ซ่งึ หากคลิกรายการน้ี จะมีสว่ น กําหนดค่าการแสดงผลเพิม่ ขน้ึ มา 3.Sorting (การเรียง) มี 2 เงอ่ื นไข คือ Alphabetically เรียงตามลาํ ดับตวั อักษร By Frequency เรยี งตามลาํ ดับความถีของการเขา้ ชม 4.Display (การแสดงผล) มี 2 เงอ่ื นไขเชน่ กนั คือ List แสดงเป็นรายการ และ Cloud แสดงเปน็ ลาํ ดับขนาดตัวอกั ษรของหมวดหมู่ ตามจํานวนรายการท่มี ีอยู่ (2) ขั้นตอนกาํ หนด Labels (ปา้ ยกํากบั ) กาํ กับใส่ในบทความ เปน็ ขัน้ ตอนในการกาํ หนดใหบ้ ทความของท่าน เขา้ กลุ่มหมวดหมู่ มีวธิ ีการดังนี้ 1. ไปที่หน้าบลอ็ กหลกั แลว้ ดตู รงสว่ นควบคุมบลอ็ ก (ซ่ึงจะอยู่ด้านซา้ ยมอื ) คลกิ เลอื กรายการ ชื่อ Post (บทความทั้งหมด) 24 การพฒั นาฐานการเรียนร้ออนไลน์ดว้ ย Blogger

2. คลกิ เลือกบทความท่ตี ้องการ 3.มาดทู างมมุ ดา้ นขวา จะมีส่วนควบคมุ ทชี่ อ่ื Post settings (การต้งั ค่าโพสต)์ 4.คลิกเลอื กรายการ Labels(ป้ายกํากับ) จะเกดิ กล่องขอ้ ความ ใหท้ า่ นพมิ พข์ อ้ ความทจ่ี ะกาํ หนดเปน็ กลุม่ หมวดหมูล่ งไป (หรอื อาจจะเลอื กกลมุ่ ทท่ี า่ นไดก้ าํ หนดไว้แลว้ ก็ได้) หมายเหตุ เราสามารถใส่ Labels(ป้ายกํากับ) ให้กับบทความมากกว่า 1 ปา้ ยกํากับได้ ซ่ึงจะคน่ั แต่ละป้ายดว้ ย เครือ่ งหมายจลุ ภาค(,) 5.เรียบร้อยคลกิ ทปี่ มุ่ Done (เสรจ็ ส้นิ ) 6.ที่หนา้ แรกของบลอ็ ก ก็จะเกิดหมวดหมูข่ องบทความท่เี ราต้งั ชอ่ื ไวใ้ นข้ันที่ 4 ปรากฏข้นึ 25 การพฒั นาฐานการเรียนร้ออนไลน์ดว้ ย Blogger

เลือกติดตั้ง Gadget อน่ื ๆให้ Blogger นอกจากจะมี Label ท่ที าํ ใหเ้ ราสามารถสรา้ งกล่มุ เนื้อหาไดแ้ ลว้ Blogger ยงั มี Gadget อืน่ ๆ มากถงึ 24 รายการ มรี ายการ ดังภาพด้านลา่ งนี้ ซง่ึ วิธีการจะมีวิธีการทเ่ี หมือนกัน ผใู้ ช้ ควรเลือกใชง้ านตามความเหมาะสม หมายเหตุ 1. Gadget ทชี่ ่อื Labels น้ีทา่ นสามารถเพ่ิมได้มากกวา่ 1 ตําแหน่ง 2.หากท่านไมต่ ้องการ Gadget ทีส่ รา้ งข้นึ นี้ ทา่ นสามารถเขา้ ไปยกเลกิ โดยคลิกท่ปี ุ่ม Remove 26 การพฒั นาฐานการเรียนร้ออนไลนด์ ว้ ย Blogger

7. การนําวิดโี อ มาใช้บนบลอ็ ก ปจั จบุ ันการหาแหลง่ หรอื นาํ วดิ ีโอมาใชง้ านบนบล็อกสามารถดาํ เนินการได้ 5 รูปแบบ 1. Upload : ดําเนินการ Upload จากคอมพิวเตอรห์ รือแหล่งเกบ็ 2. Form YouTube : การแทรกไฟล์วิดโี อจาก YouTube ทั่วไป 3. Form YouTube videos : การแทรกไฟลว์ ิดีโอจากชอ่ ง YouTube ทีเ่ ปน็ สมาชิก 4. Form your phone : การแทรกไฟลว์ ดิ ีโอจากโทรศัพท์ Smartphone 5. Form your webcam : การแทรกไฟลว์ ิดีโอจากกล้องเวบ็ แคม ในท่นี จี้ ะแนะนําเฉพาะ (2) การแทรกไฟลว์ ดิ ีโอจาก YouTube ทัว่ ไป 1. เลือกสรา้ งรายการบทความใหม่ หรอื จะแก้ไขเพ่ิมเตมิ จากบทความเดิมทมี่ อี ยู่ ท่ีตาํ แหนง่ ทตี่ ้องการวางไฟล์วิดีโอ 2. คลกิ เลอื กทร่ี ายการ Form YouTube 3. ท่ีช่อง Browse เลือกหา หรอื นาํ links URL รายการวดิ โี อที่ไดพ้ มิ พ์วางในช่อง คลกิ เพ่ือนคน้ หา 27 การพฒั นาฐานการเรียนร้ออนไลน์ดว้ ย Blogger

4.ทําการตรวจสอบกอ่ นการวางโดยทําการคลกิ ที่กรอบไฟล์วิดีโอ 5.หากถูกตอ้ งคลิกทป่ี ุ่ม Select (สีฟา้ ) 6.ไฟล์วดิ โี อที่เลือกกจ็ ะปรากฏในพ้ืนที่ ทีท่ า่ นต้องการ เสรจ็ แลว้ กดปุม่ บันทกึ และเผยแพร่ ตามลําดบั 28 การพฒั นาฐานการเรียนร้ออนไลนด์ ว้ ย Blogger

8. การปรับแตง่ ด้วยแม่แบบ 1. เปลี่ยนแมแ่ บบภายใน เปน็ ที่ยอมรับ 2. เปลี่ยนแมแ่ บบจากภายนอก Template หรือ Theme นับเป็นอกี เสน่หข์ อง Blog แมว้ ่า Blogger จะมรี ูปแบบใหบ้ ริการหลากหลายรูปแบบ ที่ผใู้ ช้งานสามารถเลอื กใช้ได้อยา่ งอิสระ ในหลายกลุ่ม อาทิ Simple, Dynamic Views, Picture Windows, Awesome Inc., Watermark, Ethereal และ Travel รวม 30 แบบ 29 การพฒั นาฐานการเรียนร้ออนไลนด์ ว้ ย Blogger

30 การพฒั นาฐานการเรียนร้ออนไลนด์ ว้ ย Blogger

นอกจากน้ี ยงั อนุญาตให้ผใู้ ชป้ รับแตง่ เพิ่มเตมิ ทั้งสสี ันฉากหลังหรอื Background ปรับขนาดความกว้างของ บล็อกท่ี Adjust widths รวมถึงสภาพแวดล้อมต่างๆท่ี Layout และลกั ษณะพิเศษอน่ื ๆ อกี เพือ่ ใหเ้ ห็นกระบวนการดังกล่าว บทความนีม้ ีวิดโี อ สรปุ กระบวนการ ดงั กลา่ ว ดังนี้ แต่จากการท่ี Blogger เปน็ อกี บลอ็ กทมี่ ีผนู้ ยิ มใช้มาก ดงั นั้นจึงมีผ้สู รา้ งธมี หรอื Template ทง้ั แบบต้องเสยี คา่ ใช้จา่ ย และแบบให้ใช้บรกิ ารฟรี โดยจะขอแนะนําบางเวบ็ ไซต์ อาทิ http://btemplates.com/ 31 การพฒั นาฐานการเรียนร้ออนไลน์ดว้ ย Blogger

http://www.bloggerthemes.net/ http://www.freetemplatesblogger.info/ http://www.soratemplates.com/ 32 การพฒั นาฐานการเรียนร้ออนไลน์ดว้ ย Blogger

http://www.allblogtools.com/ http://www.zoomtemplate.com/ http://tremplate.blogspot.com/ 33 การพฒั นาฐานการเรียนร้ออนไลน์ดว้ ย Blogger

http://www.raytemplates.com/ ในการเลอื กใชธ้ ีม(Template) เพอื่ นําไปตกแต่งบลอ็ กทีท่ า่ นสรา้ ง จากแหล่งบรกิ ารเหลา่ น้ี สิ่งสาํ คัญทา่ นต้องดู หมวดหรือกลุ่ม หรือประเภท ตามความเหมาะสมกบั บลอ็ กของท่านด้วย สง่ิ ท่ีต้องสงั เกต ในการเลือกใช้ อาทิ 1.จาํ นวนคอลัมภใ์ นหนา้ (จะมี 1, 2, หรือ 3 คอลัมภ์) 2.ประเภทของแมแ่ บบท่อี อกแบบไว้ เชน่ กีฬา บนั เทงิ ท่องเทีย่ ว การศกึ ษา ธุรกจิ เทคโนโลยี เปน็ ตน้ 3.สี และภาพรวม(interface) ของบลอ็ ก 4.คณุ ลกั ษณะพเิ ศษเฉพาะ เชน่ มีเมนพู เิ ศษ มีการแสดงภาพพิเศษ เป็นตน้ การหาธีม มวี ิธีการดังน้ี 1. ทําการดาวน์โหลดธมี (Template)จากเว็บไซต์ ตามทที่ า่ นเลอื ก 2. ทาํ การแตกไฟล์ ZIP เลือกไฟล์เฉพาะที่มนี ามสกลุ .xml การตดิ ตง้ั ธีม มวี ิธีการดงั น้ี 1. ไปสว่ นกําหนด คลิกเลอื กท่ี Template 34 การพฒั นาฐานการเรียนร้ออนไลน์ดว้ ย Blogger

2. ไปท่ปี มุ่ Backup/Restore () ทําการคลิก จะปรากฏหน้าตา่ งดังภาพด้านลา่ ง 3. คลกิ เลือกทป่ี ุ่ม Browse เพือ่ ไปยังแหลง่ ทีเ่ ก็บไฟลท์ ท่ี ่านดาวนโ์ หลดไว้ 35 การพฒั นาฐานการเรียนร้ออนไลนด์ ว้ ย Blogger

4. เลือกไฟล์ ซง่ึ จะมีนามสกุล .xml ตามแหล่งที่เกบ็ เลือกแลว้ คลิกปมุ่ Open ดงั ภาพบน 5. จะกลบั มาสหู่ น้าต่าง Backup/Restore ให้ คลกิ ทป่ี ุม่ Upload 6. หนา้ บลอ็ กก็จะเปล่ียนไปตามธมี ท่ที า่ นต้องการ 36 การพฒั นาฐานการเรียนร้ออนไลน์ดว้ ย Blogger

ภาพบล็อกทีท่ ําการเปลี่ยนธีม แลว้ 37 การพฒั นาฐานการเรียนร้ออนไลนด์ ว้ ย Blogger

9. การเผยแพร่บลอ็ กสู่ Facebook เปน็ ท่ยี อมรับกนั ว่า Facebook เป็น Social media ทท่ี รงอิทธพิ ล มีผูใ้ ชใ้ นปัจจุบันหลายสิบลา้ นคน ดังน้นั การทจ่ี ะให้ขอ้ มลู สาระเนือ้ หาของ Blogger ท่สี ร้างมคี ณุ ค่าต่อการเรียนรู้ หรือมคี วามแพรห่ ลายสงู สุด การ พง่ึ พา Facebook กน็ บั เปน็ อีกหนทางท่ีดี เรามาดขู น้ั ตอนการเผยแพรง่ านผ่าน Facebook ทห่ี นา้ Wall มี ข้ันตอน ดังนี้ 1. เปิดหนา้ บทความท่ีเราเขียนบน Blogger ทส่ี รา้ งและตอ้ งทําการเผยแพร่ 2. ใหท้ ําการ Copy ส่วน URL ทีช่ อ่ ง Address ของ Blogger 3. นํา URL ไปวางที่ชอ่ งอพั เดทสถานะ ดังภาพข้างล่าง ซ่งึ Facebook จะนําหวั ขอ้ เร่อื งพรอ้ ม Links มาแสดง แทน 4. เลอื กบางส่วนของเนอื้ หา หรือพมิ พส์ ่วนเน้อื หาทน่ี ่าสนใจลงไปแทนในช่องขอ้ ความที่ทา่ นใส่ URL ดงั ภาพ ขา้ งลา่ ง 38 การพฒั นาฐานการเรียนร้ออนไลนด์ ว้ ย Blogger

5. ทาํ การคลิกปุม่ โพสต์ Facebook ก็จะแสดงผล ดังภาพ ผู้เขียน : นายสวุ ฒั น์ ธรรมสนุ ทร สถาบัน กศน.ภาคเหนือ อ้างองิ จาก http://mediath3.blogspot.com ตดิ ตาม เทคนคิ อ่ืนๆ ที่ เวบ็ ไซต์ http://mediath3.blogspot.com/ 39 การพฒั นาฐานการเรียนร้ออนไลนด์ ว้ ย Blogger