SlideShare a Scribd company logo
1 of 71
Download to read offline
[หัดใช้งานBlogger โดยนายวันดี กุมภาพันธ์ครูโรงเรียนสวนกุหลาบวิทยาลัย เพชรบูรณ์: 30 ก.ค. 54] หน้า 1
บทนา
บล็อก (อังกฤษ:blog)เป็นคํารวมมาจากคําว่าเว็บล็อก(อังกฤษ:weblog)เป็นรูปแบบเว็บไซต์
ประเภทหนึ่ง ซึ่งถูกเขียนขึ้นในลําดับที่เรียงตามเวลาในการเขียนซึ่งจะแสดงข้อมูลที่เขียนล่าสุดไว้แรกสุด
บล็อกโดยปกติจะประกอบด้วยข้อความภาพลิงค์ซึ่งบางครั้งจะรวมสื่อต่างๆไม่ว่าเพลงหรือวิดีโอใน
หลายรูปแบบได้จุดที่แตกต่างของบล็อกกับเว็บไซต์โดยปกติคือบล็อกจะเปิดให้ผู้เข้ามาอ่านข้อมูลสามารถ
แสดงความคิดเห็นต่อท้ายข้อความที่เจ้าของบล็อกเป็นคนเขียนซึ่งทําให้ผู้เขียนสามารถได้ผลตอบกลับโดย
ทันที คําว่า"บล็อก" ยังใช้เป็นคํากริยาได้ซึ่งหมายถึงการเขียนบล็อกและนอกจากนี้ผู้ที่เขียนบล็อกเป็น
อาชีพก็จะถูกเรียกว่า"บล็อกเกอร์"
บล็อกเป็นเว็บไซต์ที่มีเนื้อหาหลากหลายขึ้นอยู่กับเจ้าของบล็อกโดยสามารถใช้เป็นเครื่องมือ
สื่อสารการประกาศข่าวสารการแสดงความคิดเห็นการเผยแพร่ผลงานในหลายด้านไม่ว่าอาหาร
การเมืองเทคโนโลยีหรือข่าวปัจจุบันนอกจากนี้บล็อกที่ถูกเขียนเฉพาะเรื่องส่วนตัวหรือจะเรียกว่าไดอารี
ออนไลน์ ซึ่งไดอารีออนไลน์นี่เองเป็นจุดเริ่มต้นของการใช้บล็อกในปัจจุบันนอกจากนี้ตามบริษัทเอกชน
หลายแห่งได้มีการจัดทําบล็อกของทางบริษัทขึ้นเพื่อเสนอแนวความเห็นใหม่ให้กับลูกค้าโดยมีการเขียน
บล็อกออกมาในลักษณะเดียวกับข่าวสั้นและได้รับการตอบรับจากทางลูกค้าที่แสดงความเห็นตอบกลับเข้า
ไป เพื่อพัฒนาผลิตภัณฑ์
ความนิยม
บล็อกได้เริ่มมีบทบาทมากขึ้นในปัจจุบันในวงการ[[สื่อมวลชน]]ในหลายประเทศเนื่องจากระบบ
แก้ไขที่เรียบง่ายและสามารถตีพิมพ์เรื่องราวได้โดยไม่ต้องใช้ความรู้ในการเขียนเว็บไซต์โดยนอกเหนือจาก
ที่ผู้เขียนข่าวส่งผลงานให้กับทางสื่อแล้วยังได้มาเขียนข่าวในอีกช่องทางหนึ่งในการเผยแพร่ข้อมูลหรือ
แนวความคิดโดยการเขียนบล็อกสามารถเผยแพร่ข้อมูลสู่ประชาชนได้รวดเร็วและเสียค่าใช้จ่ายน้อยกว่า
สื่อในด้านอื่นข่าวที่นิยมในการเขียนบล็อกต่อสื่อมวลชนส่วนใหญ่จะเป็นในลักษณะเรื่องซุบซิบวงการ
ดาราข่าวการเคลื่อนไหวทางการเมืองเป็นต้น
จากความนิยมที่มากขึ้นทําให้หลายเว็บไซต์เปิดให้มีส่วนการใช้งานบล็อกเพิ่มขึ้นมาในเว็บของ
ตนเอง เพื่อเรียกให้มีการเข้าสู่เว็บไซต์มากขึ้นทั้งผู้เขียนและผู้อ่าน
[หัดใช้งานBlogger โดยนายวันดี กุมภาพันธ์ครูโรงเรียนสวนกุหลาบวิทยาลัย เพชรบูรณ์: 30 ก.ค. 54] หน้า 2
การใช้งานบล็อก
ผู้ใช้งานบล็อกจะแก้ไขและบริหารบล็อกผ่านทาง[เว็บเบราว์เซอร์]เหมือนการใช้งานและอ่าน
เว็บไซต์ทั่วไปโดยจะมีรูปแบบบริหารบล็อกที่แตกต่างกันเช่นบางระบบที่มีบรรณาธิการของบล็อกผู้เขียน
หลายคนจะส่งเรื่องเข้าทางบล็อกและจะต้องรอให้บรรณาธิการอนุมัติให้บล็อกเผยแพร่ก่อนบล็อกถึงจะ
แสดงผลในเว็บไซต์นั้นได้ซึ่งจะแตกต่างจากบล็อกส่วนตัวที่จะให้แสดงผลได้ทันที
ผู้เขียนบล็อกในปัจจุบันจะใช้งานบล็อกในรูปแบบใดรูปแบบหนึ่งไม่ว่า ติดตั้งซอฟต์แวร์ของตัวเอง
หรือใช้งานบล็อกผ่านทางเว็บไซต์ที่ให้บริการบล็อก
สําหรับผู้อ่านบล็อกจะใช้งานได้ในลักษณะเหมือนอ่านเว็บไซต์ทั่วไปและสามารถแสดงความเห็น
ได้ในส่วนท้ายของแต่ละบล็อกโดยอาจจะต้องผ่านการลงทะเบียนในบางบล็อกนอกจากนี้ผู้อ่านบล็อก
สามารถอ่านบล็อกได้ผ่านระบบ[ฟีด]ซึ่งมีให้บริการในบล็อกทั่วไปทําให้ผู้ใช้สามารถอ่านบล็อกได้โดยตรง
ผ่านโปรแกรมตัวอื่นโดยไม่จําเป็นต้องเข้ามาสู่หน้าบล็อกนั้น
บล็อกซอฟต์แวร์
บล็อกซอฟต์แวร์หรือ บล็อกแวร์เป็นซอฟต์แวร์ที่ใช้ในอินเทอร์เน็ต ในลักษณะของระบบจัดการ
เนื้อหาเว็บที่ผู้พัฒนาซอฟต์แวร์และผู้เขียนหรือดูแลบล็อกจะแยกจากกันต่างหากส่งผลให้ผู้เขียนบล็อก
สามารถใช้งานได้ทันทีโดยไม่ต้องมีพื้นฐานความรู้ในด้านเอชทีเอ็มแอลหรือการทําเว็บไซต์แต่อย่างใดทํา
ให้ผู้เขียนบล็อกสามารถใช้เวลาส่วนใหญ่ในการบริหารจัดการเพิ่มเติมข้อมูลและสารสนเทศแทนได้
นอกจากนี้บล็อกซอฟต์แวร์จะสนับสนุนระบบWYSIWYGซึ่งทําให้ง่ายต่อการเขียนและอาจเพิ่มเติมการมี
เทมเพลตในหลายแบบให้เลือกใช้
ซอฟต์แวร์ส่วนใหญ่สามารถดาวน์โหลดและติดตั้งได้ทันทีโดยผู้ใช้ซึ่งซอฟต์แวร์บางส่วนเป็น
ซอฟต์แวร์โอเพนซอร์สซึ่งเป็นซอฟต์แวร์ที่ไม่สงวนลิขสิทธิ์ซึ่งผู้พัฒนาสามารถนํามาปรับแก้เป็นของตนเอง
ติดตั้งไว้ใช้เป็นบล็อกส่วนตัวหรือเผยแพร่ให้คนอื่นมาใช้งานได้ส่วนซอฟต์แวร์ลิขสิทธิ์นั้นจะมีทั้งในรูปแบบ
ที่ให้ใช้งานแบบเสียค่าใช้จ่ายหรือให้ใช้งานฟรี
[หัดใช้งานBlogger โดยนายวันดี กุมภาพันธ์ครูโรงเรียนสวนกุหลาบวิทยาลัย เพชรบูรณ์: 30 ก.ค. 54] หน้า 3
บล็อกซอฟต์แวร์ที่เป็นที่รู้จัก
รายชื่อบล็อกซอฟต์แวร์ที่เป็นที่นิยมพร้อมทั้งชื่อซอฟต์แวร์ที่ใช้พัฒนาในวงเล็บ
 ดรูปาล(พีเอชพี/มายเอสคิวแอล)
 เวิร์ดเพรสส์(พีเอชพี/มายเอสคิวแอล)
 สแลช(เพิร์ล)
 ไลฟ์ไทป์ (พีเอชพี/มายเอสคิวแอล)
 จุมล่า (พีเอชพี/มายเอสคิวแอล)
 แมมโบ้ (พีเอชพี/มายเอสคิวแอล)
รายชื่อผู้ให้บริการบล็อกที่มีชื่อเสียง
 บล็อกเกอร์(กูเกิล)
 ไทป์แพด
 เวิร์ดเพรสส์
 ยาฮู!360°หรือ ยาฮู!เดย์(ยาฮู!)
 วินโดวส์ไลฟ์สเปซเซส(ไมโครซอฟท์)
 มายสเปซ
 มัลติไพล
ผู้ให้บริการบล็อกในประเทศไทยที่เป็นที่รู้จัก
 Blognoneบล็อกสําหรับเขียนเรื่องราวเกี่ยวกับเทคโนโลยีและข่าวไอทีอย่างเดียว
 เอ็กซ์ทีน
 GotoKnow
 Bloggoo
 learners.in.th
 บล็อกแก๊ง
 โอเคเนชั่น
นอกจากนี้ทางเว็บที่นิยมของไทยอย่างสนุก.คอม,กระปุก.คอม หรือผู้จัดการออนไลน์ก็ได้มีการ
เปิดให้บริการบล็อก
[หัดใช้งานBlogger โดยนายวันดี กุมภาพันธ์ครูโรงเรียนสวนกุหลาบวิทยาลัย เพชรบูรณ์: 30 ก.ค. 54] หน้า 4
บทที่ 1 การสร้างเว็บบล็อก
หลายคนอาจสงสัยว่าตอนนี้จะทําเว็บบล็อกไปเพื่ออะไร?แล้วจะเสียเงินไหมหากจะทําขึ้นมา
จริงๆ แล้วประโยชน์ของเว็บบล็อกนั้นมีมากกว่าที่เราคิดไว้ครับเช่นใช้ในการทํางาน ในการนําเสนอผลงาน
การขายสินค้าใช้ในการเรียนการสอนหรือใช้ในการเขียนชีวประวัติส่วนตัวแล้วเก็บไว้เป็นฐานข้อมูลแบบ
ออนไลน์ก็ยังได้ครับ ส่วนปัญหาที่บางท่านไม่รู้จักcodeของภาษาต่างๆเช่นHTML หรือJava scriptฯ ก็
ไม่ต้องเป็นกังวลครับเพราะตัวผมเองก็ไม่เป็นเหมือนกันแต่ก็ค่อยๆเรียนรู้กันไปเพียงแค่ไม่กี่วันคุณก็จะมี
บล็อกสวยๆและนําไปใช้ประโยชน์ได้แน่นอนครับ
เว็บบล็อกไม่จําเป็นต้องมีเงินในการทําครับเพราะมีผู้ให้บริการฟรีและผมจะขอเสนอผู้ให้บริการ
บล็อกที่ชื่อว่า บล็อกเกอร์ซึ่งเป็นของ Googleซึ่งผมก็จัดทําอยู่มีอยู่2 เว็บด้วยกันคือ
www.kruwandee.blogspot.com
อันนี้เป็นเว็บบล็อกส่วนตัวครับ
www.nongpoto.blogspot.com
อันนี้เป็นเว็บบล็อกน้องป.โทครับ
[หัดใช้งานBlogger โดยนายวันดี กุมภาพันธ์ครูโรงเรียนสวนกุหลาบวิทยาลัย เพชรบูรณ์: 30 ก.ค. 54] หน้า 5
วิธีสร้างบล็อกกับ Blogger
ขั้นที่ 1 การสมัครใช้งานBloggerสามารถใช้emailของระบบใดก็ได้แต่ในระยะยาวแล้วการ
เชื่อมโยงกับบริการหลายๆอย่างของGoogleควรจะใช้emailของ Gmailดีที่สุดครับ
1. ให้คุณเข้าไปที่ www.gmial.comเพื่อสร้างบัญชีผู้ใช้กับGoogleจากนั้นคลิกที่Createanaccount
จากนั้นเลือกภาษาไทยดังรูป
[หัดใช้งานBlogger โดยนายวันดี กุมภาพันธ์ครูโรงเรียนสวนกุหลาบวิทยาลัย เพชรบูรณ์: 30 ก.ค. 54] หน้า 6
2. กรอกข้อมูลที่จําเป็นในการสมัครGmail
จากนั้นคลิกปุ่มฉันยอมรับโปรดสร้างบัญชีของฉัน
3. จะพบหน้าจอการยืนยันบัญชีของเราซึ่งต้องใส่เบอร์โทรศัพท์(Googleจะส่งmassageมาให้)จากนั้น
คลิกปุ่ม ส่งรหัสยืนยันไปยังโทรศัพท์มือถือของฉัน
[หัดใช้งานBlogger โดยนายวันดี กุมภาพันธ์ครูโรงเรียนสวนกุหลาบวิทยาลัย เพชรบูรณ์: 30 ก.ค. 54] หน้า 7
4. เมื่อเปิดดูข้อความในโทรศัพท์มือถือแล้วก็ให้ป้อนรหัสที่ได้จากนั้นคลิกปุ่ม ยืนยัน
5. คุณจะพบกับหน้าจอแสดงความยินดีเกี่ยวกับบัญชีของGmailจากนั้นคลิกที่แสดงบัญชีของฉัน >>
[หัดใช้งานBlogger โดยนายวันดี กุมภาพันธ์ครูโรงเรียนสวนกุหลาบวิทยาลัย เพชรบูรณ์: 30 ก.ค. 54] หน้า 8
6. คลิกที่เมนูเพื่อดู Gmailของเราครั้งแรก
ขั้นที่ 2 หลังจากได้บัญชีผู้ใช้แล้วให้ไปที่ www.blogger.comเพื่อสร้างบล็อกกันเลยครับ
โดยในการสร้างบล็อกนั้นก็ให้ใช้บัญชีผู้ใช้ (user name+ password)ที่ได้สร้างไว้ในขั้นที่1
1. ไปที่เว็บไซต์ http://www.blogger.com ดังรูป
[หัดใช้งานBlogger โดยนายวันดี กุมภาพันธ์ครูโรงเรียนสวนกุหลาบวิทยาลัย เพชรบูรณ์: 30 ก.ค. 54] หน้า 9
2. คลิกที่ปุ่ม เพื่อเริ่มต้นการสร้างบล็อก
จากนั้นใส่ชื่อที่แสดง, ทําเครื่องหมายถูกและคลิกปุ่มดาเนินการต่อดังรูป
3. ให้กรอก ชื่อเว็บบล็อก, ที่อยู่บล็อก (URL) จากนั้นคลิกปุ่มตรวจสอบความพร้อมการใช้งานเพื่อ
ตรวจสอบว่าที่อยู่บล็อก สามารถใช้งานได้ไหม(ซ้ํากับใครหรือเปล่า?)หากไม่ซ้ําจะขึ้นข้อความว่า ที่อยู่
บล็อกนี้สามารถใช้ได้ให้คลิกที่ปุ่ม ดาเนินการต่อดังรูป
[หัดใช้งานBlogger โดยนายวันดี กุมภาพันธ์ครูโรงเรียนสวนกุหลาบวิทยาลัย เพชรบูรณ์: 30 ก.ค. 54]หน้า 10
4. เลือกเทมเพลตเริ่มต้นที่เราต้องการจากนั้นคลิกปุ่มดาเนินการต่อดังรูป
5. จะปรากฏหน้าจอแจ้งว่า บล็อกของคุณถูกสร้างขึ้นแล้วให้คลิกปุ่มเริ่มต้นการเขียนบล็อกดังรูป
[หัดใช้งานBlogger โดยนายวันดี กุมภาพันธ์ครูโรงเรียนสวนกุหลาบวิทยาลัย เพชรบูรณ์: 30 ก.ค. 54]หน้า 11
6. ให้กรอกข้อมูลเพี่อทดลองส่งบทความใหม่โดยใส่ชื่อเรื่องและรายละเอียดของเรื่องที่จะเขียน เมื่อกรอก
ข้อมูลเสร็จแล้วให้คลิกปุ่มเผยแพร่บทความ ดังรูป
7. ให้คลิกที่ปุ่ม เพื่อดูเว็บบล็อกของเราเป็นครั้งแรกจะพบหน้าจอดังรูป
[หัดใช้งานBlogger โดยนายวันดี กุมภาพันธ์ครูโรงเรียนสวนกุหลาบวิทยาลัย เพชรบูรณ์: 30 ก.ค. 54]หน้า 12
บทที่ 2 วิธีเปลี่ยน Template ของ Blogger
หลังจากบทแรกได้เสนอขั้นตอนในการสร้างบล็อกไปแล้ว ถึงตรงนี้คุณต้องคิดแล้วว่าจุดประสงค์
ของการทําบล็อกของคุณคืออะไรเพราะจุดประสงค์นี่แหละครับจะเป็นตัวกําหนดว่าเราจะเลือกแม่แบบ
(หน้าตาและองค์ประกอบ)ของบล็อกอย่างไร
ต่อไปเราจะมาดูวิธีการเลือกและการเปลี่ยนTemplateกันครับ
ขั้นที่ 1 ให้คุณไปเลือกtemplateได้ที่
 http://btemplates.com
 http://www.bloggertemplateplace.com
 http://themecraft.net
 http://www.deluxetemplates.net
 http://www.bloggerthemes.net
 http://www.bloggerstyles.com
 http://www.anshuldudeja.com
 http://www.bloggertemplatesfree.com
 http://www.bloggertemplatesblog.com
 http://www.templatesblock.com
 http://blogger-templates.blogspot.com
[หัดใช้งานBlogger โดยนายวันดี กุมภาพันธ์ครูโรงเรียนสวนกุหลาบวิทยาลัย เพชรบูรณ์: 30 ก.ค. 54]หน้า 13
 http://freetemplates.blogspot.com
 http://mashable.com/2007/09/13/blogger-templates
 http://www.webtemplatesblog.com
 http://www.ezwpthemes.com
 http://www.freebloggertemplate.info
 http://www.blogcrowds.com/resources/blogger-templates
 http://www.zoomtemplate.com
 http://www.templates-blogger.com
 http://www.bloggerblogtemplates.com
 http://bloggertemplateplace.com
 http://www.templatesblogger.net
 http://www.bietemplates.com
หรือจะใช้คําค้น “Template+blog”ในGoogleก็ได้ครับผมเชื่อว่าขั้นตอนนี้คุณคงจะใช้เวลานาน
พอสมควรเลยล่ะครับ(ผมเองก็ใช้เวลาเป็นวันๆในการเลือก templatesทีเดียวครับ)
ขั้นที่ 2 เมื่อคุณได้Templateที่ต้องการแล้วให้เริ่มเปลี่ยนดังนี้
ในที่นี้ ผมเลือกเว็บไซต์ http://btemplates.com/ เพื่อเป็นต้นแบบในการใช้Template
[หัดใช้งานBlogger โดยนายวันดี กุมภาพันธ์ครูโรงเรียนสวนกุหลาบวิทยาลัย เพชรบูรณ์: 30 ก.ค. 54]หน้า 14
ผมเลือกTemplateนี้
1. คลิกที่ Preview เพื่อดูตัวอย่างดังรูป
จะแสดงหน้าจอตัวอย่างของtemplateนี้ ดังภาพ
สามารถคลิกที่เมนูต่างๆได้เพื่อประกอบการตัดสินใจเลือก template
[หัดใช้งานBlogger โดยนายวันดี กุมภาพันธ์ครูโรงเรียนสวนกุหลาบวิทยาลัย เพชรบูรณ์: 30 ก.ค. 54]หน้า 15
2. หากตัดสินในเลือกได้แล้วก็คลิกที่ปุ่มDownloadดังรูป
3. เลือกที่อยู่เพื่อบันทึกผมเลือกที่Desktop จากนั้นกดSave ดังรูป
จะได้ไฟล์Blue-Designwork.zipอยู่ที่หน้าจอ(Desktop) ให้ทําการแตกไฟล์จะได้โฟลเดอร์ดังรูป
[หัดใช้งานBlogger โดยนายวันดี กุมภาพันธ์ครูโรงเรียนสวนกุหลาบวิทยาลัย เพชรบูรณ์: 30 ก.ค. 54]หน้า 16
4. พิมพ์ที่อยู่ weblogของเราที่เว็บบราวเซอร์ของผมคือ www.com4u2day.blogspot.com จะได้ดังรูป
5. คลิกที่ปุ่มออกแบบ
จะได้ ดังรูป
[หัดใช้งานBlogger โดยนายวันดี กุมภาพันธ์ครูโรงเรียนสวนกุหลาบวิทยาลัย เพชรบูรณ์: 30 ก.ค. 54]หน้า 17
6. คลิกที่ปุ่ม แก้ไข HTML
จะได้ดังรูป
7. คลิกที่ปุ่มเลือกไฟล์ดังรูป
[หัดใช้งานBlogger โดยนายวันดี กุมภาพันธ์ครูโรงเรียนสวนกุหลาบวิทยาลัย เพชรบูรณ์: 30 ก.ค. 54]หน้า 18
8. เลือกไฟล์Blue-Designwork.zipที่อยู่หน้าจอ(Desktop) จากนั้นคลิกปุ่มOpenดังรูป
9. คลิกปุ่มอัปโหลด
10. การอัปโหลดแม่แบบขึ้นไปแทนที่แม่แบบเดิมโดยระหว่างการแทนที่อาจมีการถามถึง การลบ/เก็บ
Widgetของแม่แบบเดิม ซึ่งถ้าต้องการเก็บของเก่าเอาไว้ก็เลือกเก็บWidgetก็จะทําให้Widgetของ
แม่แบบเดิม ไม่ถูกลบขณะเปลี่ยน Templates
[หัดใช้งานBlogger โดยนายวันดี กุมภาพันธ์ครูโรงเรียนสวนกุหลาบวิทยาลัย เพชรบูรณ์: 30 ก.ค. 54]หน้า 19
11. จะพบหน้าจอดังรูป
ให้ลองดูการเปลี่ยนแปลงใหม่โดยคลิกที่ดูบล็อกครับ
นี่คือผลงานหลังจากเปลี่ยนแม่แบบ นี้ครับ
ก่อนเปลี่ยน Template
หลังเปลี่ยน Template
[หัดใช้งานBlogger โดยนายวันดี กุมภาพันธ์ครูโรงเรียนสวนกุหลาบวิทยาลัย เพชรบูรณ์: 30 ก.ค. 54]หน้า 20
เครื่องมือสาหรับ “ออกแบบแม่แบบ” ด้วยตนเอง จาก Blogger
สําหรับหน้าตาการออกแบบที่จะนําเสนอนี้เป็นแบบง่ายๆซึ่งคิดว่าคุณครูหรือผู้สนใจทุกท่านต้อง
ชอบแน่ๆ เพราะมันง่ายจริงๆสําหรับการออกแบบและเมื่อก่อนการใช้เครื่องมือออกแบบแม่แบบ จะทําได้
เฉพาะผู้ที่Login เข้าไปที่ draft.blogger เท่านั้นแต่เดี๋ยวนี้สามารถทําได้ในblogger.com เลยทีเดียว
วิธีการนะครับไปที่แผงควบคุม>>การออกแบบ >> คลิกที่“เครื่องมือออกแบบแม่แบบ”
เมื่อคลิกที่“เครื่องมือออกแบบแม่แบบ” แล้วเราจะพบเครื่องมือสําหรับออกแบบแม่แบบอยู่
5 อย่างด้วยกัน ได้แก่ 1.เทมเพลต 2.พื้นหลัง3.ปรับความกว้าง4.รูปแบบ 5.ขั้นสูง
[หัดใช้งานBlogger โดยนายวันดี กุมภาพันธ์ครูโรงเรียนสวนกุหลาบวิทยาลัย เพชรบูรณ์: 30 ก.ค. 54]หน้า 21
1. การใช้งานเครื่องมือแม่แบบทําได้โดยคลิกที่ข้อความเทมเพลต>>จากนั้นเลือกรูปแบบที่ต้องการ
>> และเลือกthemeที่ต้องการเมื่อแสดงตัวอย่างเป็นที่น่าพอใจแล้วให้คลิกที่ปุ่ม“ใช้กับบล็อก”
เพื่อยืนยัน ดังรูป
2. การใช้งานเมนูพื้นหลังการใช้งานเครื่องมือ“พื้นหลัง”สามารถใช้เพื่อเปลี่ยนภาพพื้นหลังของบล็อก
และเลือกสีThemeของบล็อกได้ตามความต้องการได้ด้วยทําตามรูปเลยนะครับ
[หัดใช้งานBlogger โดยนายวันดี กุมภาพันธ์ครูโรงเรียนสวนกุหลาบวิทยาลัย เพชรบูรณ์: 30 ก.ค. 54]หน้า 22
3. เครื่องมือปรับความกว้างเป็นเครื่องมือใหม่ที่ทําเพิ่มจากเดิมซึ่งสามารถปรับความกว้างของทั้ง
บล็อก และแถบความกว้างได้สามารถทําได้ดังรูป(ค่อยศึกษาไปนะครับไม่ยาก)
4. การใช้งานเครื่องมือ“รูปแบบ” : จะใช้เครื่องมือนี้เพื่อกําหนดจํานวนคอลัมน์รูปแบบคอลัมน์ รวมถึง
การกําหนดคอลัมน์ให้กับส่วนท้ายของหน้าได้ด้วย เป็น“การออกแบบเนื้อความ” และ“การออกแบบ
ส่วนท้าย”เครื่องมือนี้ใช้กําหนดรูปแบบคอลัมน์ของtemplateของคุณ ซึ่งทําได้ง่ายดายโดยการคลิก
เลือกรูปแบบที่ต้องการดูตัวอย่างเมื่อเป็นที่พอใจแล้วก็กดปุ่ม“ใช้กับบล็อก”เพื่อยืนยัน ดังรูป
[หัดใช้งานBlogger โดยนายวันดี กุมภาพันธ์ครูโรงเรียนสวนกุหลาบวิทยาลัย เพชรบูรณ์: 30 ก.ค. 54]หน้า 23
5. สําหรับเมนูขั้นสูงเป็นการกําหนดรายละเอียดต่างๆให้กับบล็อกเช่นรูปแบบของลิงค์ gadgetต่างๆ
หัวเรื่อง ชื่อของบล็อก เป็นต้นซึ่งคุณสามารถปรับแต่งตามความต้องการแล้วแสดงตัวอย่าง หาก
เป็นที่พอใจก็บันทึกเช่นเดียวกับข้อ1-4 ที่ได้กล่าวมาแล้ว
หมายเหตุ คุณสามารถเข้าใช้เครื่องมือเหล่านี้
ใน draft.blogger.com
ได้เช่นกันนะครับ
[หัดใช้งานBlogger โดยนายวันดี กุมภาพันธ์ครูโรงเรียนสวนกุหลาบวิทยาลัย เพชรบูรณ์: 30 ก.ค. 54]หน้า 24
บทที่ 3 วิธีเขียนและจัดการบทความในบล็อก
บทนี้ผมจึงจะเล่าถึงวิธีเขียนบทความในBloggerเพื่อเป็น
แนวทางให้คุณสามารถเขียนบทความลงในบล็อกของคุณได้สวยงาม
และเป็นมืออาชีพมากขึ้นสําหรับท่านที่เขียนบทความเป็นอยู่แล้ว
อาจจะข้ามไปอ่านบทความอื่นๆ ต่อไปได้เลยครับส่วนท่านที่เป็น
มือใหม่จริง ๆก็ควรจะอ่านบทความนี้ให้จบเพื่อเป็นแนวทางในการ
เขียนบทความของคุณเองต่อไป
1. การเข้าไปเขียนบทความ
การเข้าไปเขียนบทความบนBloggerโดยตรงสามารถเข้าไปได้2ช่องทางด้วยกันคือ
1.1 ถ้าคุณใช้แม่แบบที่ไม่ได้ซ่อนแถบนําทางสามารถเข้าไปเขียนบทความได้โดยคลิกที่เมนู
บทความใหม่
1.2 เข้าไปเขียนบทความผ่านdraft.blogger.com ควรตั้งค่าให้draft.bloggerเป็นเครื่องมือ
เริ่มต้น โดยทําเครื่องหมายถูกในส่วนกําหนดให้บล็อกเกอร์ในแบบร่างเป็นหน้าเริ่มต้นของฉัน
[หัดใช้งานBlogger โดยนายวันดี กุมภาพันธ์ครูโรงเรียนสวนกุหลาบวิทยาลัย เพชรบูรณ์: 30 ก.ค. 54]หน้า 25
โปรดสังเกตว่าเครื่องมือในการเขียนบทความของdraft.bloggerจะมีมากกว่าเครื่องมือของ
bloggerปกติดังนั้นโดยส่วนตัวผมแนะนําให้เขียนบทความผ่านdraft.blogger.com เพราะมีเครื่องมือ
มากกว่าวิธีแรก
2. องค์ประกอบของเครื่องมือเขียนบทความ
ก่อนอื่นผมขอแนะนําให้รู้จักเครื่องมือที่จําเป็นในการเขียนบทความดังนี้
ส่วนที่ 1 คือส่วนตั้งชื่อเรื่องหรือชื่อบทความ
ส่วนที่ 2 เป็นแถบที่เลือกเมื่อต้องการเขียนข้อความปกติซึ่งจะมีเครื่องมือในการเขียน
บทความตามที่เห็นในภาพข้างบน
ส่วนที่ 3 เป็นส่วนที่ใช้สําหรับกรณีที่เราต้องการวางข้อความที่คัดลอกมาจาก Msword
หรือโค้ดวีดีโอจากYoutubeหรือโค้ดHTML/จาวาสคริปต์ที่ต้องการให้ปรากฏและแสดงผลในบทความ
ส่วนที่ 4 สําหรับจัดรูปแบบอักษร
ส่วนที่ 5 เป็นเครื่องมือในการใส่ลิงค์ให้ข้อความ แทรกภาพลงในบทความและแทรกวีดีโอ
ลงในบทความตามลําดับ
[หัดใช้งานBlogger โดยนายวันดี กุมภาพันธ์ครูโรงเรียนสวนกุหลาบวิทยาลัย เพชรบูรณ์: 30 ก.ค. 54]หน้า 26
ส่วนที่ 6 รูปกระดาษขาดที่เห็นนั้นใช้ในกรณีที่คุณต้องการแสดงบทความให้ผู้อ่านเห็นในหน้า
หลักเพียงบางส่วนเท่านั้นและถ้าใช้เครื่องมือนี้ผู้อ่านจะต้องคลิกอ่านเพิ่มเติมจึงจะเห็นข้อความแบบเต็ม
เครื่องมือนี้มีข้อดีคือทําให้บทความที่มีความยาวมากๆสั้นลงได้และทําให้เปิดหน้าแรกได้เร็วขึ้นด้วย
ส่วนที่ 7 เป็นส่วนที่ใช้ในการจัดเรียงข้อความและจัดแนวรูปภาพได้ด้วยเช่นจัดชิดซ้าย
ชิดขวากึ่งกลางเป็นต้น
ส่วนที่ 8 ได้แก่การใส่การเน้นข้อความการลบรูปแบบการตรวจสอบการสะกดคําและการ
แปลภาษา
ส่วนที่ 9 เป็นส่วนเผยแพร่บทความในกรณีที่เขียนบทความเสร็จแล้ว
ส่วนที่ 10 เป็นส่วนที่ใช้ในการบันทึกกรณีที่ยังไม่อยากเผยแพร่บทความ
ส่วนที่ 11 ส่วนแสดงตัวอย่างของบทความหากต้องการชมข้อความที่เราเขียนก่อนที่จะ
เผยแพร่
ส่วนที่ 12 สําหรับปิดออกจากการเขียนบทความ
ส่วนที่ 13 เป็นการใส่ป้ายกํากับซึ่งเป็นส่วนที่ใช้ระบุว่าบทความที่เขียนนี้อยู่ในหมวดหมู่ใด
ซึ่งสามารถใส่ได้มากกว่า1ป้ายกํากับโดยคั่นด้วยเครื่องหมายจุลภาคและสามารถเลือกป้ายกํากับที่คุณ
เคยใส่ให้บทความอื่นไปแล้วมาใส่อีกได้เพื่อทําให้บทความนั้นๆอยู่ในหมวดหมู่เดียวกัน ให้พิมพ์แล้ว
กดปุ่มเสร็จสิ้น
ส่วนที่ 14 เป็นส่วนที่ใช้ในการวางกําหนดเวลาล่างหน้าว่าจะให้บทความที่เขียนเผยแพร่ใน
วันใด หรืออาจจะเลือกแบบอัตโนมัติ หากไม่ต้องการกําหนดเวลาล่วงหน้า
[หัดใช้งานBlogger โดยนายวันดี กุมภาพันธ์ครูโรงเรียนสวนกุหลาบวิทยาลัย เพชรบูรณ์: 30 ก.ค. 54]หน้า 27
ส่วนที่ 15 ตําแหน่งที่ตั้งเป็นตัวเลือกเสริมหากต้องการหาแผนที่ของสถานที่ที่เราต้องการใส่
โดยให้พิมพ์ชื่อที่ตั้งแล้วกดปุ่มSearchเพื่อทําการค้นหาแผนที่ที่สอดคล้องกับบทความเช่นดังรูป
ส่วนที่ 16 เป็นส่วนของการเลือกเพิ่มเติมสําหรับบทความที่เราได้เผยแพร่ไปเช่นต้องการให้
มีผู้อ่านสามารถแสดงความเห็นได้เป็นต้น
[หัดใช้งานBlogger โดยนายวันดี กุมภาพันธ์ครูโรงเรียนสวนกุหลาบวิทยาลัย เพชรบูรณ์: 30 ก.ค. 54]หน้า 28
เทคนิคการเขียนบทความที่ควรรู้
ในกรณีที่เรามีไฟล์เอกสารจากMS wordแล้วคัดลอกมาวางเพื่อทําให้เขียนบทความได้เร็วขึ้น
บางครั้งพบปัญหาข้อผิดพลาดของฟอร์ม(ฟอร์มในMS word ไม่สามารถแปลงเป็นHTML Codeได้)
ปัญหานี้แก้ได้โดยก่อนวางข้อความให้คลิกที่แถบแก้ไขHTML แล้วจึงวางข้อความที่คัดลอกมา
จากนั้นจึงคลิกที่แถบเขียนเพื่อจัดรูปแบบของบทความต่อไป
เทคนิคนี้ยังสามารถใช้กับการวางโค้ดวีดีโอหรือข้อความที่คัดลอกมาจากเว็บไซต์ได้ด้วยครับ
[หัดใช้งานBlogger โดยนายวันดี กุมภาพันธ์ครูโรงเรียนสวนกุหลาบวิทยาลัย เพชรบูรณ์: 30 ก.ค. 54]หน้า 29
บทที่ 4 การตั้งค่าพื้นฐานต่างๆ ให้กับบล็อก
บทนี้ผมจะขอแนะนําการตั้งค่าพื้นฐานต่างๆของบล็อกเพื่อให้เข้าใจการตั้งค่าในส่วนต่างๆของ
Bloggerและจะทําให้คุณสามารถตั้งค่าต่างๆตามความต้องการของตนเองได้อีกทั้งจะเป็นประโยชน์ใน
การพัฒนาการทําBloggerในระยะยาวด้วย
การตั้งค่าพื้นฐานต่างๆของบล็อกทําได้โดย Loginเข้าไปที่bloggerเมื่อมาที่หน้าแผงควบคุม
ให้ Clickที่ การตั้งค่า
และท่านจะเข้ามาที่เมนูการตั้งค่าของบล็อก
ผมจะแบ่งการตั้งค่าออกเป็น9ส่วนดังนี้
1. ขั้นต้น
[หัดใช้งานBlogger โดยนายวันดี กุมภาพันธ์ครูโรงเรียนสวนกุหลาบวิทยาลัย เพชรบูรณ์: 30 ก.ค. 54]หน้า 30
คุณสามารถดาวน์โหลดBlogเพื่อเก็บเป็นBackupข้อมูลบทความและcommentของ
บล็อกได้โดยเลือกส่งออกบล็อกแต่ถ้าคุณมีข้อมูลบล็อกเดิมอยู่แล้วอยากจะนํามาใช้กับบล็อกใหม่ที่สร้าง
ขึ้นก็ให้เลือก นําเข้าบล็อกแต่ถ้าคิดว่าไม่ต้องการใช้บล็อกนี้แล้วก็สามารถลบทิ้งได้โดยเลือก ลบบล็อก
หัวข้อและคําอธิบายของบล็อกควรใส่ให้เข้าใจภาพรวมของบล็อกและมี keywordในการทํา
บล็อกแทรกอยู่ในคําอธิบายด้วย
ในส่วนการตั้งค่าอื่นๆควรตั้งค่าดังนี้
องค์ประกอบ ตั้งค่าเป็น
เพิ่มบล็อกของคุณในรายการของเราหรือไม่ ใช่
อนุญาตให้เครื่องมือค้นหาพบบล็อกของคุณหรือไม่ ใช่
แสดงการแก้ไขอย่างรวดเร็วบนบล็อกของคุณหรือไม่ ใช่
มีเนื้อหาสําหรับผู้ใหญ่หรือไม่ ไม่
เลือกโปรแกรมแก้ไขบทความ โปรแกรมแก้ไขที่อัปเดต
[หัดใช้งานBlogger โดยนายวันดี กุมภาพันธ์ครูโรงเรียนสวนกุหลาบวิทยาลัย เพชรบูรณ์: 30 ก.ค. 54]หน้า 31
2. การเผยแพร่
ในการตั้งค่าส่วนนี้สามารถเปลี่ยนURLของบล็อกได้
ถ้าคุณต้องการเปลี่ยนโดเมนของบล็อกจาก.blogspot.comเป็นโดเมนอื่นก็สามารถตั้งค่าได้ตรงส่วนนี้แต่
จะต้องเสียค่าใช้จ่ายการจดโดเมนผ่านgoogleปีละ10US (ประมาณ300 กว่าบาทต่อปี)
[หัดใช้งานBlogger โดยนายวันดี กุมภาพันธ์ครูโรงเรียนสวนกุหลาบวิทยาลัย เพชรบูรณ์: 30 ก.ค. 54]หน้า 32
3. การจัดรูปแบบ
ในส่วนนี้เป็นการตั้งค่าการเผยแพร่บทความเช่นจํานวนบทความในหน้าแรกรูปแบบเวลา
คุณควรจะตั้งค่าต่างๆดังนี้
องค์ประกอบ ตั้งค่าเป็น
แสดงสูงสุด เท่าไรก็ได้
รูปแบบส่วนหัวของวันที่ ตั้งได้ตามใจชอบ
รูปแบบวันที่ของดัชนีคลังบทความ ตั้งได้ตามใจชอบ
รูปแบบเวลา ตั้งได้ตามใจชอบ
โซนเวลา (GMT+07:00)กรุงเทพ
ภาษา ไทย
แปลงการขึ้นบรรทัดใหม่ ไม่
แสดงฟิลด์ชื่อเรื่อง ใช่
แสดงฟิลด์ของลิงก์ ไม่
เปิดใช้การจัดเรียงแบบลอย ใช่
แม่แบบบทความ ยังไม่ต้องตั้งค่า
4. เมนูข้อคิดเห็น
เป็นเมนูสําหรับตั้งค่าต่างๆเกี่ยวกับการแสดงความคิดเห็นของบล็อก
[หัดใช้งานBlogger โดยนายวันดี กุมภาพันธ์ครูโรงเรียนสวนกุหลาบวิทยาลัย เพชรบูรณ์: 30 ก.ค. 54]หน้า 33
คุณควรจะตั้งค่าต่างๆดังนี้
องค์ประกอบ ตั้งค่าเป็น
ข้อคิดเห็น แสดง
ใครสามารถแสดงความคิดเห็น ผู้ใช้ที่มีบัญชี Google
การจัดวางฟอร์มความคิดเห็น วางไว้ใต้บทความ
ความคิดเห็นเริ่มต้นสําหรับบทความ บทความใหม่มีความคิดเห็น
ลิงก์ย้อนกลับ ซ่อน
ค่าเริ่มต้นของลิงก์ย้อนกลับสําหรับบทความ บทความใหม่มีลิงก์ย้อนกลับ
รูปแบบเวลาในส่วนความคิดเห็น ตั้งค่าตามใจ
ข้อความของฟอร์มความคิดเห็น ไม่ต้องใส่ค่าใด ๆก็ได้
การจัดการความคิดเห็น ไม่
แสดงการตรวจสอบคําสําหรับความคิดเห็นหรือไม่ ไม่
แสดงรูปภาพโปรไฟล์บนความคิดเห็นหรือไม่ ใช่
อีเมลสําหรับแจ้งเตือนเมื่อมีความคิดเห็นใหม่ กรอก email ของคุณลงไป
5. เก็บเข้าคลังบทความ
ตั้งให้เป็นรายเดือนจะดีที่สุด
[หัดใช้งานBlogger โดยนายวันดี กุมภาพันธ์ครูโรงเรียนสวนกุหลาบวิทยาลัย เพชรบูรณ์: 30 ก.ค. 54]หน้า 34
6. ฟีดของไซต์
ถ้าบทความในบล็อกไม่มากนักตั้งค่าเป็นแบบเต็มแต่ถ้าบทความมีประมาณ100ขึ้นไปควร
จะตั้งเป็น แบบสั้น
7. อีเมลและมือถือ
ในส่วนนี้เป็นการตั้งค่าอีเมลเพื่อให้ระบบส่งบล็อกของคุณทุกครั้งที่มีการเผยแพร่และเป็น
การตั้งค่าการใช้อุปกรณ์เคลื่อนที่ในการเขียนบล็อก ตรงนี้ผมยังไม่เคยลองเหมือนกัน
8. OpenID
คุณสามารถใช้OpenIDURLเพื่อเข้าสู่ไซต์อื่นๆที่ใช้งาน OpenID นอกจากนี้คุณยังสามารถ
กําหนดให้ผู้ใช้OpenIDสามารถแสดงความคิดเห็นในบล็อกของคุณโดยปรับการตั้งค่าความคิดเห็น
ของคุณ
[หัดใช้งานBlogger โดยนายวันดี กุมภาพันธ์ครูโรงเรียนสวนกุหลาบวิทยาลัย เพชรบูรณ์: 30 ก.ค. 54]หน้า 35
9. สิทธิ
ในส่วนนี้คุณสามารถใช้ในการเปลี่ยนผู้เขียนบล็อก และเพิ่มผู้ดูแลระบบได้ถึง100ราย
นอกจากนี้คุณยังจํากัดคนเข้าชมบล็อกได้ด้วยโดยการระบุ Emailของผู้ที่ต้องการลงไป
[หัดใช้งานBlogger โดยนายวันดี กุมภาพันธ์ครูโรงเรียนสวนกุหลาบวิทยาลัย เพชรบูรณ์: 30 ก.ค. 54]หน้า 36
บทที่ 5 รู้จักและใช้งาน Gadget ชนิดต่างๆ บน Blogger
เมื่อเรียนรู้เกี่ยวกับการตั้งค่าต่างๆของบล็อก การเปลี่ยนTemplatesให้กับบล็อกไปแล้วส่วนที่
เหลือคือการจัดรูปแบบองค์ประกอบหน้าให้กับบล็อกรวมถึงการใช้งานGadgetหลักชนิดต่างๆของ
Blogger
Gadget คืออะไร?
Gadgetใน Bloggerนั้นหมายถึงส่วนเสริมที่เราสามารถติดตั้งเพิ่มลงไปในแม่แบบของ Blogger
ซึ่งบางครั้งก็ถูกเรียกว่าwidgetซึ่งก็หมายถึงสิ่งเดียวกันกับGadget
วิธีเพิ่ม Gadget
ก่อนอื่นให้ Loginเข้าไปที่ bloggerหรือdraft.blogger>> จากแผงควบคุมให้เลือกการออกแบบ
[หัดใช้งานBlogger โดยนายวันดี กุมภาพันธ์ครูโรงเรียนสวนกุหลาบวิทยาลัย เพชรบูรณ์: 30 ก.ค. 54]หน้า 37
หมายเหตุหากท่านใดหน้าของแผงควบคุมไม่เจอกรณีที่เข้า draft.blogger.comให้ปฏิบัติ ดังวิธีต่อไปนี้
จะพบหน้าจอสําหรับการออกแบบ ดังรูป
[หัดใช้งานBlogger โดยนายวันดี กุมภาพันธ์ครูโรงเรียนสวนกุหลาบวิทยาลัย เพชรบูรณ์: 30 ก.ค. 54]หน้า 38
หลังจากที่เข้าหน้าจอของแผงควบคุมเรียบร้อยแล้วจะพบหน้าแผงควบคุมหลักๆดังนี้
ใน Layout ของแม่แบบคุณจะเห็นพื้นที่ ดังรูปด้านล่างเพื่อให้เพิ่มGadget
[หัดใช้งานBlogger โดยนายวันดี กุมภาพันธ์ครูโรงเรียนสวนกุหลาบวิทยาลัย เพชรบูรณ์: 30 ก.ค. 54]หน้า 39
และเมื่อคลิกเพิ่ม Gadgetก็จะปรากฏGadgetพื้นฐาน24 อย่างที่จะกล่าวถึงในหัวข้อนี้
นอกจากนี้ยังมีGadgetอีกมากมายซึ่งคุณสามารถเลือกได้จากเมนูแกดเจ็ดเพิ่มเติมทางซ้ายมือ
[หัดใช้งานBlogger โดยนายวันดี กุมภาพันธ์ครูโรงเรียนสวนกุหลาบวิทยาลัย เพชรบูรณ์: 30 ก.ค. 54]หน้า 40
เมื่อเลือก Gadgetที่ต้องการแล้วคลิกที่ปุ่ม+เพื่อทําการเพิ่มGadgetนั้นใส่ชื่อ Gadgetและตั้งค่าที่
ต้องการแล้วบันทึก
รูปที่เห็นข้างบนเป็น Gadgetผู้ติดตามสําหรับGadgetอื่นๆ ก็ทําได้ในทํานองเดียวกัน
รู้จักกับ Gadget พื้นฐาน 24 อย่างของ Blogger
1. ผู้ติดตามทางอีเมล์
ส่วนนี้จะเป็นGadgetสําหรับให้ผู้ติดตามเว็บบล็อกของเราสามารถรับข้อมูลทางอีเมล์ได้
2. Gadget ผู้ติดตามทางอีเมล์
หากมีการแสดงบทความแล้วมีผู้ติดตามเยอะส่วนนี้จะช่วยให้ท่านตรวจสอบได้ว่าบทความไหนได้รับ
ความนิยมบ้าง
[หัดใช้งานBlogger โดยนายวันดี กุมภาพันธ์ครูโรงเรียนสวนกุหลาบวิทยาลัย เพชรบูรณ์: 30 ก.ค. 54]หน้า 41
3. Gadget สถิติของบล็อก
ใช้นับสถิติของเว็บบล็อกโดยที่เราไม่ต้องมานั่งนับว่าใครเข้ามาเว็บเราเอง(อันนี้ดีจริงๆขอบอก)
4. Gadget หน้าเว็บ
หลักการของGadgetชนิดนี้คือคุณจะต้องสร้างหน้าเว็บขึ้นมาก่อน แล้วใช้Gadgetนี้เป็นเมนูในการ
เชื่อมโยงไปยังหน้าเว็บ
5. Gadget AdSense
คุณจะใช้ Gadgetชนิดนี้ได้เมื่อสมัครเข้าร่วมโปรแกรมหรือเป็นตัวแทนในการเผยแพร่โฆษณาบน
Google
6. Gadget ผู้ติดตาม
Gadgetชนิดนี้ใช้เพื่อให้ผู้อ่านที่ชื่นชอบบล็อกของคุณได้ติดตามและเมื่อติดตามแล้วความเคลื่อนไหว
และการupdateบทความของจะไปปรากฏแผงควบคุมของผู้ติดตามโดยอัตโนมัติและมีสิทธิในการ
แสดงความคิดเห็นบนบล็อกของคุณได้(กรณีที่คุณอนุญาตเฉพาะสมาชิก)
[หัดใช้งานBlogger โดยนายวันดี กุมภาพันธ์ครูโรงเรียนสวนกุหลาบวิทยาลัย เพชรบูรณ์: 30 ก.ค. 54]หน้า 42
7. Gadget ช่องค้นหา
Gadgetที่ติดตั้งเพื่อให้ผู้อ่านสามารถค้นหาสิ่งที่ต้องการในบล็อกของคุณได้ง่ายขึ้น
8. Gadget HTML/จาวาสคริปต์
Gadgetชนิดนี้เป็น Gadgetที่ยืดหยุ่นที่สุดในบรรดาGadgetทั้งหมดสามารถประยุกต์ใช้ได้
หลากหลายเหมาะสําหรับใช้ติดตั้งโค้ดต่างๆลงบน Bloggerเช่น โค้ดปฏิทิน นาฬิกาโค้ดจาวา
สคริปต์โค้ดรูปภาพโค้ดวีดีโอโค้ดของลิงค์เป็นต้น
9. Gadget ข้อความ
เป็น Gadgetที่เหมาะสําหรับเขียนข้อความเช่นข้อความต้อนรับเป็นต้น
10. Gadget รูปภาพ
ถ้าคุณต้องการแสดงรูปภาพบนบล็อกอย่างเดียวก็ให้เลือกใช้ Gadgetนี้ครับ
[หัดใช้งานBlogger โดยนายวันดี กุมภาพันธ์ครูโรงเรียนสวนกุหลาบวิทยาลัย เพชรบูรณ์: 30 ก.ค. 54]หน้า 43
11. Gadget สไลด์โชว์
Gadgetนี้เป็นการดึงAlbumsจาก Picasawebมาแสดงในรูปแบบสไลด์โชว์บนบล็อกของ
12. Gadget แถบวีดีโอ
Gadgetนี้จะทําให้ผู้ใช้ค้นหาวีดีโอบนYoutubeจากบล็อกของคุณได้
13. Gadget แบบสารวจ
Gadgetนี้ถือเป็น Gadgetหนึ่งที่น่าสนใจมากแต่ยังมีผู้ใช้จํานวนน้อยโดยคุณอาจจะใช้สํารวจความ
ต้องการหรือความคิดเห็นของผู้อ่านต่อบล็อกของคุณ หรือสํารวจเกี่ยวกับเรื่องที่เกี่ยวข้องกับเนื้อหาบน
บล็อกของคุณก็ได้
14. Gadget รายการบล็อก
Gadgetชนิดนี้เป็น Gadgetที่สามารถรวบรวมข่าวสารล่าสุดจากบล็อกที่คุณเลือกหรือบล็อกที่คุณติดตาม
พร้อมทั้งสามารถแสดงเนื้อหาแบบย่อได้ด้วย
[หัดใช้งานBlogger โดยนายวันดี กุมภาพันธ์ครูโรงเรียนสวนกุหลาบวิทยาลัย เพชรบูรณ์: 30 ก.ค. 54]หน้า 44
15. Gadget รายชื่อลิงค์
เป็น Gadgetที่ใช้สร้างลิงค์ไปยังที่ต่างๆโดยคุณสามารถป้อนURLบน Gadget ชนิดนี้เพื่อสร้างLink
โดยไม่ต้องมีความรู้เรื่องHTMLมาก่อนเลย
16. Gadget รายการ
เป็น Gadgetที่คล้ายคลึงกับGadgetรายชื่อลิงค์แต่มีความยืดหยุ่นกว่า สามารถสร้างข้อความรายการ
และใส่link ให้ข้อความได้ด้วย
17. Gadget ฟีด
คุณสามารถใช้Gadgetนี้ดึงข่าวสารจากในบล็อกของคุณ หรือบล็อกอื่นที่คุณสนใจเอามาแสดงเพียงแค่ใส่
ชื่อบล็อกที่ต้องการลงไปลงไปในgadget
18. Gadget Newsreel
เป็น gadgetที่ทําให้พาดหัวข่าวจากGoogleมาปรากฏบนบล็อกของคุณเท่านั้น
[หัดใช้งานBlogger โดยนายวันดี กุมภาพันธ์ครูโรงเรียนสวนกุหลาบวิทยาลัย เพชรบูรณ์: 30 ก.ค. 54]หน้า 45
19. Gadgetป้ายกากับ
Gadgetนี้มีความสําคัญคุณควรจะติดตั้งเพื่อให้บทความที่เขียนเป็นหมวดหมู่ ให้ผู้อ่านเห็นชัดเจนเลือก
อ่านได้ตรงความต้องการมากขึ้น
20. Gadget ลิงค์การสมัคร
Gadgetนี้มีความสําคัญในเรื่องการส่งข่าวสารข้อมูลจากบล็อกของคุณไปยังผู้อ่านผู้อ่านจะสามารถสมัคร
รับบทความทางemailหรือผ่านช่องทางอื่นๆได้จาก Gadgetนี้
21. Gadget โลโก้
Gadgetนี้ไม่สําคัญนักเป็นเพียงติดตั้งlogoของbloggerในหน้าบล็อกเท่านั้น
22. Gadget โปรไฟล์
Gadgetนี้จะแสดงข้อมูลอย่างของคุณที่ได้กรอกเอาไว้บนบัญชีของBloggerถ้าคุณต้องการแสดงข้อมูล
ของคุณบน Blog ก็ควรจะติดตั้งGadgetนี้ครับ
[หัดใช้งานBlogger โดยนายวันดี กุมภาพันธ์ครูโรงเรียนสวนกุหลาบวิทยาลัย เพชรบูรณ์: 30 ก.ค. 54]หน้า 46
23. Gadget คลังบทความของบล็อก
Gadgetนี้จะทําให้ผู้อ่านเห็นบทความทั้งหมดภายในบล็อกของคุณได้
24. Gadget ส่วนหัวของหน้า
Gadgetนี้เป็นส่วนที่ใส่Title และ Descriptionของ Blog โดยปกติแล้วTemplateทั่วไปก็จะติดตั้งส่วนนี้
อยู่แล้ว
คุณสามารถทดลองใช้Gadgetเหล่านี้ได้โดยไม่ต้องกลัวความผิดพลาดเพราะGadgetบน
Bloggerนั้นสามารถลบออกได้อย่างง่ายดายโดยวิธีการจัดการกับGadget
[หัดใช้งานBlogger โดยนายวันดี กุมภาพันธ์ครูโรงเรียนสวนกุหลาบวิทยาลัย เพชรบูรณ์: 30 ก.ค. 54]หน้า 47
บทที่ 6 การจัดการกับ Gadget ในหน้าบล็อก
ในบทที่ผ่านมาเราได้รู้จักและใช้งานGadgetชนิดต่างๆบน Bloggerผมได้กล่าวถึงวิธีการเพิ่ม
Gadgetให้กับบล็อก แต่ยังไม่ได้กล่าวถึงการลบGadgetออกจากองค์ประกอบของหน้าและนอกจากนี้
ตําแหน่งของ Gadgetยังสามารถเคลื่อนย้ายตําแหน่งได้อีกด้วย
การลบ Gadget
วิธีที่ 1 ถ้าในขณะที่เราloginและเปิดหน้าบล็อกของเราขึ้นมาก็จะสังเกตเห็นว่ามีเครื่องมือ
ปรากฏอยู่ตามที่ต่างๆในองค์ประกอบของหน้า
และถ้าเราคลิกเข้าไปก็จะสามารถแก้ไขหรือลบองค์ประกอบเหล่านั้นออกไปได้เลยครับ
[หัดใช้งานBlogger โดยนายวันดี กุมภาพันธ์ครูโรงเรียนสวนกุหลาบวิทยาลัย เพชรบูรณ์: 30 ก.ค. 54]หน้า 48
วิธีที่ 2 เราสามารถเข้าไปลบGadgetได้ที่แผงควบคุม>> การออกแบบ>>องค์ประกอบของ
หน้า >>เลือกแก้ไขGadgetที่ต้องการลบ
จากนั้นเลือกลบได้เช่นเดียวกับกรณีแรก
การย้ายตาแหน่ง Gadget
สําหรับการย้ายตําแหน่งของGadgetทําได้โดยการเข้าไปที่แผงควบคุม>>การออกแบบ>>
องค์ประกอบหน้าจากนั้นให้ลากเมาส์บนGadgetที่ต้องการย้ายไปวางในตําแหน่งที่ต้องการได้เลยครับ
[หัดใช้งานBlogger โดยนายวันดี กุมภาพันธ์ครูโรงเรียนสวนกุหลาบวิทยาลัย เพชรบูรณ์: 30 ก.ค. 54]หน้า 49
เมื่อเข้าใจการทํางานของGadgetชนิดต่างๆ แล้วสิ่งที่อยากจะฝากเอาไว้ตอนท้ายนี้ก็คือการจัด
องค์ประกอบหน้าของบล็อกดังนี้
แนวทางในการจัดองค์ประกอบหน้าบล็อก
แนวทางในการจัดองค์ประกอบหน้านั้นไม่มีกฎเกณฑ์ตายตัวบางคนชอบให้มี 2 columnบางคน
ชอบให้มี 3 columnซึ่งก็ขึ้นอยู่กับความชอบและความต้องการใช้งานแต่ที่อยากให้คํานึงไว้เสมอคือผู้อื่น
คือ พระเจ้าทําอะไรให้เข้าใจง่ายๆหาอะไรก็เจออย่างรวดเร็วเข้าไว้เป็นพอครับและอีกประการที่สําคัญคือ
การติดตั้งGadgetต่างๆควรติดตั้งเท่าที่จําเป็นและต้องการใช้งานปฏิทินหรือนาฬิกานั้นก็ไม่ควรติดตั้ง
ลงไปเลยเพราะไม่คุ้มค่ากับการเพิ่มภาระการโหลดให้กับผู้เข้าชมและถ้าบล็อกของคุณโหลดได้ช้า ก็
เป็นไปได้ยากที่ผู้อ่านจะกลับมาอีก
องค์ประกอบในหน้าของบล็อกที่ผมคิดว่าคุณควรจะมีคือ
ส่วนที่บอกตัวตนของบล็อก :
ซึ่งอาจจะแสดงในส่วนหัวของหน้าหรือเป็นวีดีโอ/สไลด์/ข้อความ/รูปถ่ายอยู่ในตําแหน่งที่เห็น
ได้ชัด
ส่วนที่เชื่อมโยงไปยังบทความในบล็อก :
ส่วนนี้จําเป็นมากเพราะจะช่วยให้ผู้อ่านค้นหาบทความได้เร็วขึ้นคุณอาจจะรวมบทความทั้งหมด
เลยหรืออาจจะใช้วิธีจัดหมวดหมู่ให้ผู้อ่านเลือกสิ่งที่ต้องการจากบล็อกของเราได้เร็วขึ้น
ส่วนพื้นที่ของสมาชิก :
ส่วนนี้จะแสดงให้เห็นว่ามีผู้สนใจบล็อกของเรามากแค่ไหนและสามารถสมัครติดตามบล็อกของ
เราได้ทันทีเช่นอาจจะใช้ Gadgetผู้ติดตามหรือใช้ Like boxPluginsของ FacebookหรืออาจจะทําPoll
ก็ได้
ส่วนที่เป็นช่องทางให้ผู้อ่านติดต่อเราได้ :
คุณอาจจะทําlink เชื่อมโยงให้ผู้อ่านติดต่อคุณได้หรืออาจจะใช้Gadgetprofileของ Blogger
เพื่อแนะนําตัวก็ได้
[หัดใช้งานBlogger โดยนายวันดี กุมภาพันธ์ครูโรงเรียนสวนกุหลาบวิทยาลัย เพชรบูรณ์: 30 ก.ค. 54]หน้า 50
บทที่ 7 การแสดงข่าวสารล่าสุดด้วย Gadget ฟีด
ความหมายของคําว่าฟีดโดยสรุปก็คือเป็นสิ่งที่แพร่กระจายจากบล็อกของเราบนโลก Internet
เทียบได้กับคลื่นสัญญาณวิทยุหรือโทรทัศน์ถ้ามีตัวรับทุกคนก็สามารถมองเห็นข่าวสารที่ต้องการเลือก
รับได้ นอกจากนี้ถ้ามีตัวช่วยส่งให้ฟีดแพร่ได้แรงขึ้นข่าวสารก็ย่อมจะแพร่กระจายได้เร็วด้วย
ดังนั้นถ้าคุณสนใจข่าวสารจากบล็อกใดบล็อกหนึ่งคุณก็สามารถที่จะเปิดรับข่าวสารจากบล็อก
นั้นๆ โดยใช้ Gadgetฟีด ซึ่งเป็น Gadgetที่สามารถเพิ่มได้อย่างไม่จํากัดดังนั้นถ้าคุณต้องการรับข่าวจาก
10 บล็อกก็สามารถทําได้โดยการเพิ่มgadgetฟีดเข้าไปในบล็อก10ครั้ง ในขณะเดียวกันถ้าคุณใส่ชื่อ
บล็อกของตัวเองใน Gadgetฟีด Gadgetชนิดนี้จะกลายเป็นGadgetที่ใช้แสดงบทความล่าสุดนั่นเอง
ครับ
การแสดงข่าวสารล่าสุดโดยการใช้ Gadgetฟีด
1. ไปที่องค์ประกอบของหน้า >>เพิ่มฟีด Gadget
2. ใส่โค้ดต่อไปนี้ลงไปในGadgetฟีด
http://ชื่อบล็อก.blogspot.com/feeds/posts/default
โดยจะต้องเปลี่ยนชื่อบล็อกเป็นชื่อบล็อกของของคุณเองหรือชื่อบล็อกที่คุณต้องการรับข่าวสารที่ update
[หัดใช้งานBlogger โดยนายวันดี กุมภาพันธ์ครูโรงเรียนสวนกุหลาบวิทยาลัย เพชรบูรณ์: 30 ก.ค. 54]หน้า 51
ตั้งค่าที่ต้องการเพิ่มเติมและบันทึกก็จะได้feedsข่าวสารมาปรากฏที่บล็อกของคุณ
3. ถ้าต้องการเพิ่มบล็อกอื่นอีกก็ทําซ้ําข้อ1 และ 2 แต่ต้องเปลี่ยนชื่อบล็อกใหม่
4. กรณีที่คุณต้องการเรียกfeedจากเว็บที่ต้องการให้ค้นหาfeedจากเว็บwww.google.com
แล้วแทนโค้ดในข้อ2 เช่น feed ข่าวการศึกษาจากเว็บhttp://www.rssthai.com/ให้ใส่โค้ด
http://www.rssthai.com/news.php?t=educationแทนในข้อ 2
[หัดใช้งานBlogger โดยนายวันดี กุมภาพันธ์ครูโรงเรียนสวนกุหลาบวิทยาลัย เพชรบูรณ์: 30 ก.ค. 54]หน้า 52
บทที่ 8 แนะนา Gadget ใหม่ของ blogger “หน้าเว็บ”
ตามเว็บไซต์ต่างๆ เราคงจะเคยเห็นกันว่าแต่ละเว็บไซต์จะมีเมนูสําหรับเลือกเปิดไปดูหน้าอื่นๆ
ภายในเว็บนั้นๆเช่น ตัวอย่างในรูปด้านล่าง
Bloggerได้พัฒนาGadgetขึ้นมามีชื่อว่า หน้าเว็บเพื่อให้ผู้ใช้ได้สร้างหน้าของบล็อกที่ต้องการได้โดยไม่
ต้องมีความรู้ในการดัดแปลงหรือแก้ไขแม่แบบด้วยตนเอง
การเรียกใช้Gadgetชนิดนี้สามารถเลือกใช้ได้เช่นเดียวกับการAddGadgetชนิดอื่น ๆ นั่นคือ
ไปที่ องค์ประกอบของหน้า >>แล้วเลือกเพิ่ม Gadget
ต่อไปเรามาดูว่าGadgetนี้ใช้อย่างไร และใช้เพื่อจุดประสงค์ใด
หลักการของGadgetนี้เหมือนการสร้างบทความขึ้นมา 1บทความและสร้างLink เชื่อมโยงไป
ยังบทความนั้นๆ แต่มีความพิเศษตรงที่ผู้ใช้ทั่วไปสร้างเมนูขึ้นเองได้อย่างง่ายดาย โดยไม่ต้องมีความรู้
พื้นฐานเกี่ยวกับHTML เลย
[หัดใช้งานBlogger โดยนายวันดี กุมภาพันธ์ครูโรงเรียนสวนกุหลาบวิทยาลัย เพชรบูรณ์: 30 ก.ค. 54]หน้า 53
ตัวอย่างวิธีการใช้งาน(จริง)
ในตัวอย่างนี้ผมจะสร้าง2หน้าให้เห็นเป็นตัวอย่างได้แก่HOME และCONTACT ME
ขั้นเตรียมการ
เนื่องจากผมจะยกตัวอย่างการสร้างหน้า Contactmeดังนั้นให้ทุกคนไปสร้างFormสําหรับ
ติดต่อเจ้าของบล็อกซึ่งก็คือเราเองได้ที่ http://www.foxyform.com/
ซึ่งขั้นตอนในการสร้างฟอร์มนั้นง่ายมากมีเพียง4ขั้นเท่านั้น(ดูรูป)
[หัดใช้งานBlogger โดยนายวันดี กุมภาพันธ์ครูโรงเรียนสวนกุหลาบวิทยาลัย เพชรบูรณ์: 30 ก.ค. 54]หน้า 54
เมื่อได้โค้ดแล้วคัดลอกเก็บเอาไว้ก่อนครับ
ขั้นสร้างหน้าเว็บจริง
ขั้นที่ 1 สร้างหน้าแรกหรือHOME
Login เข้าไปที่ draft.bloggerไปที่แผงควบคุม >>องค์ประกอบของหน้า >> แล้วเลือกเพิ่มGadget
เลือกอันแรกเลยครับคือgadgetหน้าเว็บ
จากนั้นก็สร้างหน้าแรกขึ้นมาโดยตั้งชื่อตามที่ต้องการได้เลยแล้วทําการบันทึกครับ
[หัดใช้งานBlogger โดยนายวันดี กุมภาพันธ์ครูโรงเรียนสวนกุหลาบวิทยาลัย เพชรบูรณ์: 30 ก.ค. 54]หน้า 55
ขั้นที่ 2 เมื่อผ่านขั้นที่1 มาแล้วก็เท่ากับว่าเราได้สร้างหน้าบล็อกขึ้นมาแล้ว 1หน้า
ถ้าจะทําการเพิ่มหน้าอีกให้ไปที่แผงควบคุม>>การส่งบทความ>>แก้ไขหน้าเว็บ>>หน้าเว็บใหม่
เมื่อคลิกสร้างหน้าเว็บใหม่เราก็จะพบเครื่องมือต่างๆเหมือนการเขียนบทความนั่นเองครับ
[หัดใช้งานBlogger โดยนายวันดี กุมภาพันธ์ครูโรงเรียนสวนกุหลาบวิทยาลัย เพชรบูรณ์: 30 ก.ค. 54]หน้า 56
ให้นําโค้ดของForm ที่เตรียมไว้จากขั้นเตรียมการมาวางในหน้าหน้านี้จัดรูปแบบตามต้องการแล้วบันทึก
หน้าได้เลยครับ
เพียงขั้นตอนสั้นๆนี้เราก็จะมีเมนูเชื่อมโยงไปยังหน้าของบล็อกถึง2หน้าด้วยกันได้แก่หน้าแรกและ
ติดต่อเรา
ขั้นที่ 3
-ถ้าหากต้องการเพิ่มหน้าบล็อกเพิ่มขึ้นอีกก็ทําซ้ําขั้นตอนที่ได้กล่าวมาข้างต้นครับ
-แต่ถ้าต้องการลบหน้าบล็อกทิ้งก็มาที่เดิมแล้วจะเห็นคําว่าลบถ้าต้องการลบทิ้งก็กดคําว่าลบ
ได้เลย
[หัดใช้งานBlogger โดยนายวันดี กุมภาพันธ์ครูโรงเรียนสวนกุหลาบวิทยาลัย เพชรบูรณ์: 30 ก.ค. 54]หน้า 57
ขั้นที่ 4 วิธีจัดการกับเมนูหน้าเว็บ
-ถ้าต้องการเรียงลําดับหน้าเว็บใหม่ก็ไปที่องค์ประกอบของหน้า แล้วคลิกGadgetหน้าเว็บ
ขึ้นมาแก้ไข>> ดูรูป
นอกจากนี้Gadgetหน้าเว็บจะมีลักษณะพิเศษคือถ้าอยู่ที่Sidebarเมนูจะจัดเรียงเป็นแนวตั้ง
[หัดใช้งานBlogger โดยนายวันดี กุมภาพันธ์ครูโรงเรียนสวนกุหลาบวิทยาลัย เพชรบูรณ์: 30 ก.ค. 54]หน้า 58
แต่ถ้าลากไปในตําแหน่งใต้ส่วนหัว จะจัดเรียงเรียงเป็นแนวนอนโดยอัตโนมัติ
[หัดใช้งานBlogger โดยนายวันดี กุมภาพันธ์ครูโรงเรียนสวนกุหลาบวิทยาลัย เพชรบูรณ์: 30 ก.ค. 54]หน้า 59
เมื่อแสดงเว็บบล็อก ก็จะพบว่า เมนู ดูเหมาะสมขึ้นดังรูป
[หัดใช้งานBlogger โดยนายวันดี กุมภาพันธ์ครูโรงเรียนสวนกุหลาบวิทยาลัย เพชรบูรณ์: 30 ก.ค. 54]หน้า 60
บทที่ 9 นับจานวนคนเยี่ยมชมด้วย Flagcounter
อีกบริการนับสถิติคนเยี่ยมชมที่ช่วยให้เราทราบว่าบล็อกของเรามีผู้เยี่ยมชมทั้งในและต่างประเทศ
มากหรือน้อยจาก Flagcounter
วิธีติดตั้ง
1. ไปที่ http://www.flagcounter.com/index.html
2. ตั้งค่าต่างๆตามความต้องการแล้วกดGETYOURFLAG COUNTERดังรูป
จะพบหน้าจอให้พิมพ์อีเมล์ของเราแล้วกด Continue
[หัดใช้งานBlogger โดยนายวันดี กุมภาพันธ์ครูโรงเรียนสวนกุหลาบวิทยาลัย เพชรบูรณ์: 30 ก.ค. 54]หน้า 61
3. คัดลอกHTML โค้ด ที่ FLAG COUNTERได้สร้างให้ในขั้นที่2
4. กลับมาที่บล็อกของเราไปที่แผงควบคุม>>รูปแบบ >>องค์ประกอบหน้า >> เพิ่มGadget
ชนิด HTML/จาวาสคริปต์
5. วางโค้ดที่คัดลอกมาจากขั้นที่3แล้วบันทึกครับก็เป็นอันจบขั้นตอนครับลักษณะที่ได้ก็ดังรูป
[หัดใช้งานBlogger โดยนายวันดี กุมภาพันธ์ครูโรงเรียนสวนกุหลาบวิทยาลัย เพชรบูรณ์: 30 ก.ค. 54]หน้า 62
บทที่ 10 รูปภาพในบทความบน Blogger
คุณเคยสงสัยไหมครับว่ารูปภาพที่คุณ uploadขึ้น
ไปขณะที่เขียนบทความหรืออาจจะเขียนบทความไปแล้วรูป
เหล่านั้นไปอยู่ที่ไหนเพราะว่าBloggerเองไม่มีsever ยัง
ต้องอาศัยฐานข้อมูลของตัวแม่คือblogspot.comอยู่แล้ว
จะเอาพื้นที่ ๆไหนมาเก็บรูปตั้งมากมาย?
คําตอบคือBloggerจะใช้วิธีเชื่อมโยงกับ
Applicationอื่น ๆของ Googleเพื่อแก้ปัญหาการเก็บข้อมูล
เช่นรูปภาพใน Bloggerที่เราพูดถึงกันอยู่ตอนนี้ก็จะถูกเก็บ
อยู่ที่ PicasaWeb Albums ดังนั้นไม่ว่าจะเป็นภาพที่คุณUploadขณะเขียนบทความก็จะถูกเก็บอยู่ใน
PicasaWeb Albums ทั้งหมด
คุณใช้บริการ Picasa Web Albums ได้อย่างไร?
การใช้บริการPicasaWebAlbumsสามารถเข้าใช้ได้ทันทีหากคุณมีบัญชีผู้ใช้กับgoogleอยู่
แล้วเช่นมีบัญชีผู้ใช้ GmailหรือBlogger อยู่แล้วก็สามารถLoginเข้าใช้ได้เลย
Picasa Web Albums ให้พื้นที่เท่าไร?
Picasaจะให้พื้นที่ เพียง1 GBต่อ1 บัญชีผู้ใช้ นี่เป็นเหตุผลที่บางคนอาจจะสงสัยว่าทําไม
คุณภาพรูปหรือขนาดของรูปบนBloggerจึงลดลงกล่าวคือระบบของPicasaจะทําการลดขนาดของรูปที่
เราUploadผ่านBloggerให้มีขนาดเล็กลงเพื่อเป็นการประหยัดพื้นที่นั่นเอง
[หัดใช้งานBlogger โดยนายวันดี กุมภาพันธ์ครูโรงเรียนสวนกุหลาบวิทยาลัย เพชรบูรณ์: 30 ก.ค. 54]หน้า 63
คุณจะเข้าไปจัดการรูปภาพจาก Blogger ในPicasa Web ได้อย่างไร?
การจัดการภาพในPicasaWebAlbums ทําได้2 วิธีคือ
1. ใช้ Software ที่พัฒนาขึ้นมาจัดการPicasaWebAlbumsโดยเฉพาะ
คุณสามารถเข้าไปดาวน์โหลดPicasaได้ที่ http://picasa.google.com/
2. เข้าไปจัดการที่เว็บไซต์PicasaWebAlbumsโดยตรงโดยไปที่ http://picasaweb.google.com
และ Login โดยใช้ชื่อบัญชีเดียวกับBlogger
คุณสามารถเข้าไปUnloadภาพได้โดยตรงกับPicasaแล้วเรียกมาใช้บนbloggerได้โดยใช้ตัวเลือก
อัปโหลด
[หัดใช้งานBlogger โดยนายวันดี กุมภาพันธ์ครูโรงเรียนสวนกุหลาบวิทยาลัย เพชรบูรณ์: 30 ก.ค. 54]หน้า 64
แต่ถ้าต้องการรูปภาพบนBloggerที่ได้อัปโหลดขึ้นไปแล้วก็คลิกที่อัลบั้มที่ต้องการแล้วเข้าไปจัดการภาพได้
เช่นกัน
ลบรูปภาพบน Blogger แล้วรูปบน Picasa จะถูกลบด้วยหรือไม่?
การลบรูปภาพบนBloggerไม่ส่งผลใดๆต่อPicasaWeb Albums เลยเว้นแต่คุณจะเข้ามาลบ
ใน PicasaWebAlbums โดยตรงดังนั้นถ้าในขณะเขียนบทความคุณเผลอทําพลาดรูปภาพหายไปก็
สามารถเข้ามาเอารูปภาพจากPicasaWebAlbumsใช้งานได้อีกโดยไม่ต้องuploadซ้ําหรือไม่ต้องไปหา
ภาพมาใหม่
บทสรุป
บทนี้แนะนําให้พอรู้จักการเชื่อมโยงระหว่างBloggerและPicasaWebAlbums ซึ่งเป็นบริการ
ในเครือข่ายGoogleเหมือนกัน และจะทําให้คุณเข้าใจการจัดการเกี่ยวกับภาพบนBloggerได้ดีขึ้น
[หัดใช้งานBlogger โดยนายวันดี กุมภาพันธ์ครูโรงเรียนสวนกุหลาบวิทยาลัย เพชรบูรณ์: 30 ก.ค. 54]หน้า 65
บทที่ 11 การสร้างวีดีโอใน YouTube และนามาใส่ในบล็อก
ถ้ามีวีดีโอในหน้าบล็อกของเราด้วยการสื่อสารเรื่องราวต่างๆก็จะมีชีวิตชีวาและเข้าใจง่ายขึ้นซึ่ง
ในที่นี้เราสามารถสร้างได้ไม่ยากด้วยบริการของ www.youtube.comครับ
ขั้นตอนการฝากวีดีโอไว้กับ YouTube
1. ไปที่ www.youtube.comแล้วเลือกCreate Account ที่มุมขวาบนหรือที่หน้าแรกซึ่งในกรณี
ที่เราLoginอยู่ในเว็บบล็อกของเรานั้นก็สามารถใช้บริการของYouTubeด้วยAccountเดิมโดยไม่ต้อง
สมัครใหม่ครับวิธีการทําได้โดย
1.1 คลิกที่ สร้างบัญชีหรือลงชื่อเข้าใช้งานหากยังไม่ได้เข้าระบบอีเมล์ของG-mail
เมื่อเข้าระบบG-mail แล้ว จะพบหน้าจอดังรูปให้คลิกปุ่มอัปโหลด
[หัดใช้งานBlogger โดยนายวันดี กุมภาพันธ์ครูโรงเรียนสวนกุหลาบวิทยาลัย เพชรบูรณ์: 30 ก.ค. 54]หน้า 66
1.2 กรอกข้อมูลสําหรับการสร้างบัญชีโดยใช้usernameของ gmailของเราเอง
1.3 ระบบจะแจ้งความเป็นส่วนตัวและการใช้งานร่วมกันของYouTube
Blogger2011
Blogger2011
Blogger2011
Blogger2011
Blogger2011

More Related Content

Viewers also liked

Viewers also liked (11)

พรบ คอมพิวเตอร์ ปี 2560
พรบ คอมพิวเตอร์ ปี 2560พรบ คอมพิวเตอร์ ปี 2560
พรบ คอมพิวเตอร์ ปี 2560
 
พรบ.คอมพิวเตอร์ 2560
พรบ.คอมพิวเตอร์ 2560พรบ.คอมพิวเตอร์ 2560
พรบ.คอมพิวเตอร์ 2560
 
พรบ.คอมพิวเตอร์
พรบ.คอมพิวเตอร์พรบ.คอมพิวเตอร์
พรบ.คอมพิวเตอร์
 
สาระสำคัญของ พรบ.คอมพิวเตอร์ 2560
สาระสำคัญของ พรบ.คอมพิวเตอร์ 2560สาระสำคัญของ พรบ.คอมพิวเตอร์ 2560
สาระสำคัญของ พรบ.คอมพิวเตอร์ 2560
 
blogger
bloggerblogger
blogger
 
แบบเสนอโครงร่างโครงงานคอมพิวเตอร์
แบบเสนอโครงร่างโครงงานคอมพิวเตอร์แบบเสนอโครงร่างโครงงานคอมพิวเตอร์
แบบเสนอโครงร่างโครงงานคอมพิวเตอร์
 
Worksheet 2 ความรู้เรื่อง blog
Worksheet 2 ความรู้เรื่อง blogWorksheet 2 ความรู้เรื่อง blog
Worksheet 2 ความรู้เรื่อง blog
 
Faq
FaqFaq
Faq
 
TCAS
TCASTCAS
TCAS
 
20170610112150
2017061011215020170610112150
20170610112150
 
Tb ม6 60(1)
Tb ม6 60(1)Tb ม6 60(1)
Tb ม6 60(1)
 

Similar to Blogger2011 (20)

บล อก
บล อกบล อก
บล อก
 
Blogger
BloggerBlogger
Blogger
 
ความร เก__ยวก_บ บล_อกเกอร_
ความร  เก__ยวก_บ บล_อกเกอร_ความร  เก__ยวก_บ บล_อกเกอร_
ความร เก__ยวก_บ บล_อกเกอร_
 
2
22
2
 
Blog
BlogBlog
Blog
 
Simple Blog
Simple BlogSimple Blog
Simple Blog
 
Blogger
BloggerBlogger
Blogger
 
Blog
BlogBlog
Blog
 
Blog
BlogBlog
Blog
 
Blog
BlogBlog
Blog
 
Blog
BlogBlog
Blog
 
ความรู้เรื่องblog
ความรู้เรื่องblogความรู้เรื่องblog
ความรู้เรื่องblog
 
Blog
BlogBlog
Blog
 
Blog 130630223345-phpapp02
Blog 130630223345-phpapp02Blog 130630223345-phpapp02
Blog 130630223345-phpapp02
 
Blog
BlogBlog
Blog
 
Blog
BlogBlog
Blog
 
Blog
BlogBlog
Blog
 
Blog
Blog Blog
Blog
 
Blog
BlogBlog
Blog
 
Blog 140627022109-phpapp01
Blog 140627022109-phpapp01Blog 140627022109-phpapp01
Blog 140627022109-phpapp01
 

Blogger2011

  • 1. [หัดใช้งานBlogger โดยนายวันดี กุมภาพันธ์ครูโรงเรียนสวนกุหลาบวิทยาลัย เพชรบูรณ์: 30 ก.ค. 54] หน้า 1 บทนา บล็อก (อังกฤษ:blog)เป็นคํารวมมาจากคําว่าเว็บล็อก(อังกฤษ:weblog)เป็นรูปแบบเว็บไซต์ ประเภทหนึ่ง ซึ่งถูกเขียนขึ้นในลําดับที่เรียงตามเวลาในการเขียนซึ่งจะแสดงข้อมูลที่เขียนล่าสุดไว้แรกสุด บล็อกโดยปกติจะประกอบด้วยข้อความภาพลิงค์ซึ่งบางครั้งจะรวมสื่อต่างๆไม่ว่าเพลงหรือวิดีโอใน หลายรูปแบบได้จุดที่แตกต่างของบล็อกกับเว็บไซต์โดยปกติคือบล็อกจะเปิดให้ผู้เข้ามาอ่านข้อมูลสามารถ แสดงความคิดเห็นต่อท้ายข้อความที่เจ้าของบล็อกเป็นคนเขียนซึ่งทําให้ผู้เขียนสามารถได้ผลตอบกลับโดย ทันที คําว่า"บล็อก" ยังใช้เป็นคํากริยาได้ซึ่งหมายถึงการเขียนบล็อกและนอกจากนี้ผู้ที่เขียนบล็อกเป็น อาชีพก็จะถูกเรียกว่า"บล็อกเกอร์" บล็อกเป็นเว็บไซต์ที่มีเนื้อหาหลากหลายขึ้นอยู่กับเจ้าของบล็อกโดยสามารถใช้เป็นเครื่องมือ สื่อสารการประกาศข่าวสารการแสดงความคิดเห็นการเผยแพร่ผลงานในหลายด้านไม่ว่าอาหาร การเมืองเทคโนโลยีหรือข่าวปัจจุบันนอกจากนี้บล็อกที่ถูกเขียนเฉพาะเรื่องส่วนตัวหรือจะเรียกว่าไดอารี ออนไลน์ ซึ่งไดอารีออนไลน์นี่เองเป็นจุดเริ่มต้นของการใช้บล็อกในปัจจุบันนอกจากนี้ตามบริษัทเอกชน หลายแห่งได้มีการจัดทําบล็อกของทางบริษัทขึ้นเพื่อเสนอแนวความเห็นใหม่ให้กับลูกค้าโดยมีการเขียน บล็อกออกมาในลักษณะเดียวกับข่าวสั้นและได้รับการตอบรับจากทางลูกค้าที่แสดงความเห็นตอบกลับเข้า ไป เพื่อพัฒนาผลิตภัณฑ์ ความนิยม บล็อกได้เริ่มมีบทบาทมากขึ้นในปัจจุบันในวงการ[[สื่อมวลชน]]ในหลายประเทศเนื่องจากระบบ แก้ไขที่เรียบง่ายและสามารถตีพิมพ์เรื่องราวได้โดยไม่ต้องใช้ความรู้ในการเขียนเว็บไซต์โดยนอกเหนือจาก ที่ผู้เขียนข่าวส่งผลงานให้กับทางสื่อแล้วยังได้มาเขียนข่าวในอีกช่องทางหนึ่งในการเผยแพร่ข้อมูลหรือ แนวความคิดโดยการเขียนบล็อกสามารถเผยแพร่ข้อมูลสู่ประชาชนได้รวดเร็วและเสียค่าใช้จ่ายน้อยกว่า สื่อในด้านอื่นข่าวที่นิยมในการเขียนบล็อกต่อสื่อมวลชนส่วนใหญ่จะเป็นในลักษณะเรื่องซุบซิบวงการ ดาราข่าวการเคลื่อนไหวทางการเมืองเป็นต้น จากความนิยมที่มากขึ้นทําให้หลายเว็บไซต์เปิดให้มีส่วนการใช้งานบล็อกเพิ่มขึ้นมาในเว็บของ ตนเอง เพื่อเรียกให้มีการเข้าสู่เว็บไซต์มากขึ้นทั้งผู้เขียนและผู้อ่าน
  • 2. [หัดใช้งานBlogger โดยนายวันดี กุมภาพันธ์ครูโรงเรียนสวนกุหลาบวิทยาลัย เพชรบูรณ์: 30 ก.ค. 54] หน้า 2 การใช้งานบล็อก ผู้ใช้งานบล็อกจะแก้ไขและบริหารบล็อกผ่านทาง[เว็บเบราว์เซอร์]เหมือนการใช้งานและอ่าน เว็บไซต์ทั่วไปโดยจะมีรูปแบบบริหารบล็อกที่แตกต่างกันเช่นบางระบบที่มีบรรณาธิการของบล็อกผู้เขียน หลายคนจะส่งเรื่องเข้าทางบล็อกและจะต้องรอให้บรรณาธิการอนุมัติให้บล็อกเผยแพร่ก่อนบล็อกถึงจะ แสดงผลในเว็บไซต์นั้นได้ซึ่งจะแตกต่างจากบล็อกส่วนตัวที่จะให้แสดงผลได้ทันที ผู้เขียนบล็อกในปัจจุบันจะใช้งานบล็อกในรูปแบบใดรูปแบบหนึ่งไม่ว่า ติดตั้งซอฟต์แวร์ของตัวเอง หรือใช้งานบล็อกผ่านทางเว็บไซต์ที่ให้บริการบล็อก สําหรับผู้อ่านบล็อกจะใช้งานได้ในลักษณะเหมือนอ่านเว็บไซต์ทั่วไปและสามารถแสดงความเห็น ได้ในส่วนท้ายของแต่ละบล็อกโดยอาจจะต้องผ่านการลงทะเบียนในบางบล็อกนอกจากนี้ผู้อ่านบล็อก สามารถอ่านบล็อกได้ผ่านระบบ[ฟีด]ซึ่งมีให้บริการในบล็อกทั่วไปทําให้ผู้ใช้สามารถอ่านบล็อกได้โดยตรง ผ่านโปรแกรมตัวอื่นโดยไม่จําเป็นต้องเข้ามาสู่หน้าบล็อกนั้น บล็อกซอฟต์แวร์ บล็อกซอฟต์แวร์หรือ บล็อกแวร์เป็นซอฟต์แวร์ที่ใช้ในอินเทอร์เน็ต ในลักษณะของระบบจัดการ เนื้อหาเว็บที่ผู้พัฒนาซอฟต์แวร์และผู้เขียนหรือดูแลบล็อกจะแยกจากกันต่างหากส่งผลให้ผู้เขียนบล็อก สามารถใช้งานได้ทันทีโดยไม่ต้องมีพื้นฐานความรู้ในด้านเอชทีเอ็มแอลหรือการทําเว็บไซต์แต่อย่างใดทํา ให้ผู้เขียนบล็อกสามารถใช้เวลาส่วนใหญ่ในการบริหารจัดการเพิ่มเติมข้อมูลและสารสนเทศแทนได้ นอกจากนี้บล็อกซอฟต์แวร์จะสนับสนุนระบบWYSIWYGซึ่งทําให้ง่ายต่อการเขียนและอาจเพิ่มเติมการมี เทมเพลตในหลายแบบให้เลือกใช้ ซอฟต์แวร์ส่วนใหญ่สามารถดาวน์โหลดและติดตั้งได้ทันทีโดยผู้ใช้ซึ่งซอฟต์แวร์บางส่วนเป็น ซอฟต์แวร์โอเพนซอร์สซึ่งเป็นซอฟต์แวร์ที่ไม่สงวนลิขสิทธิ์ซึ่งผู้พัฒนาสามารถนํามาปรับแก้เป็นของตนเอง ติดตั้งไว้ใช้เป็นบล็อกส่วนตัวหรือเผยแพร่ให้คนอื่นมาใช้งานได้ส่วนซอฟต์แวร์ลิขสิทธิ์นั้นจะมีทั้งในรูปแบบ ที่ให้ใช้งานแบบเสียค่าใช้จ่ายหรือให้ใช้งานฟรี
  • 3. [หัดใช้งานBlogger โดยนายวันดี กุมภาพันธ์ครูโรงเรียนสวนกุหลาบวิทยาลัย เพชรบูรณ์: 30 ก.ค. 54] หน้า 3 บล็อกซอฟต์แวร์ที่เป็นที่รู้จัก รายชื่อบล็อกซอฟต์แวร์ที่เป็นที่นิยมพร้อมทั้งชื่อซอฟต์แวร์ที่ใช้พัฒนาในวงเล็บ  ดรูปาล(พีเอชพี/มายเอสคิวแอล)  เวิร์ดเพรสส์(พีเอชพี/มายเอสคิวแอล)  สแลช(เพิร์ล)  ไลฟ์ไทป์ (พีเอชพี/มายเอสคิวแอล)  จุมล่า (พีเอชพี/มายเอสคิวแอล)  แมมโบ้ (พีเอชพี/มายเอสคิวแอล) รายชื่อผู้ให้บริการบล็อกที่มีชื่อเสียง  บล็อกเกอร์(กูเกิล)  ไทป์แพด  เวิร์ดเพรสส์  ยาฮู!360°หรือ ยาฮู!เดย์(ยาฮู!)  วินโดวส์ไลฟ์สเปซเซส(ไมโครซอฟท์)  มายสเปซ  มัลติไพล ผู้ให้บริการบล็อกในประเทศไทยที่เป็นที่รู้จัก  Blognoneบล็อกสําหรับเขียนเรื่องราวเกี่ยวกับเทคโนโลยีและข่าวไอทีอย่างเดียว  เอ็กซ์ทีน  GotoKnow  Bloggoo  learners.in.th  บล็อกแก๊ง  โอเคเนชั่น นอกจากนี้ทางเว็บที่นิยมของไทยอย่างสนุก.คอม,กระปุก.คอม หรือผู้จัดการออนไลน์ก็ได้มีการ เปิดให้บริการบล็อก
  • 4. [หัดใช้งานBlogger โดยนายวันดี กุมภาพันธ์ครูโรงเรียนสวนกุหลาบวิทยาลัย เพชรบูรณ์: 30 ก.ค. 54] หน้า 4 บทที่ 1 การสร้างเว็บบล็อก หลายคนอาจสงสัยว่าตอนนี้จะทําเว็บบล็อกไปเพื่ออะไร?แล้วจะเสียเงินไหมหากจะทําขึ้นมา จริงๆ แล้วประโยชน์ของเว็บบล็อกนั้นมีมากกว่าที่เราคิดไว้ครับเช่นใช้ในการทํางาน ในการนําเสนอผลงาน การขายสินค้าใช้ในการเรียนการสอนหรือใช้ในการเขียนชีวประวัติส่วนตัวแล้วเก็บไว้เป็นฐานข้อมูลแบบ ออนไลน์ก็ยังได้ครับ ส่วนปัญหาที่บางท่านไม่รู้จักcodeของภาษาต่างๆเช่นHTML หรือJava scriptฯ ก็ ไม่ต้องเป็นกังวลครับเพราะตัวผมเองก็ไม่เป็นเหมือนกันแต่ก็ค่อยๆเรียนรู้กันไปเพียงแค่ไม่กี่วันคุณก็จะมี บล็อกสวยๆและนําไปใช้ประโยชน์ได้แน่นอนครับ เว็บบล็อกไม่จําเป็นต้องมีเงินในการทําครับเพราะมีผู้ให้บริการฟรีและผมจะขอเสนอผู้ให้บริการ บล็อกที่ชื่อว่า บล็อกเกอร์ซึ่งเป็นของ Googleซึ่งผมก็จัดทําอยู่มีอยู่2 เว็บด้วยกันคือ www.kruwandee.blogspot.com อันนี้เป็นเว็บบล็อกส่วนตัวครับ www.nongpoto.blogspot.com อันนี้เป็นเว็บบล็อกน้องป.โทครับ
  • 5. [หัดใช้งานBlogger โดยนายวันดี กุมภาพันธ์ครูโรงเรียนสวนกุหลาบวิทยาลัย เพชรบูรณ์: 30 ก.ค. 54] หน้า 5 วิธีสร้างบล็อกกับ Blogger ขั้นที่ 1 การสมัครใช้งานBloggerสามารถใช้emailของระบบใดก็ได้แต่ในระยะยาวแล้วการ เชื่อมโยงกับบริการหลายๆอย่างของGoogleควรจะใช้emailของ Gmailดีที่สุดครับ 1. ให้คุณเข้าไปที่ www.gmial.comเพื่อสร้างบัญชีผู้ใช้กับGoogleจากนั้นคลิกที่Createanaccount จากนั้นเลือกภาษาไทยดังรูป
  • 6. [หัดใช้งานBlogger โดยนายวันดี กุมภาพันธ์ครูโรงเรียนสวนกุหลาบวิทยาลัย เพชรบูรณ์: 30 ก.ค. 54] หน้า 6 2. กรอกข้อมูลที่จําเป็นในการสมัครGmail จากนั้นคลิกปุ่มฉันยอมรับโปรดสร้างบัญชีของฉัน 3. จะพบหน้าจอการยืนยันบัญชีของเราซึ่งต้องใส่เบอร์โทรศัพท์(Googleจะส่งmassageมาให้)จากนั้น คลิกปุ่ม ส่งรหัสยืนยันไปยังโทรศัพท์มือถือของฉัน
  • 7. [หัดใช้งานBlogger โดยนายวันดี กุมภาพันธ์ครูโรงเรียนสวนกุหลาบวิทยาลัย เพชรบูรณ์: 30 ก.ค. 54] หน้า 7 4. เมื่อเปิดดูข้อความในโทรศัพท์มือถือแล้วก็ให้ป้อนรหัสที่ได้จากนั้นคลิกปุ่ม ยืนยัน 5. คุณจะพบกับหน้าจอแสดงความยินดีเกี่ยวกับบัญชีของGmailจากนั้นคลิกที่แสดงบัญชีของฉัน >>
  • 8. [หัดใช้งานBlogger โดยนายวันดี กุมภาพันธ์ครูโรงเรียนสวนกุหลาบวิทยาลัย เพชรบูรณ์: 30 ก.ค. 54] หน้า 8 6. คลิกที่เมนูเพื่อดู Gmailของเราครั้งแรก ขั้นที่ 2 หลังจากได้บัญชีผู้ใช้แล้วให้ไปที่ www.blogger.comเพื่อสร้างบล็อกกันเลยครับ โดยในการสร้างบล็อกนั้นก็ให้ใช้บัญชีผู้ใช้ (user name+ password)ที่ได้สร้างไว้ในขั้นที่1 1. ไปที่เว็บไซต์ http://www.blogger.com ดังรูป
  • 9. [หัดใช้งานBlogger โดยนายวันดี กุมภาพันธ์ครูโรงเรียนสวนกุหลาบวิทยาลัย เพชรบูรณ์: 30 ก.ค. 54] หน้า 9 2. คลิกที่ปุ่ม เพื่อเริ่มต้นการสร้างบล็อก จากนั้นใส่ชื่อที่แสดง, ทําเครื่องหมายถูกและคลิกปุ่มดาเนินการต่อดังรูป 3. ให้กรอก ชื่อเว็บบล็อก, ที่อยู่บล็อก (URL) จากนั้นคลิกปุ่มตรวจสอบความพร้อมการใช้งานเพื่อ ตรวจสอบว่าที่อยู่บล็อก สามารถใช้งานได้ไหม(ซ้ํากับใครหรือเปล่า?)หากไม่ซ้ําจะขึ้นข้อความว่า ที่อยู่ บล็อกนี้สามารถใช้ได้ให้คลิกที่ปุ่ม ดาเนินการต่อดังรูป
  • 10. [หัดใช้งานBlogger โดยนายวันดี กุมภาพันธ์ครูโรงเรียนสวนกุหลาบวิทยาลัย เพชรบูรณ์: 30 ก.ค. 54]หน้า 10 4. เลือกเทมเพลตเริ่มต้นที่เราต้องการจากนั้นคลิกปุ่มดาเนินการต่อดังรูป 5. จะปรากฏหน้าจอแจ้งว่า บล็อกของคุณถูกสร้างขึ้นแล้วให้คลิกปุ่มเริ่มต้นการเขียนบล็อกดังรูป
  • 11. [หัดใช้งานBlogger โดยนายวันดี กุมภาพันธ์ครูโรงเรียนสวนกุหลาบวิทยาลัย เพชรบูรณ์: 30 ก.ค. 54]หน้า 11 6. ให้กรอกข้อมูลเพี่อทดลองส่งบทความใหม่โดยใส่ชื่อเรื่องและรายละเอียดของเรื่องที่จะเขียน เมื่อกรอก ข้อมูลเสร็จแล้วให้คลิกปุ่มเผยแพร่บทความ ดังรูป 7. ให้คลิกที่ปุ่ม เพื่อดูเว็บบล็อกของเราเป็นครั้งแรกจะพบหน้าจอดังรูป
  • 12. [หัดใช้งานBlogger โดยนายวันดี กุมภาพันธ์ครูโรงเรียนสวนกุหลาบวิทยาลัย เพชรบูรณ์: 30 ก.ค. 54]หน้า 12 บทที่ 2 วิธีเปลี่ยน Template ของ Blogger หลังจากบทแรกได้เสนอขั้นตอนในการสร้างบล็อกไปแล้ว ถึงตรงนี้คุณต้องคิดแล้วว่าจุดประสงค์ ของการทําบล็อกของคุณคืออะไรเพราะจุดประสงค์นี่แหละครับจะเป็นตัวกําหนดว่าเราจะเลือกแม่แบบ (หน้าตาและองค์ประกอบ)ของบล็อกอย่างไร ต่อไปเราจะมาดูวิธีการเลือกและการเปลี่ยนTemplateกันครับ ขั้นที่ 1 ให้คุณไปเลือกtemplateได้ที่  http://btemplates.com  http://www.bloggertemplateplace.com  http://themecraft.net  http://www.deluxetemplates.net  http://www.bloggerthemes.net  http://www.bloggerstyles.com  http://www.anshuldudeja.com  http://www.bloggertemplatesfree.com  http://www.bloggertemplatesblog.com  http://www.templatesblock.com  http://blogger-templates.blogspot.com
  • 13. [หัดใช้งานBlogger โดยนายวันดี กุมภาพันธ์ครูโรงเรียนสวนกุหลาบวิทยาลัย เพชรบูรณ์: 30 ก.ค. 54]หน้า 13  http://freetemplates.blogspot.com  http://mashable.com/2007/09/13/blogger-templates  http://www.webtemplatesblog.com  http://www.ezwpthemes.com  http://www.freebloggertemplate.info  http://www.blogcrowds.com/resources/blogger-templates  http://www.zoomtemplate.com  http://www.templates-blogger.com  http://www.bloggerblogtemplates.com  http://bloggertemplateplace.com  http://www.templatesblogger.net  http://www.bietemplates.com หรือจะใช้คําค้น “Template+blog”ในGoogleก็ได้ครับผมเชื่อว่าขั้นตอนนี้คุณคงจะใช้เวลานาน พอสมควรเลยล่ะครับ(ผมเองก็ใช้เวลาเป็นวันๆในการเลือก templatesทีเดียวครับ) ขั้นที่ 2 เมื่อคุณได้Templateที่ต้องการแล้วให้เริ่มเปลี่ยนดังนี้ ในที่นี้ ผมเลือกเว็บไซต์ http://btemplates.com/ เพื่อเป็นต้นแบบในการใช้Template
  • 14. [หัดใช้งานBlogger โดยนายวันดี กุมภาพันธ์ครูโรงเรียนสวนกุหลาบวิทยาลัย เพชรบูรณ์: 30 ก.ค. 54]หน้า 14 ผมเลือกTemplateนี้ 1. คลิกที่ Preview เพื่อดูตัวอย่างดังรูป จะแสดงหน้าจอตัวอย่างของtemplateนี้ ดังภาพ สามารถคลิกที่เมนูต่างๆได้เพื่อประกอบการตัดสินใจเลือก template
  • 15. [หัดใช้งานBlogger โดยนายวันดี กุมภาพันธ์ครูโรงเรียนสวนกุหลาบวิทยาลัย เพชรบูรณ์: 30 ก.ค. 54]หน้า 15 2. หากตัดสินในเลือกได้แล้วก็คลิกที่ปุ่มDownloadดังรูป 3. เลือกที่อยู่เพื่อบันทึกผมเลือกที่Desktop จากนั้นกดSave ดังรูป จะได้ไฟล์Blue-Designwork.zipอยู่ที่หน้าจอ(Desktop) ให้ทําการแตกไฟล์จะได้โฟลเดอร์ดังรูป
  • 16. [หัดใช้งานBlogger โดยนายวันดี กุมภาพันธ์ครูโรงเรียนสวนกุหลาบวิทยาลัย เพชรบูรณ์: 30 ก.ค. 54]หน้า 16 4. พิมพ์ที่อยู่ weblogของเราที่เว็บบราวเซอร์ของผมคือ www.com4u2day.blogspot.com จะได้ดังรูป 5. คลิกที่ปุ่มออกแบบ จะได้ ดังรูป
  • 17. [หัดใช้งานBlogger โดยนายวันดี กุมภาพันธ์ครูโรงเรียนสวนกุหลาบวิทยาลัย เพชรบูรณ์: 30 ก.ค. 54]หน้า 17 6. คลิกที่ปุ่ม แก้ไข HTML จะได้ดังรูป 7. คลิกที่ปุ่มเลือกไฟล์ดังรูป
  • 18. [หัดใช้งานBlogger โดยนายวันดี กุมภาพันธ์ครูโรงเรียนสวนกุหลาบวิทยาลัย เพชรบูรณ์: 30 ก.ค. 54]หน้า 18 8. เลือกไฟล์Blue-Designwork.zipที่อยู่หน้าจอ(Desktop) จากนั้นคลิกปุ่มOpenดังรูป 9. คลิกปุ่มอัปโหลด 10. การอัปโหลดแม่แบบขึ้นไปแทนที่แม่แบบเดิมโดยระหว่างการแทนที่อาจมีการถามถึง การลบ/เก็บ Widgetของแม่แบบเดิม ซึ่งถ้าต้องการเก็บของเก่าเอาไว้ก็เลือกเก็บWidgetก็จะทําให้Widgetของ แม่แบบเดิม ไม่ถูกลบขณะเปลี่ยน Templates
  • 19. [หัดใช้งานBlogger โดยนายวันดี กุมภาพันธ์ครูโรงเรียนสวนกุหลาบวิทยาลัย เพชรบูรณ์: 30 ก.ค. 54]หน้า 19 11. จะพบหน้าจอดังรูป ให้ลองดูการเปลี่ยนแปลงใหม่โดยคลิกที่ดูบล็อกครับ นี่คือผลงานหลังจากเปลี่ยนแม่แบบ นี้ครับ ก่อนเปลี่ยน Template หลังเปลี่ยน Template
  • 20. [หัดใช้งานBlogger โดยนายวันดี กุมภาพันธ์ครูโรงเรียนสวนกุหลาบวิทยาลัย เพชรบูรณ์: 30 ก.ค. 54]หน้า 20 เครื่องมือสาหรับ “ออกแบบแม่แบบ” ด้วยตนเอง จาก Blogger สําหรับหน้าตาการออกแบบที่จะนําเสนอนี้เป็นแบบง่ายๆซึ่งคิดว่าคุณครูหรือผู้สนใจทุกท่านต้อง ชอบแน่ๆ เพราะมันง่ายจริงๆสําหรับการออกแบบและเมื่อก่อนการใช้เครื่องมือออกแบบแม่แบบ จะทําได้ เฉพาะผู้ที่Login เข้าไปที่ draft.blogger เท่านั้นแต่เดี๋ยวนี้สามารถทําได้ในblogger.com เลยทีเดียว วิธีการนะครับไปที่แผงควบคุม>>การออกแบบ >> คลิกที่“เครื่องมือออกแบบแม่แบบ” เมื่อคลิกที่“เครื่องมือออกแบบแม่แบบ” แล้วเราจะพบเครื่องมือสําหรับออกแบบแม่แบบอยู่ 5 อย่างด้วยกัน ได้แก่ 1.เทมเพลต 2.พื้นหลัง3.ปรับความกว้าง4.รูปแบบ 5.ขั้นสูง
  • 21. [หัดใช้งานBlogger โดยนายวันดี กุมภาพันธ์ครูโรงเรียนสวนกุหลาบวิทยาลัย เพชรบูรณ์: 30 ก.ค. 54]หน้า 21 1. การใช้งานเครื่องมือแม่แบบทําได้โดยคลิกที่ข้อความเทมเพลต>>จากนั้นเลือกรูปแบบที่ต้องการ >> และเลือกthemeที่ต้องการเมื่อแสดงตัวอย่างเป็นที่น่าพอใจแล้วให้คลิกที่ปุ่ม“ใช้กับบล็อก” เพื่อยืนยัน ดังรูป 2. การใช้งานเมนูพื้นหลังการใช้งานเครื่องมือ“พื้นหลัง”สามารถใช้เพื่อเปลี่ยนภาพพื้นหลังของบล็อก และเลือกสีThemeของบล็อกได้ตามความต้องการได้ด้วยทําตามรูปเลยนะครับ
  • 22. [หัดใช้งานBlogger โดยนายวันดี กุมภาพันธ์ครูโรงเรียนสวนกุหลาบวิทยาลัย เพชรบูรณ์: 30 ก.ค. 54]หน้า 22 3. เครื่องมือปรับความกว้างเป็นเครื่องมือใหม่ที่ทําเพิ่มจากเดิมซึ่งสามารถปรับความกว้างของทั้ง บล็อก และแถบความกว้างได้สามารถทําได้ดังรูป(ค่อยศึกษาไปนะครับไม่ยาก) 4. การใช้งานเครื่องมือ“รูปแบบ” : จะใช้เครื่องมือนี้เพื่อกําหนดจํานวนคอลัมน์รูปแบบคอลัมน์ รวมถึง การกําหนดคอลัมน์ให้กับส่วนท้ายของหน้าได้ด้วย เป็น“การออกแบบเนื้อความ” และ“การออกแบบ ส่วนท้าย”เครื่องมือนี้ใช้กําหนดรูปแบบคอลัมน์ของtemplateของคุณ ซึ่งทําได้ง่ายดายโดยการคลิก เลือกรูปแบบที่ต้องการดูตัวอย่างเมื่อเป็นที่พอใจแล้วก็กดปุ่ม“ใช้กับบล็อก”เพื่อยืนยัน ดังรูป
  • 23. [หัดใช้งานBlogger โดยนายวันดี กุมภาพันธ์ครูโรงเรียนสวนกุหลาบวิทยาลัย เพชรบูรณ์: 30 ก.ค. 54]หน้า 23 5. สําหรับเมนูขั้นสูงเป็นการกําหนดรายละเอียดต่างๆให้กับบล็อกเช่นรูปแบบของลิงค์ gadgetต่างๆ หัวเรื่อง ชื่อของบล็อก เป็นต้นซึ่งคุณสามารถปรับแต่งตามความต้องการแล้วแสดงตัวอย่าง หาก เป็นที่พอใจก็บันทึกเช่นเดียวกับข้อ1-4 ที่ได้กล่าวมาแล้ว หมายเหตุ คุณสามารถเข้าใช้เครื่องมือเหล่านี้ ใน draft.blogger.com ได้เช่นกันนะครับ
  • 24. [หัดใช้งานBlogger โดยนายวันดี กุมภาพันธ์ครูโรงเรียนสวนกุหลาบวิทยาลัย เพชรบูรณ์: 30 ก.ค. 54]หน้า 24 บทที่ 3 วิธีเขียนและจัดการบทความในบล็อก บทนี้ผมจึงจะเล่าถึงวิธีเขียนบทความในBloggerเพื่อเป็น แนวทางให้คุณสามารถเขียนบทความลงในบล็อกของคุณได้สวยงาม และเป็นมืออาชีพมากขึ้นสําหรับท่านที่เขียนบทความเป็นอยู่แล้ว อาจจะข้ามไปอ่านบทความอื่นๆ ต่อไปได้เลยครับส่วนท่านที่เป็น มือใหม่จริง ๆก็ควรจะอ่านบทความนี้ให้จบเพื่อเป็นแนวทางในการ เขียนบทความของคุณเองต่อไป 1. การเข้าไปเขียนบทความ การเข้าไปเขียนบทความบนBloggerโดยตรงสามารถเข้าไปได้2ช่องทางด้วยกันคือ 1.1 ถ้าคุณใช้แม่แบบที่ไม่ได้ซ่อนแถบนําทางสามารถเข้าไปเขียนบทความได้โดยคลิกที่เมนู บทความใหม่ 1.2 เข้าไปเขียนบทความผ่านdraft.blogger.com ควรตั้งค่าให้draft.bloggerเป็นเครื่องมือ เริ่มต้น โดยทําเครื่องหมายถูกในส่วนกําหนดให้บล็อกเกอร์ในแบบร่างเป็นหน้าเริ่มต้นของฉัน
  • 25. [หัดใช้งานBlogger โดยนายวันดี กุมภาพันธ์ครูโรงเรียนสวนกุหลาบวิทยาลัย เพชรบูรณ์: 30 ก.ค. 54]หน้า 25 โปรดสังเกตว่าเครื่องมือในการเขียนบทความของdraft.bloggerจะมีมากกว่าเครื่องมือของ bloggerปกติดังนั้นโดยส่วนตัวผมแนะนําให้เขียนบทความผ่านdraft.blogger.com เพราะมีเครื่องมือ มากกว่าวิธีแรก 2. องค์ประกอบของเครื่องมือเขียนบทความ ก่อนอื่นผมขอแนะนําให้รู้จักเครื่องมือที่จําเป็นในการเขียนบทความดังนี้ ส่วนที่ 1 คือส่วนตั้งชื่อเรื่องหรือชื่อบทความ ส่วนที่ 2 เป็นแถบที่เลือกเมื่อต้องการเขียนข้อความปกติซึ่งจะมีเครื่องมือในการเขียน บทความตามที่เห็นในภาพข้างบน ส่วนที่ 3 เป็นส่วนที่ใช้สําหรับกรณีที่เราต้องการวางข้อความที่คัดลอกมาจาก Msword หรือโค้ดวีดีโอจากYoutubeหรือโค้ดHTML/จาวาสคริปต์ที่ต้องการให้ปรากฏและแสดงผลในบทความ ส่วนที่ 4 สําหรับจัดรูปแบบอักษร ส่วนที่ 5 เป็นเครื่องมือในการใส่ลิงค์ให้ข้อความ แทรกภาพลงในบทความและแทรกวีดีโอ ลงในบทความตามลําดับ
  • 26. [หัดใช้งานBlogger โดยนายวันดี กุมภาพันธ์ครูโรงเรียนสวนกุหลาบวิทยาลัย เพชรบูรณ์: 30 ก.ค. 54]หน้า 26 ส่วนที่ 6 รูปกระดาษขาดที่เห็นนั้นใช้ในกรณีที่คุณต้องการแสดงบทความให้ผู้อ่านเห็นในหน้า หลักเพียงบางส่วนเท่านั้นและถ้าใช้เครื่องมือนี้ผู้อ่านจะต้องคลิกอ่านเพิ่มเติมจึงจะเห็นข้อความแบบเต็ม เครื่องมือนี้มีข้อดีคือทําให้บทความที่มีความยาวมากๆสั้นลงได้และทําให้เปิดหน้าแรกได้เร็วขึ้นด้วย ส่วนที่ 7 เป็นส่วนที่ใช้ในการจัดเรียงข้อความและจัดแนวรูปภาพได้ด้วยเช่นจัดชิดซ้าย ชิดขวากึ่งกลางเป็นต้น ส่วนที่ 8 ได้แก่การใส่การเน้นข้อความการลบรูปแบบการตรวจสอบการสะกดคําและการ แปลภาษา ส่วนที่ 9 เป็นส่วนเผยแพร่บทความในกรณีที่เขียนบทความเสร็จแล้ว ส่วนที่ 10 เป็นส่วนที่ใช้ในการบันทึกกรณีที่ยังไม่อยากเผยแพร่บทความ ส่วนที่ 11 ส่วนแสดงตัวอย่างของบทความหากต้องการชมข้อความที่เราเขียนก่อนที่จะ เผยแพร่ ส่วนที่ 12 สําหรับปิดออกจากการเขียนบทความ ส่วนที่ 13 เป็นการใส่ป้ายกํากับซึ่งเป็นส่วนที่ใช้ระบุว่าบทความที่เขียนนี้อยู่ในหมวดหมู่ใด ซึ่งสามารถใส่ได้มากกว่า1ป้ายกํากับโดยคั่นด้วยเครื่องหมายจุลภาคและสามารถเลือกป้ายกํากับที่คุณ เคยใส่ให้บทความอื่นไปแล้วมาใส่อีกได้เพื่อทําให้บทความนั้นๆอยู่ในหมวดหมู่เดียวกัน ให้พิมพ์แล้ว กดปุ่มเสร็จสิ้น ส่วนที่ 14 เป็นส่วนที่ใช้ในการวางกําหนดเวลาล่างหน้าว่าจะให้บทความที่เขียนเผยแพร่ใน วันใด หรืออาจจะเลือกแบบอัตโนมัติ หากไม่ต้องการกําหนดเวลาล่วงหน้า
  • 27. [หัดใช้งานBlogger โดยนายวันดี กุมภาพันธ์ครูโรงเรียนสวนกุหลาบวิทยาลัย เพชรบูรณ์: 30 ก.ค. 54]หน้า 27 ส่วนที่ 15 ตําแหน่งที่ตั้งเป็นตัวเลือกเสริมหากต้องการหาแผนที่ของสถานที่ที่เราต้องการใส่ โดยให้พิมพ์ชื่อที่ตั้งแล้วกดปุ่มSearchเพื่อทําการค้นหาแผนที่ที่สอดคล้องกับบทความเช่นดังรูป ส่วนที่ 16 เป็นส่วนของการเลือกเพิ่มเติมสําหรับบทความที่เราได้เผยแพร่ไปเช่นต้องการให้ มีผู้อ่านสามารถแสดงความเห็นได้เป็นต้น
  • 28. [หัดใช้งานBlogger โดยนายวันดี กุมภาพันธ์ครูโรงเรียนสวนกุหลาบวิทยาลัย เพชรบูรณ์: 30 ก.ค. 54]หน้า 28 เทคนิคการเขียนบทความที่ควรรู้ ในกรณีที่เรามีไฟล์เอกสารจากMS wordแล้วคัดลอกมาวางเพื่อทําให้เขียนบทความได้เร็วขึ้น บางครั้งพบปัญหาข้อผิดพลาดของฟอร์ม(ฟอร์มในMS word ไม่สามารถแปลงเป็นHTML Codeได้) ปัญหานี้แก้ได้โดยก่อนวางข้อความให้คลิกที่แถบแก้ไขHTML แล้วจึงวางข้อความที่คัดลอกมา จากนั้นจึงคลิกที่แถบเขียนเพื่อจัดรูปแบบของบทความต่อไป เทคนิคนี้ยังสามารถใช้กับการวางโค้ดวีดีโอหรือข้อความที่คัดลอกมาจากเว็บไซต์ได้ด้วยครับ
  • 29. [หัดใช้งานBlogger โดยนายวันดี กุมภาพันธ์ครูโรงเรียนสวนกุหลาบวิทยาลัย เพชรบูรณ์: 30 ก.ค. 54]หน้า 29 บทที่ 4 การตั้งค่าพื้นฐานต่างๆ ให้กับบล็อก บทนี้ผมจะขอแนะนําการตั้งค่าพื้นฐานต่างๆของบล็อกเพื่อให้เข้าใจการตั้งค่าในส่วนต่างๆของ Bloggerและจะทําให้คุณสามารถตั้งค่าต่างๆตามความต้องการของตนเองได้อีกทั้งจะเป็นประโยชน์ใน การพัฒนาการทําBloggerในระยะยาวด้วย การตั้งค่าพื้นฐานต่างๆของบล็อกทําได้โดย Loginเข้าไปที่bloggerเมื่อมาที่หน้าแผงควบคุม ให้ Clickที่ การตั้งค่า และท่านจะเข้ามาที่เมนูการตั้งค่าของบล็อก ผมจะแบ่งการตั้งค่าออกเป็น9ส่วนดังนี้ 1. ขั้นต้น
  • 30. [หัดใช้งานBlogger โดยนายวันดี กุมภาพันธ์ครูโรงเรียนสวนกุหลาบวิทยาลัย เพชรบูรณ์: 30 ก.ค. 54]หน้า 30 คุณสามารถดาวน์โหลดBlogเพื่อเก็บเป็นBackupข้อมูลบทความและcommentของ บล็อกได้โดยเลือกส่งออกบล็อกแต่ถ้าคุณมีข้อมูลบล็อกเดิมอยู่แล้วอยากจะนํามาใช้กับบล็อกใหม่ที่สร้าง ขึ้นก็ให้เลือก นําเข้าบล็อกแต่ถ้าคิดว่าไม่ต้องการใช้บล็อกนี้แล้วก็สามารถลบทิ้งได้โดยเลือก ลบบล็อก หัวข้อและคําอธิบายของบล็อกควรใส่ให้เข้าใจภาพรวมของบล็อกและมี keywordในการทํา บล็อกแทรกอยู่ในคําอธิบายด้วย ในส่วนการตั้งค่าอื่นๆควรตั้งค่าดังนี้ องค์ประกอบ ตั้งค่าเป็น เพิ่มบล็อกของคุณในรายการของเราหรือไม่ ใช่ อนุญาตให้เครื่องมือค้นหาพบบล็อกของคุณหรือไม่ ใช่ แสดงการแก้ไขอย่างรวดเร็วบนบล็อกของคุณหรือไม่ ใช่ มีเนื้อหาสําหรับผู้ใหญ่หรือไม่ ไม่ เลือกโปรแกรมแก้ไขบทความ โปรแกรมแก้ไขที่อัปเดต
  • 31. [หัดใช้งานBlogger โดยนายวันดี กุมภาพันธ์ครูโรงเรียนสวนกุหลาบวิทยาลัย เพชรบูรณ์: 30 ก.ค. 54]หน้า 31 2. การเผยแพร่ ในการตั้งค่าส่วนนี้สามารถเปลี่ยนURLของบล็อกได้ ถ้าคุณต้องการเปลี่ยนโดเมนของบล็อกจาก.blogspot.comเป็นโดเมนอื่นก็สามารถตั้งค่าได้ตรงส่วนนี้แต่ จะต้องเสียค่าใช้จ่ายการจดโดเมนผ่านgoogleปีละ10US (ประมาณ300 กว่าบาทต่อปี)
  • 32. [หัดใช้งานBlogger โดยนายวันดี กุมภาพันธ์ครูโรงเรียนสวนกุหลาบวิทยาลัย เพชรบูรณ์: 30 ก.ค. 54]หน้า 32 3. การจัดรูปแบบ ในส่วนนี้เป็นการตั้งค่าการเผยแพร่บทความเช่นจํานวนบทความในหน้าแรกรูปแบบเวลา คุณควรจะตั้งค่าต่างๆดังนี้ องค์ประกอบ ตั้งค่าเป็น แสดงสูงสุด เท่าไรก็ได้ รูปแบบส่วนหัวของวันที่ ตั้งได้ตามใจชอบ รูปแบบวันที่ของดัชนีคลังบทความ ตั้งได้ตามใจชอบ รูปแบบเวลา ตั้งได้ตามใจชอบ โซนเวลา (GMT+07:00)กรุงเทพ ภาษา ไทย แปลงการขึ้นบรรทัดใหม่ ไม่ แสดงฟิลด์ชื่อเรื่อง ใช่ แสดงฟิลด์ของลิงก์ ไม่ เปิดใช้การจัดเรียงแบบลอย ใช่ แม่แบบบทความ ยังไม่ต้องตั้งค่า 4. เมนูข้อคิดเห็น เป็นเมนูสําหรับตั้งค่าต่างๆเกี่ยวกับการแสดงความคิดเห็นของบล็อก
  • 33. [หัดใช้งานBlogger โดยนายวันดี กุมภาพันธ์ครูโรงเรียนสวนกุหลาบวิทยาลัย เพชรบูรณ์: 30 ก.ค. 54]หน้า 33 คุณควรจะตั้งค่าต่างๆดังนี้ องค์ประกอบ ตั้งค่าเป็น ข้อคิดเห็น แสดง ใครสามารถแสดงความคิดเห็น ผู้ใช้ที่มีบัญชี Google การจัดวางฟอร์มความคิดเห็น วางไว้ใต้บทความ ความคิดเห็นเริ่มต้นสําหรับบทความ บทความใหม่มีความคิดเห็น ลิงก์ย้อนกลับ ซ่อน ค่าเริ่มต้นของลิงก์ย้อนกลับสําหรับบทความ บทความใหม่มีลิงก์ย้อนกลับ รูปแบบเวลาในส่วนความคิดเห็น ตั้งค่าตามใจ ข้อความของฟอร์มความคิดเห็น ไม่ต้องใส่ค่าใด ๆก็ได้ การจัดการความคิดเห็น ไม่ แสดงการตรวจสอบคําสําหรับความคิดเห็นหรือไม่ ไม่ แสดงรูปภาพโปรไฟล์บนความคิดเห็นหรือไม่ ใช่ อีเมลสําหรับแจ้งเตือนเมื่อมีความคิดเห็นใหม่ กรอก email ของคุณลงไป 5. เก็บเข้าคลังบทความ ตั้งให้เป็นรายเดือนจะดีที่สุด
  • 34. [หัดใช้งานBlogger โดยนายวันดี กุมภาพันธ์ครูโรงเรียนสวนกุหลาบวิทยาลัย เพชรบูรณ์: 30 ก.ค. 54]หน้า 34 6. ฟีดของไซต์ ถ้าบทความในบล็อกไม่มากนักตั้งค่าเป็นแบบเต็มแต่ถ้าบทความมีประมาณ100ขึ้นไปควร จะตั้งเป็น แบบสั้น 7. อีเมลและมือถือ ในส่วนนี้เป็นการตั้งค่าอีเมลเพื่อให้ระบบส่งบล็อกของคุณทุกครั้งที่มีการเผยแพร่และเป็น การตั้งค่าการใช้อุปกรณ์เคลื่อนที่ในการเขียนบล็อก ตรงนี้ผมยังไม่เคยลองเหมือนกัน 8. OpenID คุณสามารถใช้OpenIDURLเพื่อเข้าสู่ไซต์อื่นๆที่ใช้งาน OpenID นอกจากนี้คุณยังสามารถ กําหนดให้ผู้ใช้OpenIDสามารถแสดงความคิดเห็นในบล็อกของคุณโดยปรับการตั้งค่าความคิดเห็น ของคุณ
  • 35. [หัดใช้งานBlogger โดยนายวันดี กุมภาพันธ์ครูโรงเรียนสวนกุหลาบวิทยาลัย เพชรบูรณ์: 30 ก.ค. 54]หน้า 35 9. สิทธิ ในส่วนนี้คุณสามารถใช้ในการเปลี่ยนผู้เขียนบล็อก และเพิ่มผู้ดูแลระบบได้ถึง100ราย นอกจากนี้คุณยังจํากัดคนเข้าชมบล็อกได้ด้วยโดยการระบุ Emailของผู้ที่ต้องการลงไป
  • 36. [หัดใช้งานBlogger โดยนายวันดี กุมภาพันธ์ครูโรงเรียนสวนกุหลาบวิทยาลัย เพชรบูรณ์: 30 ก.ค. 54]หน้า 36 บทที่ 5 รู้จักและใช้งาน Gadget ชนิดต่างๆ บน Blogger เมื่อเรียนรู้เกี่ยวกับการตั้งค่าต่างๆของบล็อก การเปลี่ยนTemplatesให้กับบล็อกไปแล้วส่วนที่ เหลือคือการจัดรูปแบบองค์ประกอบหน้าให้กับบล็อกรวมถึงการใช้งานGadgetหลักชนิดต่างๆของ Blogger Gadget คืออะไร? Gadgetใน Bloggerนั้นหมายถึงส่วนเสริมที่เราสามารถติดตั้งเพิ่มลงไปในแม่แบบของ Blogger ซึ่งบางครั้งก็ถูกเรียกว่าwidgetซึ่งก็หมายถึงสิ่งเดียวกันกับGadget วิธีเพิ่ม Gadget ก่อนอื่นให้ Loginเข้าไปที่ bloggerหรือdraft.blogger>> จากแผงควบคุมให้เลือกการออกแบบ
  • 37. [หัดใช้งานBlogger โดยนายวันดี กุมภาพันธ์ครูโรงเรียนสวนกุหลาบวิทยาลัย เพชรบูรณ์: 30 ก.ค. 54]หน้า 37 หมายเหตุหากท่านใดหน้าของแผงควบคุมไม่เจอกรณีที่เข้า draft.blogger.comให้ปฏิบัติ ดังวิธีต่อไปนี้ จะพบหน้าจอสําหรับการออกแบบ ดังรูป
  • 38. [หัดใช้งานBlogger โดยนายวันดี กุมภาพันธ์ครูโรงเรียนสวนกุหลาบวิทยาลัย เพชรบูรณ์: 30 ก.ค. 54]หน้า 38 หลังจากที่เข้าหน้าจอของแผงควบคุมเรียบร้อยแล้วจะพบหน้าแผงควบคุมหลักๆดังนี้ ใน Layout ของแม่แบบคุณจะเห็นพื้นที่ ดังรูปด้านล่างเพื่อให้เพิ่มGadget
  • 39. [หัดใช้งานBlogger โดยนายวันดี กุมภาพันธ์ครูโรงเรียนสวนกุหลาบวิทยาลัย เพชรบูรณ์: 30 ก.ค. 54]หน้า 39 และเมื่อคลิกเพิ่ม Gadgetก็จะปรากฏGadgetพื้นฐาน24 อย่างที่จะกล่าวถึงในหัวข้อนี้ นอกจากนี้ยังมีGadgetอีกมากมายซึ่งคุณสามารถเลือกได้จากเมนูแกดเจ็ดเพิ่มเติมทางซ้ายมือ
  • 40. [หัดใช้งานBlogger โดยนายวันดี กุมภาพันธ์ครูโรงเรียนสวนกุหลาบวิทยาลัย เพชรบูรณ์: 30 ก.ค. 54]หน้า 40 เมื่อเลือก Gadgetที่ต้องการแล้วคลิกที่ปุ่ม+เพื่อทําการเพิ่มGadgetนั้นใส่ชื่อ Gadgetและตั้งค่าที่ ต้องการแล้วบันทึก รูปที่เห็นข้างบนเป็น Gadgetผู้ติดตามสําหรับGadgetอื่นๆ ก็ทําได้ในทํานองเดียวกัน รู้จักกับ Gadget พื้นฐาน 24 อย่างของ Blogger 1. ผู้ติดตามทางอีเมล์ ส่วนนี้จะเป็นGadgetสําหรับให้ผู้ติดตามเว็บบล็อกของเราสามารถรับข้อมูลทางอีเมล์ได้ 2. Gadget ผู้ติดตามทางอีเมล์ หากมีการแสดงบทความแล้วมีผู้ติดตามเยอะส่วนนี้จะช่วยให้ท่านตรวจสอบได้ว่าบทความไหนได้รับ ความนิยมบ้าง
  • 41. [หัดใช้งานBlogger โดยนายวันดี กุมภาพันธ์ครูโรงเรียนสวนกุหลาบวิทยาลัย เพชรบูรณ์: 30 ก.ค. 54]หน้า 41 3. Gadget สถิติของบล็อก ใช้นับสถิติของเว็บบล็อกโดยที่เราไม่ต้องมานั่งนับว่าใครเข้ามาเว็บเราเอง(อันนี้ดีจริงๆขอบอก) 4. Gadget หน้าเว็บ หลักการของGadgetชนิดนี้คือคุณจะต้องสร้างหน้าเว็บขึ้นมาก่อน แล้วใช้Gadgetนี้เป็นเมนูในการ เชื่อมโยงไปยังหน้าเว็บ 5. Gadget AdSense คุณจะใช้ Gadgetชนิดนี้ได้เมื่อสมัครเข้าร่วมโปรแกรมหรือเป็นตัวแทนในการเผยแพร่โฆษณาบน Google 6. Gadget ผู้ติดตาม Gadgetชนิดนี้ใช้เพื่อให้ผู้อ่านที่ชื่นชอบบล็อกของคุณได้ติดตามและเมื่อติดตามแล้วความเคลื่อนไหว และการupdateบทความของจะไปปรากฏแผงควบคุมของผู้ติดตามโดยอัตโนมัติและมีสิทธิในการ แสดงความคิดเห็นบนบล็อกของคุณได้(กรณีที่คุณอนุญาตเฉพาะสมาชิก)
  • 42. [หัดใช้งานBlogger โดยนายวันดี กุมภาพันธ์ครูโรงเรียนสวนกุหลาบวิทยาลัย เพชรบูรณ์: 30 ก.ค. 54]หน้า 42 7. Gadget ช่องค้นหา Gadgetที่ติดตั้งเพื่อให้ผู้อ่านสามารถค้นหาสิ่งที่ต้องการในบล็อกของคุณได้ง่ายขึ้น 8. Gadget HTML/จาวาสคริปต์ Gadgetชนิดนี้เป็น Gadgetที่ยืดหยุ่นที่สุดในบรรดาGadgetทั้งหมดสามารถประยุกต์ใช้ได้ หลากหลายเหมาะสําหรับใช้ติดตั้งโค้ดต่างๆลงบน Bloggerเช่น โค้ดปฏิทิน นาฬิกาโค้ดจาวา สคริปต์โค้ดรูปภาพโค้ดวีดีโอโค้ดของลิงค์เป็นต้น 9. Gadget ข้อความ เป็น Gadgetที่เหมาะสําหรับเขียนข้อความเช่นข้อความต้อนรับเป็นต้น 10. Gadget รูปภาพ ถ้าคุณต้องการแสดงรูปภาพบนบล็อกอย่างเดียวก็ให้เลือกใช้ Gadgetนี้ครับ
  • 43. [หัดใช้งานBlogger โดยนายวันดี กุมภาพันธ์ครูโรงเรียนสวนกุหลาบวิทยาลัย เพชรบูรณ์: 30 ก.ค. 54]หน้า 43 11. Gadget สไลด์โชว์ Gadgetนี้เป็นการดึงAlbumsจาก Picasawebมาแสดงในรูปแบบสไลด์โชว์บนบล็อกของ 12. Gadget แถบวีดีโอ Gadgetนี้จะทําให้ผู้ใช้ค้นหาวีดีโอบนYoutubeจากบล็อกของคุณได้ 13. Gadget แบบสารวจ Gadgetนี้ถือเป็น Gadgetหนึ่งที่น่าสนใจมากแต่ยังมีผู้ใช้จํานวนน้อยโดยคุณอาจจะใช้สํารวจความ ต้องการหรือความคิดเห็นของผู้อ่านต่อบล็อกของคุณ หรือสํารวจเกี่ยวกับเรื่องที่เกี่ยวข้องกับเนื้อหาบน บล็อกของคุณก็ได้ 14. Gadget รายการบล็อก Gadgetชนิดนี้เป็น Gadgetที่สามารถรวบรวมข่าวสารล่าสุดจากบล็อกที่คุณเลือกหรือบล็อกที่คุณติดตาม พร้อมทั้งสามารถแสดงเนื้อหาแบบย่อได้ด้วย
  • 44. [หัดใช้งานBlogger โดยนายวันดี กุมภาพันธ์ครูโรงเรียนสวนกุหลาบวิทยาลัย เพชรบูรณ์: 30 ก.ค. 54]หน้า 44 15. Gadget รายชื่อลิงค์ เป็น Gadgetที่ใช้สร้างลิงค์ไปยังที่ต่างๆโดยคุณสามารถป้อนURLบน Gadget ชนิดนี้เพื่อสร้างLink โดยไม่ต้องมีความรู้เรื่องHTMLมาก่อนเลย 16. Gadget รายการ เป็น Gadgetที่คล้ายคลึงกับGadgetรายชื่อลิงค์แต่มีความยืดหยุ่นกว่า สามารถสร้างข้อความรายการ และใส่link ให้ข้อความได้ด้วย 17. Gadget ฟีด คุณสามารถใช้Gadgetนี้ดึงข่าวสารจากในบล็อกของคุณ หรือบล็อกอื่นที่คุณสนใจเอามาแสดงเพียงแค่ใส่ ชื่อบล็อกที่ต้องการลงไปลงไปในgadget 18. Gadget Newsreel เป็น gadgetที่ทําให้พาดหัวข่าวจากGoogleมาปรากฏบนบล็อกของคุณเท่านั้น
  • 45. [หัดใช้งานBlogger โดยนายวันดี กุมภาพันธ์ครูโรงเรียนสวนกุหลาบวิทยาลัย เพชรบูรณ์: 30 ก.ค. 54]หน้า 45 19. Gadgetป้ายกากับ Gadgetนี้มีความสําคัญคุณควรจะติดตั้งเพื่อให้บทความที่เขียนเป็นหมวดหมู่ ให้ผู้อ่านเห็นชัดเจนเลือก อ่านได้ตรงความต้องการมากขึ้น 20. Gadget ลิงค์การสมัคร Gadgetนี้มีความสําคัญในเรื่องการส่งข่าวสารข้อมูลจากบล็อกของคุณไปยังผู้อ่านผู้อ่านจะสามารถสมัคร รับบทความทางemailหรือผ่านช่องทางอื่นๆได้จาก Gadgetนี้ 21. Gadget โลโก้ Gadgetนี้ไม่สําคัญนักเป็นเพียงติดตั้งlogoของbloggerในหน้าบล็อกเท่านั้น 22. Gadget โปรไฟล์ Gadgetนี้จะแสดงข้อมูลอย่างของคุณที่ได้กรอกเอาไว้บนบัญชีของBloggerถ้าคุณต้องการแสดงข้อมูล ของคุณบน Blog ก็ควรจะติดตั้งGadgetนี้ครับ
  • 46. [หัดใช้งานBlogger โดยนายวันดี กุมภาพันธ์ครูโรงเรียนสวนกุหลาบวิทยาลัย เพชรบูรณ์: 30 ก.ค. 54]หน้า 46 23. Gadget คลังบทความของบล็อก Gadgetนี้จะทําให้ผู้อ่านเห็นบทความทั้งหมดภายในบล็อกของคุณได้ 24. Gadget ส่วนหัวของหน้า Gadgetนี้เป็นส่วนที่ใส่Title และ Descriptionของ Blog โดยปกติแล้วTemplateทั่วไปก็จะติดตั้งส่วนนี้ อยู่แล้ว คุณสามารถทดลองใช้Gadgetเหล่านี้ได้โดยไม่ต้องกลัวความผิดพลาดเพราะGadgetบน Bloggerนั้นสามารถลบออกได้อย่างง่ายดายโดยวิธีการจัดการกับGadget
  • 47. [หัดใช้งานBlogger โดยนายวันดี กุมภาพันธ์ครูโรงเรียนสวนกุหลาบวิทยาลัย เพชรบูรณ์: 30 ก.ค. 54]หน้า 47 บทที่ 6 การจัดการกับ Gadget ในหน้าบล็อก ในบทที่ผ่านมาเราได้รู้จักและใช้งานGadgetชนิดต่างๆบน Bloggerผมได้กล่าวถึงวิธีการเพิ่ม Gadgetให้กับบล็อก แต่ยังไม่ได้กล่าวถึงการลบGadgetออกจากองค์ประกอบของหน้าและนอกจากนี้ ตําแหน่งของ Gadgetยังสามารถเคลื่อนย้ายตําแหน่งได้อีกด้วย การลบ Gadget วิธีที่ 1 ถ้าในขณะที่เราloginและเปิดหน้าบล็อกของเราขึ้นมาก็จะสังเกตเห็นว่ามีเครื่องมือ ปรากฏอยู่ตามที่ต่างๆในองค์ประกอบของหน้า และถ้าเราคลิกเข้าไปก็จะสามารถแก้ไขหรือลบองค์ประกอบเหล่านั้นออกไปได้เลยครับ
  • 48. [หัดใช้งานBlogger โดยนายวันดี กุมภาพันธ์ครูโรงเรียนสวนกุหลาบวิทยาลัย เพชรบูรณ์: 30 ก.ค. 54]หน้า 48 วิธีที่ 2 เราสามารถเข้าไปลบGadgetได้ที่แผงควบคุม>> การออกแบบ>>องค์ประกอบของ หน้า >>เลือกแก้ไขGadgetที่ต้องการลบ จากนั้นเลือกลบได้เช่นเดียวกับกรณีแรก การย้ายตาแหน่ง Gadget สําหรับการย้ายตําแหน่งของGadgetทําได้โดยการเข้าไปที่แผงควบคุม>>การออกแบบ>> องค์ประกอบหน้าจากนั้นให้ลากเมาส์บนGadgetที่ต้องการย้ายไปวางในตําแหน่งที่ต้องการได้เลยครับ
  • 49. [หัดใช้งานBlogger โดยนายวันดี กุมภาพันธ์ครูโรงเรียนสวนกุหลาบวิทยาลัย เพชรบูรณ์: 30 ก.ค. 54]หน้า 49 เมื่อเข้าใจการทํางานของGadgetชนิดต่างๆ แล้วสิ่งที่อยากจะฝากเอาไว้ตอนท้ายนี้ก็คือการจัด องค์ประกอบหน้าของบล็อกดังนี้ แนวทางในการจัดองค์ประกอบหน้าบล็อก แนวทางในการจัดองค์ประกอบหน้านั้นไม่มีกฎเกณฑ์ตายตัวบางคนชอบให้มี 2 columnบางคน ชอบให้มี 3 columnซึ่งก็ขึ้นอยู่กับความชอบและความต้องการใช้งานแต่ที่อยากให้คํานึงไว้เสมอคือผู้อื่น คือ พระเจ้าทําอะไรให้เข้าใจง่ายๆหาอะไรก็เจออย่างรวดเร็วเข้าไว้เป็นพอครับและอีกประการที่สําคัญคือ การติดตั้งGadgetต่างๆควรติดตั้งเท่าที่จําเป็นและต้องการใช้งานปฏิทินหรือนาฬิกานั้นก็ไม่ควรติดตั้ง ลงไปเลยเพราะไม่คุ้มค่ากับการเพิ่มภาระการโหลดให้กับผู้เข้าชมและถ้าบล็อกของคุณโหลดได้ช้า ก็ เป็นไปได้ยากที่ผู้อ่านจะกลับมาอีก องค์ประกอบในหน้าของบล็อกที่ผมคิดว่าคุณควรจะมีคือ ส่วนที่บอกตัวตนของบล็อก : ซึ่งอาจจะแสดงในส่วนหัวของหน้าหรือเป็นวีดีโอ/สไลด์/ข้อความ/รูปถ่ายอยู่ในตําแหน่งที่เห็น ได้ชัด ส่วนที่เชื่อมโยงไปยังบทความในบล็อก : ส่วนนี้จําเป็นมากเพราะจะช่วยให้ผู้อ่านค้นหาบทความได้เร็วขึ้นคุณอาจจะรวมบทความทั้งหมด เลยหรืออาจจะใช้วิธีจัดหมวดหมู่ให้ผู้อ่านเลือกสิ่งที่ต้องการจากบล็อกของเราได้เร็วขึ้น ส่วนพื้นที่ของสมาชิก : ส่วนนี้จะแสดงให้เห็นว่ามีผู้สนใจบล็อกของเรามากแค่ไหนและสามารถสมัครติดตามบล็อกของ เราได้ทันทีเช่นอาจจะใช้ Gadgetผู้ติดตามหรือใช้ Like boxPluginsของ FacebookหรืออาจจะทําPoll ก็ได้ ส่วนที่เป็นช่องทางให้ผู้อ่านติดต่อเราได้ : คุณอาจจะทําlink เชื่อมโยงให้ผู้อ่านติดต่อคุณได้หรืออาจจะใช้Gadgetprofileของ Blogger เพื่อแนะนําตัวก็ได้
  • 50. [หัดใช้งานBlogger โดยนายวันดี กุมภาพันธ์ครูโรงเรียนสวนกุหลาบวิทยาลัย เพชรบูรณ์: 30 ก.ค. 54]หน้า 50 บทที่ 7 การแสดงข่าวสารล่าสุดด้วย Gadget ฟีด ความหมายของคําว่าฟีดโดยสรุปก็คือเป็นสิ่งที่แพร่กระจายจากบล็อกของเราบนโลก Internet เทียบได้กับคลื่นสัญญาณวิทยุหรือโทรทัศน์ถ้ามีตัวรับทุกคนก็สามารถมองเห็นข่าวสารที่ต้องการเลือก รับได้ นอกจากนี้ถ้ามีตัวช่วยส่งให้ฟีดแพร่ได้แรงขึ้นข่าวสารก็ย่อมจะแพร่กระจายได้เร็วด้วย ดังนั้นถ้าคุณสนใจข่าวสารจากบล็อกใดบล็อกหนึ่งคุณก็สามารถที่จะเปิดรับข่าวสารจากบล็อก นั้นๆ โดยใช้ Gadgetฟีด ซึ่งเป็น Gadgetที่สามารถเพิ่มได้อย่างไม่จํากัดดังนั้นถ้าคุณต้องการรับข่าวจาก 10 บล็อกก็สามารถทําได้โดยการเพิ่มgadgetฟีดเข้าไปในบล็อก10ครั้ง ในขณะเดียวกันถ้าคุณใส่ชื่อ บล็อกของตัวเองใน Gadgetฟีด Gadgetชนิดนี้จะกลายเป็นGadgetที่ใช้แสดงบทความล่าสุดนั่นเอง ครับ การแสดงข่าวสารล่าสุดโดยการใช้ Gadgetฟีด 1. ไปที่องค์ประกอบของหน้า >>เพิ่มฟีด Gadget 2. ใส่โค้ดต่อไปนี้ลงไปในGadgetฟีด http://ชื่อบล็อก.blogspot.com/feeds/posts/default โดยจะต้องเปลี่ยนชื่อบล็อกเป็นชื่อบล็อกของของคุณเองหรือชื่อบล็อกที่คุณต้องการรับข่าวสารที่ update
  • 51. [หัดใช้งานBlogger โดยนายวันดี กุมภาพันธ์ครูโรงเรียนสวนกุหลาบวิทยาลัย เพชรบูรณ์: 30 ก.ค. 54]หน้า 51 ตั้งค่าที่ต้องการเพิ่มเติมและบันทึกก็จะได้feedsข่าวสารมาปรากฏที่บล็อกของคุณ 3. ถ้าต้องการเพิ่มบล็อกอื่นอีกก็ทําซ้ําข้อ1 และ 2 แต่ต้องเปลี่ยนชื่อบล็อกใหม่ 4. กรณีที่คุณต้องการเรียกfeedจากเว็บที่ต้องการให้ค้นหาfeedจากเว็บwww.google.com แล้วแทนโค้ดในข้อ2 เช่น feed ข่าวการศึกษาจากเว็บhttp://www.rssthai.com/ให้ใส่โค้ด http://www.rssthai.com/news.php?t=educationแทนในข้อ 2
  • 52. [หัดใช้งานBlogger โดยนายวันดี กุมภาพันธ์ครูโรงเรียนสวนกุหลาบวิทยาลัย เพชรบูรณ์: 30 ก.ค. 54]หน้า 52 บทที่ 8 แนะนา Gadget ใหม่ของ blogger “หน้าเว็บ” ตามเว็บไซต์ต่างๆ เราคงจะเคยเห็นกันว่าแต่ละเว็บไซต์จะมีเมนูสําหรับเลือกเปิดไปดูหน้าอื่นๆ ภายในเว็บนั้นๆเช่น ตัวอย่างในรูปด้านล่าง Bloggerได้พัฒนาGadgetขึ้นมามีชื่อว่า หน้าเว็บเพื่อให้ผู้ใช้ได้สร้างหน้าของบล็อกที่ต้องการได้โดยไม่ ต้องมีความรู้ในการดัดแปลงหรือแก้ไขแม่แบบด้วยตนเอง การเรียกใช้Gadgetชนิดนี้สามารถเลือกใช้ได้เช่นเดียวกับการAddGadgetชนิดอื่น ๆ นั่นคือ ไปที่ องค์ประกอบของหน้า >>แล้วเลือกเพิ่ม Gadget ต่อไปเรามาดูว่าGadgetนี้ใช้อย่างไร และใช้เพื่อจุดประสงค์ใด หลักการของGadgetนี้เหมือนการสร้างบทความขึ้นมา 1บทความและสร้างLink เชื่อมโยงไป ยังบทความนั้นๆ แต่มีความพิเศษตรงที่ผู้ใช้ทั่วไปสร้างเมนูขึ้นเองได้อย่างง่ายดาย โดยไม่ต้องมีความรู้ พื้นฐานเกี่ยวกับHTML เลย
  • 53. [หัดใช้งานBlogger โดยนายวันดี กุมภาพันธ์ครูโรงเรียนสวนกุหลาบวิทยาลัย เพชรบูรณ์: 30 ก.ค. 54]หน้า 53 ตัวอย่างวิธีการใช้งาน(จริง) ในตัวอย่างนี้ผมจะสร้าง2หน้าให้เห็นเป็นตัวอย่างได้แก่HOME และCONTACT ME ขั้นเตรียมการ เนื่องจากผมจะยกตัวอย่างการสร้างหน้า Contactmeดังนั้นให้ทุกคนไปสร้างFormสําหรับ ติดต่อเจ้าของบล็อกซึ่งก็คือเราเองได้ที่ http://www.foxyform.com/ ซึ่งขั้นตอนในการสร้างฟอร์มนั้นง่ายมากมีเพียง4ขั้นเท่านั้น(ดูรูป)
  • 54. [หัดใช้งานBlogger โดยนายวันดี กุมภาพันธ์ครูโรงเรียนสวนกุหลาบวิทยาลัย เพชรบูรณ์: 30 ก.ค. 54]หน้า 54 เมื่อได้โค้ดแล้วคัดลอกเก็บเอาไว้ก่อนครับ ขั้นสร้างหน้าเว็บจริง ขั้นที่ 1 สร้างหน้าแรกหรือHOME Login เข้าไปที่ draft.bloggerไปที่แผงควบคุม >>องค์ประกอบของหน้า >> แล้วเลือกเพิ่มGadget เลือกอันแรกเลยครับคือgadgetหน้าเว็บ จากนั้นก็สร้างหน้าแรกขึ้นมาโดยตั้งชื่อตามที่ต้องการได้เลยแล้วทําการบันทึกครับ
  • 55. [หัดใช้งานBlogger โดยนายวันดี กุมภาพันธ์ครูโรงเรียนสวนกุหลาบวิทยาลัย เพชรบูรณ์: 30 ก.ค. 54]หน้า 55 ขั้นที่ 2 เมื่อผ่านขั้นที่1 มาแล้วก็เท่ากับว่าเราได้สร้างหน้าบล็อกขึ้นมาแล้ว 1หน้า ถ้าจะทําการเพิ่มหน้าอีกให้ไปที่แผงควบคุม>>การส่งบทความ>>แก้ไขหน้าเว็บ>>หน้าเว็บใหม่ เมื่อคลิกสร้างหน้าเว็บใหม่เราก็จะพบเครื่องมือต่างๆเหมือนการเขียนบทความนั่นเองครับ
  • 56. [หัดใช้งานBlogger โดยนายวันดี กุมภาพันธ์ครูโรงเรียนสวนกุหลาบวิทยาลัย เพชรบูรณ์: 30 ก.ค. 54]หน้า 56 ให้นําโค้ดของForm ที่เตรียมไว้จากขั้นเตรียมการมาวางในหน้าหน้านี้จัดรูปแบบตามต้องการแล้วบันทึก หน้าได้เลยครับ เพียงขั้นตอนสั้นๆนี้เราก็จะมีเมนูเชื่อมโยงไปยังหน้าของบล็อกถึง2หน้าด้วยกันได้แก่หน้าแรกและ ติดต่อเรา ขั้นที่ 3 -ถ้าหากต้องการเพิ่มหน้าบล็อกเพิ่มขึ้นอีกก็ทําซ้ําขั้นตอนที่ได้กล่าวมาข้างต้นครับ -แต่ถ้าต้องการลบหน้าบล็อกทิ้งก็มาที่เดิมแล้วจะเห็นคําว่าลบถ้าต้องการลบทิ้งก็กดคําว่าลบ ได้เลย
  • 57. [หัดใช้งานBlogger โดยนายวันดี กุมภาพันธ์ครูโรงเรียนสวนกุหลาบวิทยาลัย เพชรบูรณ์: 30 ก.ค. 54]หน้า 57 ขั้นที่ 4 วิธีจัดการกับเมนูหน้าเว็บ -ถ้าต้องการเรียงลําดับหน้าเว็บใหม่ก็ไปที่องค์ประกอบของหน้า แล้วคลิกGadgetหน้าเว็บ ขึ้นมาแก้ไข>> ดูรูป นอกจากนี้Gadgetหน้าเว็บจะมีลักษณะพิเศษคือถ้าอยู่ที่Sidebarเมนูจะจัดเรียงเป็นแนวตั้ง
  • 58. [หัดใช้งานBlogger โดยนายวันดี กุมภาพันธ์ครูโรงเรียนสวนกุหลาบวิทยาลัย เพชรบูรณ์: 30 ก.ค. 54]หน้า 58 แต่ถ้าลากไปในตําแหน่งใต้ส่วนหัว จะจัดเรียงเรียงเป็นแนวนอนโดยอัตโนมัติ
  • 59. [หัดใช้งานBlogger โดยนายวันดี กุมภาพันธ์ครูโรงเรียนสวนกุหลาบวิทยาลัย เพชรบูรณ์: 30 ก.ค. 54]หน้า 59 เมื่อแสดงเว็บบล็อก ก็จะพบว่า เมนู ดูเหมาะสมขึ้นดังรูป
  • 60. [หัดใช้งานBlogger โดยนายวันดี กุมภาพันธ์ครูโรงเรียนสวนกุหลาบวิทยาลัย เพชรบูรณ์: 30 ก.ค. 54]หน้า 60 บทที่ 9 นับจานวนคนเยี่ยมชมด้วย Flagcounter อีกบริการนับสถิติคนเยี่ยมชมที่ช่วยให้เราทราบว่าบล็อกของเรามีผู้เยี่ยมชมทั้งในและต่างประเทศ มากหรือน้อยจาก Flagcounter วิธีติดตั้ง 1. ไปที่ http://www.flagcounter.com/index.html 2. ตั้งค่าต่างๆตามความต้องการแล้วกดGETYOURFLAG COUNTERดังรูป จะพบหน้าจอให้พิมพ์อีเมล์ของเราแล้วกด Continue
  • 61. [หัดใช้งานBlogger โดยนายวันดี กุมภาพันธ์ครูโรงเรียนสวนกุหลาบวิทยาลัย เพชรบูรณ์: 30 ก.ค. 54]หน้า 61 3. คัดลอกHTML โค้ด ที่ FLAG COUNTERได้สร้างให้ในขั้นที่2 4. กลับมาที่บล็อกของเราไปที่แผงควบคุม>>รูปแบบ >>องค์ประกอบหน้า >> เพิ่มGadget ชนิด HTML/จาวาสคริปต์ 5. วางโค้ดที่คัดลอกมาจากขั้นที่3แล้วบันทึกครับก็เป็นอันจบขั้นตอนครับลักษณะที่ได้ก็ดังรูป
  • 62. [หัดใช้งานBlogger โดยนายวันดี กุมภาพันธ์ครูโรงเรียนสวนกุหลาบวิทยาลัย เพชรบูรณ์: 30 ก.ค. 54]หน้า 62 บทที่ 10 รูปภาพในบทความบน Blogger คุณเคยสงสัยไหมครับว่ารูปภาพที่คุณ uploadขึ้น ไปขณะที่เขียนบทความหรืออาจจะเขียนบทความไปแล้วรูป เหล่านั้นไปอยู่ที่ไหนเพราะว่าBloggerเองไม่มีsever ยัง ต้องอาศัยฐานข้อมูลของตัวแม่คือblogspot.comอยู่แล้ว จะเอาพื้นที่ ๆไหนมาเก็บรูปตั้งมากมาย? คําตอบคือBloggerจะใช้วิธีเชื่อมโยงกับ Applicationอื่น ๆของ Googleเพื่อแก้ปัญหาการเก็บข้อมูล เช่นรูปภาพใน Bloggerที่เราพูดถึงกันอยู่ตอนนี้ก็จะถูกเก็บ อยู่ที่ PicasaWeb Albums ดังนั้นไม่ว่าจะเป็นภาพที่คุณUploadขณะเขียนบทความก็จะถูกเก็บอยู่ใน PicasaWeb Albums ทั้งหมด คุณใช้บริการ Picasa Web Albums ได้อย่างไร? การใช้บริการPicasaWebAlbumsสามารถเข้าใช้ได้ทันทีหากคุณมีบัญชีผู้ใช้กับgoogleอยู่ แล้วเช่นมีบัญชีผู้ใช้ GmailหรือBlogger อยู่แล้วก็สามารถLoginเข้าใช้ได้เลย Picasa Web Albums ให้พื้นที่เท่าไร? Picasaจะให้พื้นที่ เพียง1 GBต่อ1 บัญชีผู้ใช้ นี่เป็นเหตุผลที่บางคนอาจจะสงสัยว่าทําไม คุณภาพรูปหรือขนาดของรูปบนBloggerจึงลดลงกล่าวคือระบบของPicasaจะทําการลดขนาดของรูปที่ เราUploadผ่านBloggerให้มีขนาดเล็กลงเพื่อเป็นการประหยัดพื้นที่นั่นเอง
  • 63. [หัดใช้งานBlogger โดยนายวันดี กุมภาพันธ์ครูโรงเรียนสวนกุหลาบวิทยาลัย เพชรบูรณ์: 30 ก.ค. 54]หน้า 63 คุณจะเข้าไปจัดการรูปภาพจาก Blogger ในPicasa Web ได้อย่างไร? การจัดการภาพในPicasaWebAlbums ทําได้2 วิธีคือ 1. ใช้ Software ที่พัฒนาขึ้นมาจัดการPicasaWebAlbumsโดยเฉพาะ คุณสามารถเข้าไปดาวน์โหลดPicasaได้ที่ http://picasa.google.com/ 2. เข้าไปจัดการที่เว็บไซต์PicasaWebAlbumsโดยตรงโดยไปที่ http://picasaweb.google.com และ Login โดยใช้ชื่อบัญชีเดียวกับBlogger คุณสามารถเข้าไปUnloadภาพได้โดยตรงกับPicasaแล้วเรียกมาใช้บนbloggerได้โดยใช้ตัวเลือก อัปโหลด
  • 64. [หัดใช้งานBlogger โดยนายวันดี กุมภาพันธ์ครูโรงเรียนสวนกุหลาบวิทยาลัย เพชรบูรณ์: 30 ก.ค. 54]หน้า 64 แต่ถ้าต้องการรูปภาพบนBloggerที่ได้อัปโหลดขึ้นไปแล้วก็คลิกที่อัลบั้มที่ต้องการแล้วเข้าไปจัดการภาพได้ เช่นกัน ลบรูปภาพบน Blogger แล้วรูปบน Picasa จะถูกลบด้วยหรือไม่? การลบรูปภาพบนBloggerไม่ส่งผลใดๆต่อPicasaWeb Albums เลยเว้นแต่คุณจะเข้ามาลบ ใน PicasaWebAlbums โดยตรงดังนั้นถ้าในขณะเขียนบทความคุณเผลอทําพลาดรูปภาพหายไปก็ สามารถเข้ามาเอารูปภาพจากPicasaWebAlbumsใช้งานได้อีกโดยไม่ต้องuploadซ้ําหรือไม่ต้องไปหา ภาพมาใหม่ บทสรุป บทนี้แนะนําให้พอรู้จักการเชื่อมโยงระหว่างBloggerและPicasaWebAlbums ซึ่งเป็นบริการ ในเครือข่ายGoogleเหมือนกัน และจะทําให้คุณเข้าใจการจัดการเกี่ยวกับภาพบนBloggerได้ดีขึ้น
  • 65. [หัดใช้งานBlogger โดยนายวันดี กุมภาพันธ์ครูโรงเรียนสวนกุหลาบวิทยาลัย เพชรบูรณ์: 30 ก.ค. 54]หน้า 65 บทที่ 11 การสร้างวีดีโอใน YouTube และนามาใส่ในบล็อก ถ้ามีวีดีโอในหน้าบล็อกของเราด้วยการสื่อสารเรื่องราวต่างๆก็จะมีชีวิตชีวาและเข้าใจง่ายขึ้นซึ่ง ในที่นี้เราสามารถสร้างได้ไม่ยากด้วยบริการของ www.youtube.comครับ ขั้นตอนการฝากวีดีโอไว้กับ YouTube 1. ไปที่ www.youtube.comแล้วเลือกCreate Account ที่มุมขวาบนหรือที่หน้าแรกซึ่งในกรณี ที่เราLoginอยู่ในเว็บบล็อกของเรานั้นก็สามารถใช้บริการของYouTubeด้วยAccountเดิมโดยไม่ต้อง สมัครใหม่ครับวิธีการทําได้โดย 1.1 คลิกที่ สร้างบัญชีหรือลงชื่อเข้าใช้งานหากยังไม่ได้เข้าระบบอีเมล์ของG-mail เมื่อเข้าระบบG-mail แล้ว จะพบหน้าจอดังรูปให้คลิกปุ่มอัปโหลด
  • 66. [หัดใช้งานBlogger โดยนายวันดี กุมภาพันธ์ครูโรงเรียนสวนกุหลาบวิทยาลัย เพชรบูรณ์: 30 ก.ค. 54]หน้า 66 1.2 กรอกข้อมูลสําหรับการสร้างบัญชีโดยใช้usernameของ gmailของเราเอง 1.3 ระบบจะแจ้งความเป็นส่วนตัวและการใช้งานร่วมกันของYouTube