1. หน้า้้1
บทนา
บล้อก้(อังกฤษ:้blog) เป็นคารวมมาจากคาว่า้เวบล้อก้(อังกฤษ:้weblog) เป็นร้ปแบบเวบไซต้
ประเภทหนึ่ง้ซึ่งถ้กเข้ยนข้ึ้นในลาด้ับท่เร้ยงตามเวลาในการเข้ยน้ซึ่งจะแสดงขอมลท่เข้ยนล้่าส้ดไวแรกส้ด้
บล้อกโดยปกตจะประกอบด้วย้ข้อความ้ภาพ้ล้งก้ซึ่งบางคร้ั้งจะรวมส้่อต้่างๆ้ไม้่ว่า้เพลง้หร้อวดโอใน้
หลายร้ปแบบได้จดท่แตกตางของบล้อกก้ับเวบไซต้โดยปกต้คอ้บล้อกจะเปิดให้ผ้เข้ามาอ่านข้อม้ล้สามารถ้
แสดงความค้ดเหนต้่อท้ายข้อความท่เจาของบล้อกเป็นคนเข้ยน้ซึ่งทาใหผ้เข้ยนสามารถไดผลตอบกล้ับโดย้
ทันท้คาว้่า้"บล้อก"้ย้ังใชเป้นคากรยาได้ซึ่งหมายถง้การเข้ยนบล้อก้และนอกจากน้ผ้ท่เข้ยนบล้อกเป็น้
อาชพก้จะถกเร้ยกว่า้"บล้อกเกอร"
บล้อกเป็นเวบไซต้ท่มเน้อหาหลากหลายข้ึ้นอย้่ก้ับเจาของบล้อก้โดยสามารถใช้เป็นเคร้่องม้อ้
ส้่อสาร้การประกาศข้่าวสาร้การแสดงความคดเหน้การเผยแพรผลงาน้ในหลายด้านไม้่ว้่า้อาหาร้
การเมอง้เทคโนโลย้หร้อข้่าวปัจจบัน้นอกจากน้บล้อกท้่ถ้กเข้ยนเฉพาะเร้่องสวนต้ัวหร้อจะเร้ยกว่าไดอาร้
ออนไลน้ซึ่งไดอาร้ออนไลนน้่เองเป็นจดเร้่มต้นของการใช้บล้อกในปัจจ้บัน้นอกจากน้ตามบร้ษ้ัทเอกชน้
หลายแห่งได้ม้การจัดทาบล้อกของทางบร้ษ้ัทข้ึ้น้เพ่อเสนอแนวความเหนใหม้่ใหัก้ับล้กค้า้โดยมการเข้ยน
บล้อกออกมาในล้ักษณะเด้ยวก้ับข้่าวส้ั้น้และได้ร้ับการตอบร้ับจากทางลกค้าท่แสดงความเหนตอบกล้ับเข้า้
ไป้เพ่อพัฒนาผล้ตภ้ัณฑ
ความนิยม
บล้อกได้เร้่มม้บทบาทมากข้ึ้นในป้ัจจ้บันในวงการ[[ส้่อมวลชน]]ในหลายประเทศ้เน่องจากระบบ้
แก้ไขท้่เร้ยบง้่าย้และสามารถต้พมพเร้่องราวได้โดยไมต้องใชความร้ในการเข้ยนเวบไซต้โดยนอกเหน้อจาก้
ท่ผ้เข้ยนข้่าวส้่งผลงานใหกับทางส้่อแล้ว้ย้ังได้มาเข้ยนขาวในอกช้่องทางหนึ่งในการเผยแพร้่ข้อมล้หร้อ้
แนวความค้ด้โดยการเขยนบล้อกสามารถเผยแพร้่ข้อม้ลส้่ประชาชนไดรวดเร้วและเส้ยค้่าใช้จ่ายนอยกว่า้
ส้่อในดานอ่น้ข้่าวท่นยมในการเข้ยนบล้อกต้่อส้่อมวลชน้ส้่วนใหญ้่จะเป็นในลกษณะเร้่องซบซ้บวง้การ้
ดารา้ข้่าวการเคล้่อนไหวทางการเมอง้เป็นต้น
จากความนยมท่มากข้ึ้น้ทาใหหลายเวบไซต้เปิดใหม้ส้่วนการใชงานบล้อกเพ่มขึ้นมาในเวบของตนเอง้
เพ่อเร้ยกใหมการเข้าส้่เวบไซต้มากข้ึ้นท้ั้งผ้เขยนและผ้อ่าน

2. หน้า้้2
การใช้งานบลิอก
ผ้ใช้งานบล้อกจะแก้ไขและบร้หารบล้อกผ้่านทาง้[เวบเบราวเซอร]้เหมอนการใชงานและอ่าน
เวบไซต้ทั่วไป้โดยจะม้ร้ปแบบบร้หารบล้อกท่แตกต้่างก้ัน้เช่นบางระบบท่มบรรณาธการของบล้อก้ผ้เข้ยน้
หลายคนจะสงเร้่องเข้าทางบล้อก้และจะตองรอใหบรรณาธการอนมัต้ใหบล้อกเผยแพรก้่อน้บล้อกถงจะ้
แสดงผลในเวบไซต้นั้นได้ซึ่งจะแตกต้่างจากบล้อกส้่วนต้ัวท่จะใหแสดงผลได้ทันท
ผ้เข้ยนบล้อกในปัจจ้บันจะใช้งานบล้อกในร้ปแบบใดร้ปแบบหน้ึ่งไม่ว้่า้ต้ดตงซอฟต้แวร้ของตวเอง้
หร้อใชงานบล้อกผ้่านทางเวบไซต้ท่ใหบร้การบล้อก
สาหร้ับผ้อ่านบล้อกจะใช้งานได้ในล้ักษณะเหมอนอ้่านเวบไซต้ทั้่วไป้และสามารถแสดงความเห้น้
ได้ในสวนทายของแต้่ละบล้อกโดยอาจจะตองผ้่านการลงทะเบยนในบางบล้อก้นอกจากน้ผ้อ่านบล้อก้
สามารถอ้่านบล้อกไดผ้่านระบบ้[ฟีด]้ซึ่งมใหบร้การในบล้อกทั้่วไป้ทาใหผ้ใชสามารถอ่านบล้อกได้โดยตรง้
ผ้่านโปรแกรมตวอ่นโดยไม่จาเป้นตองเข้ามาส้่หน้าบล้อกนั้น
บลิอกซอฟติแวร
บล้อกซอฟต้แวร้หร้อ้บล้อกแวร้เป็นซอฟตแวรท้่ใช้ในอนเทอร้เนต้ในล้ักษณะของระบบจัดการ
เน้อหาเวบ้ท่ผ้พัฒนาซอฟตแวร้และผ้เข้ยนหร้อด้แลบล้อกจะแยกจากก้ันต้่างหาก้ส้่งผลใหผ้เข้ยนบล้อก้
สามารถใช้งานได้ทันทโดยไม้่ต้องม้พ้นฐานความร้ในด้านเอชทเอมแอล้หร้อการทาเวบไซต้แต้่อย้่างใด้ทา้
ใหผ้เข้ยนบล้อกสามารถใชเวลาส้่วนใหญ้่ในการ้บร้หารจัดการ้เพ้่มเตม้ข้อมลและสารสนเทศแทนได้
นอกจากน้บล้อกซอฟต้แวรจะสนับสนน้ระบบ้WYSIWYG ซึ่งทาใหง่ายต้่อการเข้ยน้และอาจเพ่มเต้มการม้
เทมเพลตในหลายแบบใหเล้อกใช
ซอฟตแวรส้่วนใหญ้่สามารถดาวนโหลดและต้ดต้ั้งได้ทันท้โดยผ้ใช้ซึ่งซอฟตแวร้บางส้่วนเป็น
ซอฟตแวร้โอเพนซอรส้ซึ่งเป็นซอฟตแวร้ท่ไม้่สงวนล้ขส้ทธ้ซึ่งผ้พัฒนาสามารถนามาปร้ับแก้เป็นของตนเอง้
ต้ดตงไวใชเป้นบล้อกสวนต้ัว้หร้อเผยแพร้่ใหคนอ้่นมาใชงานได้ส้่วนซอฟต้แวรล้ขสทธ้์นั้น้จะมทั้งในร้ปแบบ้
ท่ใหใชงานแบบเส้ยคาใชจายหร้อใหใช้งานฟร

3. หน้า้้3
บลิอกซอฟติแวริทิ่เปินทิ่ริ้จัก
รายช่อบล้อกซอฟตแวร้ท่เป็นท่น้ยมพร้อมทั้งช่อซอฟตแวร้ท่ใชพัฒนาในวงเล้บ
ดร้ปาล้(พเอชพ้/มายเอสควแอล)
เวร้ดเพรสส้(พเอชพ้/มายเอสค้วแอล)
สแลช้(เพรล)
ไลฟ์ไทป์้(พเอชพ้/มายเอสค้วแอล)
จมล้่า้(พเอชพ้/มายเอสค้วแอล)
แมมโบ้(พเอชพ้/มายเอสควแอล)
รายชื่อผิ้ใหิ้บริการบลิอกทิ่มิชื่อเสิยง
บล้อกเกอร้(ก้เก้ล)
ไทป์แพด
เวร้ดเพรสส
ยาฮ!้360°้หร้อ้ยาฮ!เดย้(ยาฮ!)
วนโดวส้ไลฟ์้สเปซเซส้(ไมโครซอฟท)
มายสเปซ
มัลต้ไพล
ผิ้ใหิ้บริการบลิอกในประเทศไทยท่เปินทิ่ริ้จัก
Blognone บล้อกสาหร้ับเข้ยนเร้่องราวเกยวก้ับเทคโนโลย้และข้่าวไอท้อย่างเดยว
เอกซ้ทน
GotoKnow
Bloggoo
learners.in.th
บล้อกแก๊ง
โอเคเนชั่น
นอกจากน้ทางเวบท้่นยมของไทยอย้่าง้สนก.คอม, กระปก.คอม้หร้อผ้จ้ัดการออนไลน้ก้ได้ม้การ้
เปิดใหบร้การบล้อก

4. หน้า้้4
บทท่ิ1ิการสริ้างเวบบลิอก
หลายคนอาจสงส้ัยว่าตอนน้จะทาเวบบล้อกไปเพ่ออะไร? แล้วจะเส้ยเงนไหม้หากจะทาข้ึ้นมา้
จร้งๆ้แล้วประโยชนของเวบบล้อกนั้นม้มากกว่าท่เราค้ดไว้คร้ับ้เช้่น้ใช้ในการทางาน้้ในการนาเสนอผลงาน้
การขายส้นค้า้ใช้ในการเร้ยนการสอน้หร้อ้ใช้ในการเข้ยนชวประว้ัต้ส้่วนต้ัวแลวเกบไวเป้นฐานขอมลแบบ้
ออนไลนกยงได้คร้ับ้้ส้่วนป้ัญหาท่บางท้่านไมร้จัก้code ของภาษาต้่างๆ้เช่น้HTML หร้อ้Java script ฯ้ก้
ไม้่ต้องเป็นก้ังวลคร้ับ้เพราะต้ัวผมเองก้ไม่เป้นเหมอนก้ันแต้่กค้่อยๆ้เร้ยนร้ก้ันไป้เพยงแค้่ไม้่กวันค้ณก้จะม้
บล้อกสวยๆ้และนาไปใช้ประโยชน้ได้แน่นอนคร้ับ
เวบบล้อกไมจาเป็นต้องมเงนในการทาคร้ับ้เพราะมผ้ให้บร้การฟร้และผมจะขอเสนอผ้ใหบรการ้
บล้อกท่ช่อว้่า้บล้อกเกอร้ซึ่งเป็นของ้Google ซึ่งผมกจัดทาอย้มอย้2้เวบด้วยก้ัน้ค้อ
www.lovelyfools.blogspot.com
อันน้เป็นเวบบล้อกส้่วนต้ัวคร้ับ
www.nongpoto.blogspot.com
อันน้เป็นเวบบล้อกของล้กชายคร้ับ

5. หน้า้้5
วธสริ้างบลิอกกบิBlogger
ข้ั้นท้1้้การสมัครใช้งาน้Blogger สามารถใช้email ของระบบใดก้ได้แต้่ในระยะยาวแล้วการ
เช่อมโยงก้ับบร้การหลายๆ้อย่างของ้Google ควรจะใช้email ของ้Gmail ด้ท่สดคร้ับ
1. ใหค้ณเข้าไปท้้www.gmial.com เพ่อสร้างบ้ัญช้ผ้ใช้ก้ับ้Google
2. กรอกขอม้ลท่จาเป้นในการสมัคร้Gmail
จากนั้นคล้กป่ม้ฉิันยอมรับิโปรดสร้างบิัญชของฉิัน

6. หน้า้้6
3. จะพบหน้าจอการย้นย้ันบ้ัญชของเรา้ซึ่งต้องใส้่เบอร้โทรศ้ัพท้(Google จะส้่ง้massage มาให)้จากนั้น
4. คล้กป้่ม้สิงรหัสยืนยันไปยิังโทรศัพทมิือถิือของฉิัน
5. เม่อเปิดด้ข้อความในโทรศ้ัพท้มอถ้อแล้ว้ก้ใหป้อนรห้ัสท่ได้จากนั้นคล้กป้่ม้ยืนยัน
6. ค้ณจะพบก้ับหน้าจอแสดงความย้นด้เก้่ยวก้ับบ้ัญชของ้Gmail

7. หน้า้้7
7. คล้กท่ปม้ เพ่อด้Gmail ของเราครงแรก
ข้ั้นท้2้้หล้ังจากได้บัญชผใช้แลว้ใหไปท่้www.blogger.com เพ่อสร้างบล้อกก้ันเลยคร้ับ้
โดยในการสรางบล้อกนั้น้ก้ใหใช้บัญชผ้ใช้(user name + password) ท่ไดสรางไว้ในข้ั้นท้1
1. ไปท่เวบไซต้http://www.blogger.com ด้ังร้ป
2. คล้กท่ปม เพ่อเร้่มต้นการสร้างบล้อก้ด้ังร้ป

8. หน้า้้8
3. ใหกรอก้email ที่ได้จากขั้นทั1 ชื่อผั้เขัียนบลัอก วนเกัด
4. เม่อกรอกขอม้ลครบแล้ว้ใหคล้กท่ป้่ม จะพบหน้าจอ้ติั้งชื่อเวิบบลิอกของิ
คุณิใหทาการ้ตั้งชื่อเวบบลัอกที่เราตั้องการ, ที่อยั่บลัอกัและ้กรอกรหัสยัืนยนั(แต้่การกาหนด้URL

9. หน้า้้9
จะตองไม่ให้ซาก้ับคนอ้่น้ๆ้ถ้าซาก้ใชว้ธ้เปลยนเป็นคาหร้อวล้ท้่ใกล้เค้ยงไปเร้่อย้ๆ้การต้ั้งช้่อและ้URL
ของบล้อกควรม้keyword ท่ส้ัมพันธ้ก้ับเร้่องท่จะเข้ยนด้วย)
5. คล้กท่ปม จะพบหน้าจอ้เลิือกแมแบบเริมติ้นิด้ังร้ป

10. หน้า้้10
6. ใหเล้อกแม่แบบเรมต้นท้่เราต้องการใหเป็นร้ปแบบของบล้อก้จากนั้นคล้กป้่ม้
จะปรากฏหน้าจอแจงว่า้บล้อกของค้ณถกสร้างข้ึ้นแล้ว้ด้ังร้ป
7. คล้กท่ปม เพ่อกรอกข้อมลคร้ั้งแรกในการสรางเวบบล้อก้
ซึ่งจะตองกรอกข้อมลในหน้าเวบ้ด้ังร้ป

11. หน้า้้11
8. เม่อกรอกขอม้ลเสร้จแล้ว้ใหคล้กป้่ม จะปรากฏหน้าจอ้ด้ังร้ป
9. ใหคลกท่ป้่ม เพ่อด้เวบบล้อกของเรา้เป็นคร้ั้งแรก้จะพบหน้าจอ้ด้ังร้ป

12. หน้า้้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
http://freetemplates.blogspot.com

13. หน้า้้13
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://www.bloggerblogtemplates.com/ิเพ่อเป็นต้นแบบในการใช
Template

14. หน้า้้14
ผมเล้อก้Template น้
1. โดยการคลกท่้Read More or Download this Blogger Template จากนั้นจะพบ้
หน้าต้่างใหม่้ใหเล้่อนหาเมน้Download the Green Day Blogger Theme และทาการ้
คล้กเพ่อดาวนโหลด้จะได ใหทาการ้แตกไฟล้จากนั้นให้
นา้green-day-blogger-theme.xml ไปวางไวท่้Desktop
2. Log in ท่้blogger ไปท่แผงควบค้ม้>> ร้ปแบบ้>> แก้ไข้HTML >> คล้กป้่ม้Browse เพ่อท่จะ้
อัปโหลดแม่แบบข้ึ้นมา

15. หน้า้้15
3. เร้ยกไฟล้.XML ท่เตร้ยมไว้ตามขั้นตอนในร้ปคร้ับ
4. อัปโหลดแม่แบบข้ึ้นไปแทนท่แม่แบบเด้ม้โดยระหว่างการแทนท่้อาจม้การถามถ้ึงการลบ/เก้บ้Widget
ของแม่แบบเด้ม้ซึ่งถาต้องการเก้บของเก้่าเอาไว้ก้เล้อก้เก้บ้Widget ก้จะทาให้Widget ของแม่แบบ้
เด้ม้ไม้่ถ้กลบขณะเปล้่ยน้้Templates

16. หน้า้้16
5. จากนั้นลองแสดงต้ัวอย้่างด้ซึ่งถ้าพอใจก้ับแม่แบบแล้วกใหทาการบันทึก้ก้จบขั้นตอนการเปลยน้
แม่แบบแล้วคร้ับ้้และถ้าหากคณต้องการเปล้่ยนแม่แบบอกก้สามารถเปล้่ยนไดแบบไม่จาก้ัดคร้ั้ง
น่คอผลงาน้หลงจากเปล้่ยนแม่แบบ้น้คร้ับ้
ก้่อนเปล้่ยน้Template
หล้ังเปลยน้Template

17. หน้า้้17
เคริื่องมิือสาหริับิ“ออกแบบแมิแบบ” ดิ้วยตนเองิใหม!ิจากิBlogger
หล้ังจากทมงาน้Blogger ได้สราง้Gadget หน้าเวบ้ออกมาได้ไมนาน้ตอนน้กได้พัฒนาการ้
เคร้่องม้อสาหร้ับการออกแบบแม่แบบของ้blogger ใหย้ดหย้่นมากข้ึ้น้โดยให้ผ้ใชสามารถปร้ับแต้่งแม่แบบ้
ได้ด้วยตนเอง้ไม้่ว่าจะเป็นการเล้อก้Theme การออกแบบโครงรางของหน้าว้่าจะม้2้หร้อ้3้คอล้ัมน้หร้อ้
หลายคอล้ัมน้ซึ้่งทาไดโดยการคลกเพยงไมก้่คร้ั้ง้การปร้ับความกว้างของ้Template และ้sidebar เพยง้
แค้่คลกเด้ยวเป้นตน้ความสามารถทั้งหลายน้ผใชสามารถทาได้โดยไม้่ต้องมความร้เร้่อง้HTML และ้CSS
เลยสาหร้ับการใช้งานเคร้่องมอน้กคล้ายคลงก้ับการใชงานเคร้่องมอเด้ม้ๆ้ท่มอย่้ซึ่งผมจะอธบายท้ละส้่วน้
ด้ังน้
การใช้เคร้่องม้อออกแบบแม่แบบ้ทาได้โดย้Log in เข้าไปท้draft.blogger และไปท่้แผงควบคม้>>
การออกแบบ้้>> องค้ประกอบของหนา้>> คล้กท่้“เคร้่องม้อออกแบบแม่แบบ้ใหม!”
เม่อคล้กท่้“เคร้่องม้อออกแบบแม่แบบ” แล้วเราจะพบเคร้่องมอสาหร้ับออกแบบแม่แบบอย่้4
อย่างด้วยก้ัน้ได้แก้้1.้แม่แบบ้้2.้พ้นหล้ัง้้3.้ร้ปแบบ้้และ้4.้ข้ั้นส้ง
สวนแสดงตวอยาง

18. หน้า้้18
1. การใชงานเคร้่องม้อแม่แบบ้ทาได้โดย้คลกท่ข้อความ้แม่แบบ้>> จากนั้นเล้อกร้ปแบบท่ตองการ้>>
และเล้อก้theme ท่ตองการ้เม่อแสดงตวอย้่างเป้นท้่น่าพอใจแล้ว้ใหคลกท่ป้่ม้“ใช้ก้ับบล้อก” เพ่อ
ย้นยัน
สวนแสดงตวอยาง
2. การใชงานเมนพ้นหล้ัง้การใชงานเคร้่องม้อ้“พ้นหล้ัง” สามารถใชเพ่อเปล้่ยนภาพพ้นหลงของบล้อก้
และเล้อกส้Theme ของบล้อกได้ตามความต้องการได้ด้วย
2.1้วธเปล้่ยนภาพพ้นหล้ังทาได้โดย้คล้กท่้“ภาพพ้นหล้ัง” และเลอกถาพตามต้องการ้และ้
กดป่ม้“ใช้ก้ับบล้อก” เพ่อย้นยัน

19. หน้า้้19
2.2้การเล้อกส้Theme ของบล้อก้คล้กท้่ส้Theme ท่ตองการโดย้อาจจะคล้กเล้อกจาก
Theme สาเร้จร้ปหร้อเล้อกจาก้Theme ท่แนะนา

20. หน้า้้20
3. การใชงานเคร้่องม้อ้“ร้ปแบบ” : ค้ณสามารถใชเคร้่องม้อน้้เพ่อกาหนดจานวน้คอล้ัมน้ร้ปแบบ้
คอล้ัมน้ความกวางของคอล้ัมน้รวมถ้ึงการกาหนดคอล้ัมนให้ก้ับสวนทายของหน้าได้ด้วย
3.1้การใชงานเคร้่องม้อ้“การออกแบบเน้อความ” : เคร้่องม้อน้้ใชกาหนดร้ปแบบคอลมนของ้
template ของค้ณ้ซึ่งทาได้ง้่ายดายโดยการคล้กเล้อกร้ปแบบท้่ต้องการ้ดต้ัวอย้่าง้เม่อเป็นท่พอใจแล้ว้
ก้กดป่ม้“ใช้ก้ับบล้อก” เพ่อย้นยัน
3.2้การใชงานเคร้่องม้อ้“การออกแบบส้่วนทาย” : เคร้่องม้อน้้เป็นเคร้่องม้อสาหร้ับการ้
กาหนดคอล้ัมนให้ก้ับสวนทายของหนาบล้อก้ซึ่งทาได้เช่นเด้ยวก้ับ้3.1

21. หน้า้้21
3.3้การใชงานเคร้่องม้อ้“การปร้ับความกวาง” : ค้ณสามารถปร้ับความกวางของแม่แบบ้
และ้sidebar จากเคร้่องม้อน้้เพยงแค่เล้่อน้slider ใหตรงก้ับค่าต้ัวเลขท่ตองการเท่านั้น
4. สาหร้ับเมนขั้นส้งเป้นการกาหนดรายละเอยดต้่างๆ้ใหก้ับบล้อก้เช้่น้ร้ปแบบของล้งค้้gadget ต้่างๆ้
หัวเร้่อง้้ช่อของบล้อก้เป็นต้น้ซึ่งค้ณสามารถปร้ับแตงตามความต้องการแล้ว้แสดงต้ัวอย้่าง้้หาก้
เป็นท่พอใจก้บันทึกเช่นเดยวก้ับ้ข้อ้1-3้ท่ไดกล้่าวมาแล้ว
*** ปล.้อย่าล้มนะคร้ับว่าเคร้่องม้อเหล้่าน้จะไมมใน้blogger.com แต้จะมใน้draft.blogger.com เท่านั้น

22. หน้า้้22
บทท่ิ3ิวธิเขยนและจัดการบทความในบลอก
เข้ยนบทความของค้ณเองต้่อไป
บทน้ผมจงจะเล้่าถ้ึงว้ธ้เข้ยนบทความใน้Blogger
เพ่อเป็นแนวทางใหคณสามารถเข้ยนบทความลงในบล้อก้
ของค้ณไดสวยงามและเป็นมออาชพมากข้ึ้น
สาหร้ับทานท่เข้ยนบทความเป็นอย่แล้วอาจจะข้าม้
ไปอ้่านบทความอ่น้ๆ้ต้่อไปได้เลยคร้ับ้ส้่วนท่านท้่เป็นมอใหม่้
จร้ง้ๆ้ก้ควรจะอ่านบทความน้ใหจบเพ่อเป็นแนวทางในการ
1. การเขิ้าไปเขยนบทความ
การเข้าไปเข้ยนบทความบน้Blogger โดยตรงสามารถเข้าไปได้2้ช่องทางดวยก้ันค้อ
1.1้ถ้าค้ณใชแม่แบบท้่ไม้่ได้ซ่อนแถบนาทางสามารถเข้าไปเข้ยนบทความได้โดยคลกท่เมน้
บทความใหม่
1.2้เข้าไปเข้ยนบทความผ้่าน้้draft.blogger.com

23. หน้า้้23
โปรดส้ังเกตว่าเคร้่องม้อในการเข้ยนบทความของ้Draft.blogger จะมมากกว่าเคร้่องม้อของ้
blogger ปกต้ด้ังนั้นโดยส้่วนตวผมแนะนาใหเข้ยนบทความผ้่าน้draft.blogger.com เพราะมเคร้่องมอ้
มากกว้่าว้ธ้แรก้และควรต้ั้งค้่าให้draft.blogger เป็นเคร้่องม้อเร้่มต้น
2. องคประกอบของเครื่องมิือเขยนบทความ
ก้่อนอ่นผมขอแนะนาใหร้จ้ักเคร้่องม้อท้่จาเป็นในการเข้ยนบทความด้ังน้
สิวนท่ิ1ิค้อส้่วนต้ั้งช่อเร้่องหร้อช่อบทความ
สิวนท่ิ2ิเป็นส้่วนท่ใชสาหร้ับกรณ้ท่เราต้องการวางขอความท่ค้ัดลอกมาจาก้Ms word
หร้อโคดวด้โอจาก้Youtube หร้อโค้ด้HTML/จาวาสคร้ปตท่ตองการให้ปรากฏและแสดงผลในบทความ

24. หน้า้้24
สิวนท่ิ3ิเป็นแถบท้่เล้อกเม่อต้องการเขยนข้อความปกตซึ่งจะมเคร้่องม้อในการเข้ยน้
บทความตามท่เห้นในภาพข้างบน
สิวนท่ิ4ิสาหร้ับจ้ัดร้ปแบบอักษร
สิวนท่ิ5ิิเป็นเคร้่องม้อในการใสล้งค้ใหข้อความ้้แทรกภาพลงในบทความ้และแทรกว้ด้โอ้
ลงในบทความตามลาด้ับ
สิวนท่ิ6ิร้ปกระดาษขาดท่เหนนั้นใชในกรณ้ท่ค้ณต้องการแสดงบทความให้ผ้อ่านเหนในหนา้
หล้ักเพยงบางสวนเท่านั้น้และถ้าใช้เคร้่องม้อนผ้อ่านจะต้องคล้กอ้่านเพ่มเต้มจ้ึงจะเหนข้อความแบบเตม้
เคร้่องม้อนมขอดค้อทาใหบทความท่ม้ความยาวมาก้ๆ้ส้ั้นลงได้และทาใหเปิดหน้าแรกได้เร้วขึ้นด้วย
สิวนท่ิ7ิเป็นส้่วนท่ใชในการจัดเรยงขอความ้และจ้ัดแนวรปภาพได้ด้วย้เช่น้จัดช้ดซาย้
ชดขวา้ก้ึ่งกลาง้เป็นต้น
สิวนท่ิ8ิได้แก้่การใส้การเนนข้อความ้การลบร้ปแบบ้การตรวจสอบการสะกดคา้และการ
แปลภาษา
วันใด
สิวนท่ิ9ิเป็นส้่วนท่ใชในการวางกาหนดเวลาล้่างหน้า้ว่าจะใหบทความท่เข้ยนเผยแพรใน
สิวนท่ิ10ิเป็นการใส้่ป้ายกาก้ับ้ซึ้่งเป้นส้่วนท้่ใช้ระบ้ว่าบทความท้่เข้ยนน้้อย่ในหมวดหม่ใด้
ซึ่งสามารถใส้่ได้มากกว่า้1้ป้ายกาก้ับโดยค้ั่นด้วยเคร้่องหมายจ้ลภาค้และสามารถเล้อกป้ายกาก้ับท้่คณ้
เคยใส้่ให้บทความอ่นไปแลวมาใส้่อกได้เพ่อทาใหบทความนั้น้ๆ้อย่ในหมวดหม่เดยวก้ัน
สิวนท่ิ11ิเป็นการเล้อกว้่าจะบันทึกไวก้่อน้หร้อจะเผยแพร้มประโยชนในกรณ้ท่บทความท่้
เข้ยนใชเวลาเข้ยนนานมากก้อาจจะบันทึกเอาไวก้่อนแลวมาเข้ยนต้่อในภายหลงได

25. หน้า้้25
เทคนิคการเขยนบทความทิ่ควรร
ในกรณ้ท่เรามไฟล้เอกสารจาก้MS word แล้วค้ัดลอกมาวางเพ้่อทาใหเข้ยนบทความได้เรวขึ้น
บางครงพบป้ัญหาข้อผ้ดพลาดของฟอร้ม้(ฟอร้มใน้MS word ไม้่สามารถแปลงเป้น้HTML Code ได)
ปัญหาน้แกไดโดยก้่อนวางขอความใหคล้กท่แถบ้แก้ไข้HTML แลวจ้ึงวางข้อความท่ค้ัดลอกมา้
จากนั้นจึงคลกท่แถบ้เข้ยน้เพ่อจัดร้ปแบบของบทความต้่อไป
เทคนคน้ย้ังสามารถใช้ก้ับการวางโค้ดวดโอ้หร้อข้อความท่ค้ัดลอกมาจากเวบไซต้ได้ด้วยคร้ับ

26. หน้า้้26
บทท่ิ4ิการตั้งคิาพิื้นฐานตางๆิให้กิับบลอก
บทน้ผมจะขอแนะนาการต้ั้งค้่าพ้นฐานตางๆ้ของบล้อกเพ่อใหเข้าใจการต้ั้งคาในสวนต้่าง้ๆ้ของ้
Blogger และจะทาใหค้ณสามารถต้ั้งค้่าต้่าง้ๆ้ตามความต้องการของตนเองได้อกทั้งจะเป็นประโยชนใน้
การพัฒนาการทา้Blogger ในระยะยาวด้วย
การตงค้่าพ้นฐานต่างๆ้ของบล้อกทาได้โดย้Log in เข้าไปท้blogger เม่อมาท่หน้า้แผงควบคม้
ให้Click ท่้การตงค้่า
และท่านจะเข้ามาท่เมนการต้ั้งค้่าของบล้อก
ผมจะแบ่งการต้ั้งคาออกเป็น้9้ส้่วนดงน้
1. ขั้นติ้น
ค้ณสามารถดาวนโหลด้Blog เพ่อเก้บเป็น้Backup ข้อมลบทความและ้comment ของ้
บล้อกไดโดยเล้อก้้ส้่งออ้กบล้อ้ก้้แต้่ถ้าคณมขอม้ลบล้อกเด้มอย้่แล้วอยากจะนามาใชก้ับบล้อกใหม้่
ท้่สราง้ข้ึ้น้ก้ใหเล้อก้้นาเ้ข้้าบล้อ้ก้้แต้่ถ้าคดว่าไม่ต้องการใช้บล้อกน้แลวกสามารถลบท้้งได้โดยเล้อก้้
ลบบ้ล้อก้

27. หน้า้้27
Title และคาอธ้บายของบล้อก้ควรใส้่ใหเข้าใจภาพรวมของบล้อกและม้keyword ในการทา้
บล้อกแทรกอย่ใน้Description ด้วย
ในส้่วนการต้ั้งค้่าอ่น้ๆ้ควรตงค้่าด้ังน้
องคประกอบ ติั้งคาเปิน
เพ่มบล้อกของค้ณในรายการของเราหร้อไม่ ใช่
อน้ญาตใหเคร้่องม้อค้นหาพบบล้อกของคณหร้อไม่ ใช่
แสดงการแกไขอย้่างรวดเร้วบนบล้อกของค้ณหร้อไม่ ใช่
มเน้้อหาสาหร้ับผใหญ้่หร้อไม่ ไม
เล้อกโปรแกรมแก้ไขบทความ โปรแกรมแก้ไขท้่อัปเดต
2. การเผยแพร
ในการต้ั้งค้่าส้่วนน้สามารถเปล้่ยน้URL ของบล้อกได

28. หน้า้้28
ถ้าค้ณต้องการเปลยนโดเมนของบล้อกจาก้.blogspot.com เป็นโดเมนอ่นก้สามารถตงค้่าได้ตรงสวนน้้แต้
จะตองเส้ยค้่าใชจ้่ายการจดโดเมนผาน้google ปีละ้10 US (ประมาณ้300้กว่าบาทต่อป)
3. การจิัดรปแบบ
ในส้่วนน้เป็นการตงค้่าการเผยแพร้่บทความ้เช่น้จานวนบทความในหน้าแรก้รปแบบเวลา้
และวันท่เป็นต้น
ค้ณควรจะตั้งค้่าต้่าง้ๆ้ด้ังน้
องคประกอบ ติั้งคาเปิน
แสดงส้งส้ด เท่าไรก้ได
ร้ปแบบส้่วนห้ัวของว้ันท ต้ั้งได้ตามใจชอบ
ร้ปแบบวันท่ของดชนคล้ังบทความ ต้ั้งได้ตามใจชอบ
ร้ปแบบเวลา ต้ั้งได้ตามใจชอบ
โซนเวลา (GMT+07:00)กร้งเทพ
ภาษา ไทย
แปลงการข้ึ้นบรรทัดใหม ไม
แสดงฟ้ลด้ช่อเร้่อง ใช่
แสดงฟ้ลด้ของล้งก ไม
เปิดใชการจัดเร้ยงแบบลอย ใช่
แม่แบบบทความ ย้ังไม่ต้องต้ั้งค้่า

29. หน้า้้29
4. เมนขิ้อคิดเหน
เป็นเมนสาหร้ับต้ั้งค้่าต้่าง้ๆ้เก้่ยวก้ับการแสดงความค้ดเหนของบลอก
ค้ณควรจะตั้งค้่าต้่าง้ๆ้ด้ังน้
องคประกอบ ติั้งคาเปิน
ข้อคดเหน แสดง
ใครสามารถแสดงความค้ดเหน ผ้ใช้ท่มบ้ัญช้Google
การจ้ัดวางฟอร้มความค้ดเหน วางไวใต้บทความ
ความคดเหนเร้่มต้นสาหร้ับบทความ บทความใหม่ม้ความคดเหน
ล้งกย้อนกล้ับ ซ่อน
ค้่าเร้่มต้นของลงก้ย้อนกล้ับสาหร้ับบทความ บทความใหม่มล้งกย้อนกลบ
ร้ปแบบเวลาในส้่วนความค้ดเหน ต้ั้งค้่าตามใจ
ข้อความของฟอร้มความคดเหน ไม้่ต้องใส้่ค้่าใด้ๆ้ก้ได
การจ้ัดการความคดเหน ไม
แสดงการตรวจสอบคาสาหร้ับความค้ดเหนหร้อไม ไม
แสดงร้ปภาพโปรไฟล้บนความค้ดเหนหร้อไม่ ใช่
อเมลสาหร้ับแจ้งเตอนเม่อม้ความค้ดเหนใหม กรอก้email ของค้ณลงไป
5. เกิบเขิ้าคลังบทความ
ต้ั้งใหเป็นรายเด้อนจะดท้่ส้ด

30. หน้า้้30
6. ฟิดของไซต
ถ้าบทความในบล้อกไมมากน้ัก้ต้ั้งค้่าเป้น้ัแับบัเัตัมััแต้่ถ้าบทความม้ประมาณ้100้ข้ึ้นไป
ควร้จะตั้งเป็น้ัแับบัสั้นั
7. อเมลและมิือถิือ
ในส้่วนน้เป็นการตงค้่า้อเมลเพ่อใหระบบส้่งบล้อกของคณทกคร้ั้งท่มการเผยแพร้และเป็น้
การตงค้่า้การใช้อปกรณ้เคล้่อนท่ในการเข้ยนบล้อก้ตรงน้ผมย้ังไม่เคยลองเหมอนกัน
8. OpenID
ค้ณสามารถใช้OpenID URL เพ่อเข้าส้่ไซต้อ่นๆ้ท่ใชงาน้OpenID นอกจากน้ค้ณย้ังสามารถ้
กาหนดให้ผ้ใช้OpenID สามารถแสดงความค้ดเหนในบล้อกของคณ้โดยปร้ับการต้ั้งคา้ความค้ดเหน้
ของค้ณ
9. สิทธ
ในส้่วนน้ค้ณสามารถใชในการเปลยนผ้เข้ยนบล้อก้และเพ่มผด้แลระบบได้ถง้100้ราย

31. หน้า้้31
นอกจากน้ค้ณยงจากดคนเข้าชมบล้อกได้ดวย้โดยการระบ้Email ของผ้ท่ตองการลงไป

32. หน้า้้32
บทท่ิ5ิร้จักและใช้งานิGadget ชนดตางๆิบนิBlogger
เม่อเร้ยนร้เกยวก้ับ้การตงค้่าตาง้ๆ้ของบล้อก้้การเปล้่ยน้Templates ใหก้ับบล้อกไปแล้ว้ส้่วนท่้
เหล้อคอ้การจัดร้ปแบบองค้ประกอบหน้าให้ก้ับบล้อก้รวมถ้ึงการใชงาน้Gadget หล้ักชนดตางๆ้ของ้
Blogger
Gadget คืออะไร?
Gadget ใน้Blogger นั้นหมายถ้ึงส้่วนเสร้มท่เราสามารถตดต้ั้งเพมลงไปในแม่แบบของ้Blogger
ซึ่งบางคร้ั้งก้ถ้กเรยกว้่า้widget ซึ่งก้หมายถ้ึงสงเดยวก้ันกับ้Gadget
วธเพิมิGadget
ก้่อนอ่นให้Login เข้าไปท้้blogger หร้อ้้draft.blogger >> จากแผงควบค้มใหเล้อก้การออกแบบ

33. หน้า้้33
จากนั้นใน้Layout ของแม่แบบค้ณจะเหนพ้นท่้ด้ังร้ปด้านลางเพ่อใหเพ่ม้Gadget
และเม่อคล้ก้เพ่ม้Gadget ก้จะปรากฏ้Gadget พ้นฐาน้21้อย่างท่จะกล้่าวถ้ึงในห้ัวขอน้
นอกจากน้ย้ังม้Gadget อกมากมายซึ่งค้ณสามารถเล้อกได้จากเมนแกดเจดเพ่มเต้มทางซ้ายมอ
เม่อเล้อก้Gadget ท่ตองการแล้ว้คล้กท่ป้่ม้+้เพ่อทาการเพ่ม้Gadget นั้น้ใส้่ช่อ้Gadget และต้ั้งค้่าท่้
ต้องการแล้วบันทึก
ร้ปท้่เหนข้างบนเป็น้Gadget ผ้ตดตาม้สาหร้ับ้Gadget อ่น้ๆ้ก้ทาได้ในทานองเด้ยวก้ัน

34. หน้า้้34
ริ้จักกบิGadget พื้นฐานิ21ิอยางของิBlogger
1. Gadget หน้าเวิบ
หล้ักการของ้Gadget ชนดน้คอค้ณจะตองสร้างหน้าเวบข้ึ้นมาก้่อน้้แล้วใช้Gadget น้เป็นเมนในการ้
เช่อมโยงไปย้ังหนาเวบ
2. Gadget ผิ้ติดตาม
Gadget ชนดน้ใชเพ้่อให้ผ้อ่านท้่ช่นชอบบล้อกของคณได้ตดตาม้และเม่อต้ดตามแล้วความเคล้่อนไหว้
และการ้update บทความของจะไปปรากฏแผงควบค้มของผต้ดตามโดยอ้ัตโนมัต้และม้ส้ทธในการแสดงความ้
ค้ดเหนบนบล้อกของค้ณได้(กรณ้ท่คณอนญาตเฉพาะสมาช้ก)
3. Gadget ชองค้นหา
เป็น้Gadget ท่ตดต้ั้งเพ้่อใหผ้อ้่านสามารถค้นหาส้่งท้่ต้องการในบล้อกของคณไดง่ายข้ึ้น

35. หน้า้้35
4. Gadget HTML/จาวาสครปต
Gadget ชนดน้เป็น้Gadget ท่ยดหย่นท้่ส้ดในบรรดา้Gadget ทั้งหมด้สามารถประยกต้ใชได้หลากหลาย้
เหมาะสาหร้ับใช้ต้ดต้ั้งโค้ดต้่าง้ๆ้ลงบน้Blogger เช่น้โค้ดปฏ้ทน้นาฬกา้โค้ดจาวาสคร้ปต้โค้ดร้ปภาพ้
โค้ดวดโอ้โค้ดของล้งค้เป็นต้น
5. Gadget ข้อความ
เป็น้Gadget ท่เหมาะสาหร้ับเข้ยนข้อความ้เช่น้ข้อความต้อนร้ับ้เป็นต้น
6. Gadget Adsense
ค้ณจะใช้Gadget ชนดน้ไดเม่อสม้ัครเข้าร้่วมโปรแกรมหร้อเป็นต้ัวแทนในการเผยแพร้่โฆษณาบน้Google
7. Gadget รปภาพ
ถ้าค้ณต้องการแสดงร้ปภาพบนบล้อกอย่างเด้ยวกใหเล้อกใช้Gadget น้คร้ับ

36. หน้า้้36
8. Gadget สไลดิโชว
Gadget น้เป็นการดง้Albums จาก้Picasaweb มาแสดงในร้ปแบบสไลด้โชวบนบล้อกของ
9. Gadget แถบวิดิโอ
Gadget น้จะทาให้ผ้ใช้ค้นหาว้ด้โอบน้Youtube จากบล้อกของคณได
10. Gadget แบบสารวจ
Gadget น้ถอเป็น้Gadget หน้ึ่งท่น่าสนใจมาก้แต้่ย้ังมผ้ใชจานวนนอย้โดยคณอาจจะใชสารวจความ้
ต้องการ้หร้อความคดเหนของผ้อ่านต้่อบล้อกของคณ้หร้อสารวจเก้่ยวก้ับเร้่องท่เก้่ยวของก้ับเน้อหาบน้
บล้อกของคณก้ได
11. Gadget รายการบลิอก
Gadget ชนดน้เป็น้Gadget ท่สามารถรวบรวมข่าวสารล้่าส้ดจากบล้อกท่ค้ณเล้อกหร้อบล้อกท่ค้ณต้ดตาม้
พร้อมทั้งสามารถแสดงเน้้อหาแบบย่อไดด้วย

37. หน้า้้37
12. Gadget รายชื่อลิงค
เป็น้Gadget ท่ใชสรางลงค้ไปย้ังท่ต้่าง้ๆ้โดยค้ณสามารถป้อน้URL บน้Gadget ชนดน้เพ่อสราง้Link
โดยไมต้องม้ความร้เร้่อง้HTML มาก้่อนเลย
13. Gadget รายการ
เป็น้Gadget ท่คล้ายคล้ึงก้ับ้Gadget รายช่อลงค้แต้่ม้ความย้ดหย้่นกว้่า้สามารถสร้างขอความรายการ้
และใส้link ใหข้อความได้ด้วย
14. Gadget ฟิด
ค้ณสามารถใช้Gadget น้ดึงข้่าวสารจากในบล้อกของคณ้หร้อบลอกอ่นท่คณสนใจเอามาแสดงเพ้ยงแค้่ใส้
ช่อบล้อกท้่ต้องการลงไปลงไปใน้gadget
15. Gadget Newsreel
เป็น้gadget ท่ทาใหพาดห้ัวข่าวจาก้Google มาปรากฏบนบล้อกของค้ณเท่านั้น

38. หน้า้้38
16. Gadget ปิ้ายกากิับ
Gadget น้มความสาค้ัญ้คณควรจะต้ดต้ั้ง้เพ่อใหบทความท่เข้ยนเป็นหมวดหม่้ใหผ้อ่านเหนชัดเจนเล้อก้
อ่านไดตรงความต้องการมากข้ึ้น
17. Gadget ลิงคการสมิัคร
Gadget น้มความสาค้ัญในเร้่องการส้่งข่าวสารข้อม้ลจากบล้อกของค้ณไปย้ังผ้อ้่าน้ผ้อ่านจะสามารถสมัคร้
ร้ับบทความทาง้email หร้อผ้่านช่องทางอ่น้ๆ้ได้จาก้Gadget น้
18. Gadget โลโก
Gadget น้ไม่สาค้ัญน้ักเป็นเพยงต้ดต้ั้ง้logo ของ้blogger ในหน้าบล้อกเท่านั้น
19. Gadget โปรไฟล
Gadget น้จะแสดงขอมลอย้่างของค้ณท่ได้กรอกเอาไว้บนบ้ัญชของ้Blogger ถ้าคณต้องการแสดงขอมล้
ของค้ณบน้Blog ก้ควรจะตดตง้Gadget น้คร้ับ

39. หน้า้้39
20. Gadget คลังบทความของบลอก
Gadget น้จะทาให้ผ้อ่านเหนบทความทั้งหมดภายในบล้อกของคณได
21. Gadget สิวนหัวของหน้า
Gadget น้เป็นส้่วนท่ใส้Title และ้Description ของ้Blog โดยปกต้แล้ว้Template ทั่วไปกจะต้ดต้ั้งสวนน้้
อย่แล้ว
ค้ณสามารถทดลองใช้Gadget เหล้่าน้ได้โดยไม่ต้องกล้ัวความผ้ดพลาดเพราะ้Gadget บน
Blogger นั้นสามารถลบออกได้อย้่างง้่ายดายโดยวธการจัดการก้ับ้Gadget

40. หน้า้้40
บทท่ิ6ิการจัดการกิับิGadget ในหนาบลิอก
ในบทท่ผ้่านมาเราได้รจ้ักและใชงาน้Gadget ชนดต้่าง้ๆ้บน้Blogger ผมได้กล้่าวถงว้ธ้การเพ่ม้
Gadget ใหก้ับบล้อก้แต้่ย้ังไม่ได้กล้่าวถ้ึงการลบ้Gadget ออกจากองค้ประกอบของหน้า้และนอกจากน้้
ตาแหน่งของ้Gadget ย้ังสามารถเคล้่อนย้ายตาแหน่งได้อ้กด้วย
การลบิGadget
วธท่้1้ถ้าในขณะท่เรา้log in และเปิดหน้าบล้อกของเราขึ้นมา้กจะส้ังเกตเหนว้่าม้เคร้่องม้อ้
ปรากฏอย่ตามท่ต้่างๆ้ในองค้ประกอบของหน้า
และถ้าเราคล้กเข้าไปก้จะสามารถแก้ไข้หร้อ้ลบองค้ประกอบเหลานั้นออกไปได้เลยคร้ับ

41. หน้า้้41
วธท่้2้เราสามารถเข้าไปลบ้Gadget ได้ท่้แผงควบค้ม้>> การออกแบบ้>> องค้ประกอบของ้
หน้า้>> เล้อกแกไข้Gadget ท่ตองการลบ
จากนั้นเล้อกลบได้เช่นเด้ยวก้ับกรณ้แรก
การย้ายตาแหนิงิGadget
สาหร้ับการย้ายตาแหน่งของ้Gadget ทาได้โดยการ้เข้าไปท้่แผงควบค้ม้>> การออกแบบ้>>
องค้ประกอบหนาจากนั้นใหลากเมาส้บน้Gadget ท่ตองการย้ายไปวางในตาแหน่งท่ตองการได้เลยคร้ับ

42. หน้า้้42
เม่อเข้าใจการทางานของ้Gadget ชนดตาง้ๆ้แล้วสงท่อยากจะฝากเอาไว้ตอนท้ายน้ก้ค้อการจัด้
องค้ประกอบหนาของบล้อกด้ังน้
แนวทางในการจิัดองคประกอบหน้าบลิอก
แนวทางในการจ้ัดองค้ประกอบหน้านั้นไม้่มกฎเกณฑ้ตายต้ัว้บางคนชอบใหม้2 column บางคน้
ชอบใหม้3 column ซึ่งก้ข้ึ้นอยก้ับความชอบและความต้องการใชงาน้แต้่ท่อยากให้คานึงไวเสมอค้อ้ผ้อ่น้
ค้อ้พระเจา้ทาอะไรใหเข้าใจง่ายๆ้หาอะไรก้เจออย่างรวดเร้ว้เข้าไวเป้นพอคร้ับ้และอกประการท้่สาคญค้อ้
การตดต้ั้ง้Gadget ต้่าง้ๆ้ควรต้ดต้ั้งเท้่าท้่จาเป็นและต้องการใชงาน้ปฏ้ทน้หร้อนาฬกานั้นก้ไมควรต้ดตง้
ลงไปเลย้เพราะไมค้มคาก้ับการเพ่มภาระการโหลดใหก้ับผ้เข้าชม้และถ้าบล้อกของคณโหลดได้ชา้ก้
เป็นไปได้ยากท้่ผ้อ่านจะกล้ับมาอก
องคประกอบในหน้าของบลิอกท่ผมคดวิาคิุณควรจะมิคือ
สั่วนที่บอกตัวตนของบลัอกั:
ซึ่งอาจจะแสดงในส้่วนหัวของหน้า้หร้อเป็นว้ด้โอ้/สไลด/ข้อความ/ร้ปถ่าย้อย่ในตาแหน้่งท่เหนได
ชัด
สั่วนที่เชื่อมโยงไปยังบทความในบลัอกั:
ส้่วนน้จาเป้นมากเพราะจะช่วยให้ผ้อ่านคนหาบทความได้เรวขึ้น้ค้ณอาจจะรวมบทความทั้งหมด้
เลยหร้อ้อาจจะใช้วธ้จัดหมวดหม่ให้ผ้อ่านเล้อกส้่งท่ต้องการจากบล้อกของเราได้เรวขึ้น
สั่วนพื้นที่ของสมาชกั:
ส้่วนน้จะแสดงใหเหนว่าม้ผ้สนใจบล้อกของเรามากแค้่ไหน้ และสามารถสม้ัครต้ดตามบล้อกของ้
เราได้ทันท้เช่นอาจจะใช้Gadget ผ้ต้ดตาม้หร้อใช้Like box Plugins ของ้Facebook หร้ออาจจะทา้Poll
ก้ได
สั่วนที่เป็นช่องทางใหั้ผั้อ่านตดตั่อเราไดั:
ค้ณอาจจะทา้link เช่อมโยงใหผ้อ้่านต้ดต้่อค้ณได้หร้ออาจจะใช้Gadget profile ของ้Blogger
เพ่อแนะนาต้ัวก้ได

43. หน้า้้43
บทท่ิ7ิการแสดงขาวสารลิาสุดด้วยิGadget ฟิด
ความหมายของคาว้่า้ ฟีดโดยสร้ปก้ค้อเป็นส้่งท่แพร้่กระจายจากบล้อกของเราบนโลก้ Internet
เทยบได้ก้ับคล้่นส้ัญญาณวทย้หร้อโทรทัศน้ถ้าม้ต้ัวร้ับท้กคนก้สามารถมองเห้นข้่าวสารท้่ต้องการเล้อกร้ับ้
ได้นอกจากน้ถ้าม้ตวช้่วยส้่งใหฟีดแพรได้แรงขึ้น้ข้่าวสารกย้่อมจะแพร้่กระจายได้เร้วด้วย
ด้ังนั้นถาคณสนใจข่าวสารจากบล้อกใดบล้อกหน้ึ่งค้ณก้สามารถท้่จะเปิดร้ับขาวสารจากบล้อก้
นั้นๆ้โดยใช้Gadget ฟีด้ซึ่งเป็น้Gadget ท่สามารถเพ่มได้อย่างไม่จาก้ัด้ด้ังนั้นถาค้ณต้องการร้ับข้่าวจาก
10้บล้อกกสามารถทาไดโดยการเพ่ม้gadget ฟีดเข้าไปในบล้อก้10้คร้ั้ง้ในขณะเด้ยวก้ันถ้าคณใส้่ช่อ้
บล้อกของตวเองใน้Gadget ฟีด้Gadget ชนดน้จะกลายเป็น้Gadget ท่ใชแสดง้บทความล้่าส้ดนั่นเอง้
คร้ับ
การแสดงขิาวสารลิาสิุดโดยการใช้ิGadget ฟิด
1.ไปท่องค้ประกอบของหนา้>> เพ่มฟีด้Gadget

44. หน้า้้44
2.ใส้่โค้ดต้่อไปน้ลงไปใน้Gadget ฟีด
http://ช่อบล้อก.blogspot.com/feeds/posts/default
โดยจะตองเปล้่ยนช่อบล้อกเป็นช่อบล้อกของของคณเองหร้อช่อบล้อกท่ค้ณต้องการร้ับข้่าวสารท่้update
ต้ั้งค้่าท่ต้องการเพ่มเต้มและบันทึกก้จะได้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

45. หน้า้้45
บทท่ิ8ิแนะนาิGadget ใหมของิblogger “หน้าเวบ”
ตามเวบไซต้ต้่าง้ๆ้เราคงจะเคยเหนก้ันว่าแต้่ละเวบไซต้จะม้เมน้สาหร้ับเล้อกเปิดไปด้หน้าอ่น้ๆ้
ภายในเวบนั้นๆ้เช่น้ต้ัวอย้่างในร้ปดานล้่าง
Blogger ได้พัฒนา้Gadget ต้ัวใหม่ขึ้นมา้ม้ช่อว่า้หน้าเวบ้เพ่อใหผ้ใช้ได้สร้างหนาของบล้อกท่ตองการได้
โดยไมต้องม้ความร้ในการด้ัดแปลงหร้อแกไขแม่แบบด้วยตนเอง
การเรยกใช้Gadget ชนดน้สามารถเล้อกใชได้เช่นเดยวก้ับการ้Add Gadget ชนดอ่น้ๆ้้นั่นค้อ้
ไปท่้องค้ประกอบของหนา้>> แล้วเล้อก้เพ่ม้Gadget
ต้่อไปเรามาด้ว่า้Gadget น้้ใช้อย่างไร้และใช้เพ่อจ้ดประสงค้ใด
หล้ักการของ้Gadget น้เหมอนการสรางบทความขึ้นมา้1้บทความ้และ้สร้าง้Link เช่อมโยงไป้ย้ัง
บทความนั้น้ๆ้แต้่มความพเศษตรงท่ผ้ใชทั่วไปสรางเมนขึ้นเองได้อย่างงายดาย้โดยไม่ต้องมความร้
พ้นฐานเก้่ยวก้ับ้HTML เลย

46. หน้า้้46
ติัวอยางวิธิการใชิ้งาน(จรง)
ในต้ัวอย้่างน้ผมจะสร้าง้2้หน้าใหเหนเป็นต้ัวอย้่าง้ได้แก้HOME และ้CONTACT ME
ขั้นเตรยมการ
เน่องจากผมจะยกต้ัวอย้่างการสรางหน้า้Contact me ด้ังนั้นใหทกคนไปสร้าง้Form สาหร้ับ้
ต้ดต้่อเจาของบล้อกซึ่งกค้อเราเอง้ได้ท่้้้http://www.foxyform.com/
ซึ่งข้ั้นตอนในการสราง้ฟอร้มนั้นง่ายมาก้มเพ้ยง้4้ข้ั้นเท่านั้น้(ด้รป)

47. หน้า้้47
เม่อได้โค้ด้แล้วค้ัดลอกเก้บเอาไว้ก้่อนคร้ับ
ขั้นสร้างหน้าเวิบจริง
ขั้นท่ิ1ิสร้างหน้าแรก้หร้อ้HOME
Log in เข้าไปท้้draft.blogger ไปท่แผงควบค้ม้>> องค้ประกอบของหน้า้>> แล้วเล้อก้เพ่ม้Gadget
เล้อกอันแรกเลยคร้ับ้ค้อ้gadget หน้าเวบ
จากนั้นกสราง้หน้าแรกข้ึ้นมาโดยต้ั้งช่อตามท่ต้องการได้เลย้แล้วทาการบันท้ึกคร้ับ

48. หน้า้้48
ขั้นท่ิ2ิเม่อผ้่านข้ั้นท้1้มาแล้วก้เท่าก้ับว่าเราได้สร้าง้หน้าบล้อกขึ้นมาแล้ว้1้หน้า้ถ้าจะ
ทาการเพ่มหนาอก้ใหไปท่แผงควบค้ม้>> การสงบทความ้>> แก้ไขหนาเวบ้>> หน้าเวบใหม่
เม่อคล้กสร้างหน้าเวบใหม้เรากจะพบเคร้่องมอต้่าง้ๆ้เหมอนการเข้ยนบทความนั่นเองคร้ับ

49. หน้า้้49
ใหนาโค้ดของ้Form ท่เตร้ยมไว้จากข้ั้นเตร้ยมการมาวางในหนาหนาน้้จัดร้ปแบบตามต้องการแล้วบันทก้
หน้าได้เลยคร้ับ
เพยงข้ั้นตอนส้ั้น้ๆ้น้เรากจะมเมนเช่อมโยงไปย้ัง้หน้าของบล้อกถ้ึง้2้หน้าด้วยก้ัน้ได้แก้HOME และ
CONTACT ME

50. หน้า้้50
ได้เลย
ขั้นท่ิ3
-ถ้าหากต้องการเพ่มหนาบล้อกเพ้่มขึ้นอ้กก้ทาซาข้ั้นตอนท่ได้กล้่าวมาขางต้นคร้ับ
-แต้่ถ้าต้องการลบหนาบล้อกท้ง้ก้มาท่เด้ม้แล้วจะเหนคาว้่าลบ้ถาต้องการลบท้้งก้กดคาว่าลบ
ขั้นท่ิ4ิวธจัดการก้ับเมนหน้าเวบ
-ถ้าต้องการเร้ยงลาด้ับหนาเวบใหม่้ก้ไปท่้องค้ประกอบของหน้า้แล้ว้คลก้Gadget หน้าเวบ้
ข้ึ้นมาแก้ไข้>> ด้ร้ป

51. หน้า้้51
นอกจากน้้Gadget หน้าเวบจะมลกษณะพเศษ้ค้อ้ถ้าอย้่ท่้Sidebar เมนจะจัดเรยงเป้นแนวต้ั้ง

52. หน้า้้52
แต้่ถ้าลากไปในตาแหน่งใต้สวนหัว้จะจัดเร้ยงเร้ยงเป้นแนวนอนโดยอัตโนม้ัต

53. หน้า้้53
บทท่ิ9ินับจานวนคนเยิ่ยมชมด้วยิFlagcounter
อกบร้การนับสถ้ตคนเย้่ยมชมท่ช้่วยใหเราทราบว่าบล้อกของเรามผเย้่ยมชมทั้งในและต้่างประเทศ้
มากหร้อน้อย้จาก้Flagcounter
วิธิติดติั้ง
1.ไปท่้้http://www.flagcounter.com/index.html
2.ต้ั้งค้่าต้่างๆ้ตามความต้องการแล้วกด้GET YOUR FLAG COUNTER ด้ังร้ป
3.ค้ัดลอก้HTML โค้ด้ท่้FLAG COUNTER ได้สร้างให้ในข้ั้นท้2

54. หน้า้้54
4.กล้ับมาท่บล้อกของเรา้ไปท่แผงควบคม้>> ร้ปแบบ้>> องค้ประกอบหน้า้>> เพ่ม้Gadget
ชนด้HTML/จาวาสคร้ปต
5.วางโค้ดท่ค้ัดลอกมาจากข้ั้นท้3้แล้วบันทกคร้ับกเป็นอันจบขั้นตอนคร้ับ้ล้ักษณะท่ไดกด้ังร้ป

55. หน้า้้55
บทท่ิ10ิรปภาพในบทความบนิBlogger
ค้ณเคยสงส้ัยไหมคร้ับว่า้ร้ปภาพท่ค้ณ้upload ข้ึ้น้
ไปขณะท่เข้ยนบทความ้หร้ออาจจะเข้ยนบทความไปแล้ว้ร้ป้
เหล้่านั้นไปอย้่ท่ไหน้เพราะว่า้Blogger เองไม้่ม้sever ย้ัง้
ต้องอาศัยฐานข้อม้ลของตวแม่ค้อ้blogspot.com อย่้แล้ว้
จะเอาพ้นท่้ๆ้ไหนมาเกบร้ปตั้งมากมาย?
คาตอบค้อ้Blogger จะใช้วธเช่อมโยงก้ับ้
Application อ่น้ๆ้ของ้Google เพ่อแก้ปัญหาการเก้บข้อม้ล้
เช่นร้ปภาพใน้Blogger ท่เราพดถ้ึงก้ันอย้่ตอนน้ก้จะถกเก้บ
อย่ท่้Picasa Web Albums ด้ังนั้นไม่ว้่าจะเป็นภาพท่ค้ณ้Upload ขณะเข้ยนบทความ้กจะถ้กเก้บอย้่ใน
Picasa Web Albums ทั้งหมด
คุณใช้บรการิPicasa Web Albums ไดิ้อยางไร?
การใชบรการ้Picasa Web Albums สามารถเข้าใชได้ทันทหากคณมบัญชผ้ใชก้ับ้google อย่้
แล้ว้เช่นม้บัญชผ้ใช้Gmail หร้อ้Blogger อย่แล้วกสามารถ้Log in เข้าใชได้เลย
Picasa Web Albums ให้พิื้นทิเทาไร?
Picasa จะใหพ้นท่้เพยง้1 GB ต้่อ้1้บัญช้ผใช้น่เป็นเหตผลท่บางคนอาจจะสงส้ัยว่าทาไม
ค้ณภาพร้ปหร้อขนาดของร้ปบน้Blogger จึงลดลง้กล้่าวค้อระบบของ้Picasa จะทาการลดขนาดของร้ปท้
เรา้Upload ผ้่าน้Blogger ใหม้ขนาดเล้กลงเพ้่อเป้นการประหย้ัดพ้นท่น้ั่นเอง

56. หน้า้้56
คุณจะเขิ้าไปจิัดการริปภาพจากิBlogger ในิPicasa Web ไดอยางไร?
การจ้ัดการภาพใน้Picasa Web Albums ทาได้2้วธคอ
1.ใช้Software ท่พ้ัฒนาข้ึ้นมาจัดการ้Picasa Web Albums โดยเฉพาะ
ค้ณสามารถเข้าไปดาวนโหลด้Picasa ได้ท่้้้http://picasa.google.com/
2.เข้าไปจัดการท่เวบไซต้Picasa Web Albums โดยตรง้โดยไปท่้้http://picasaweb.google.com
และ้Log in โดยใชช่อบัญช้เดยวก้ับ้Blogger
ค้ณสามารถเข้าไป้Unload ภาพได้โดยตรงก้ับ้Picasa แล้วเรยกมาใชบน้blogger ได้โดยใชต้ัวเล้อก้
อัปโหลด

57. หน้า้้57
แต้่ถ้าต้องการร้ปภาพบน้Blogger ท่ไดอัปโหลดข้ึ้นไปแลวก้คล้กท้่อัลบัมท่ตองการแล้วเข้าไปจัดการภาพได้
เช่นก้ัน
ลบรปภาพบนิBlogger แลิ้วรปบนิPicasa จะถิกลบดิ้วยหรือไม?
การลบร้ปภาพบน้Blogger ไมส้่งผลใด้ๆ้ต้่อ้Picasa Web Albums เลยเวนแต้่ค้ณจะเข้ามาลบ้
ใน้Picasa Web Albums โดยตรง้ดงนั้นถาในขณะเข้ยนบทความค้ณเผลอทาพลาดร้ปภาพหายไป้ก้
สามารถเข้ามาเอาร้ปภาพจาก้Picasa Web Albums ใช้งานได้อกโดยไมต้อง้upload ซา้หร้อไม้่ต้องไปหา้
ภาพมาใหม
บทสรุป
บทน้แนะนาใหพอร้จ้ักการเช่อมโยงระหว่าง้Blogger และ้Picasa Web Albums ซึ่งเป็นบรการ
ในเคร้อข้่าย้Google เหมอนก้ัน้และจะทาให้ค้ณเข้าใจการจัดการเก้่ยวก้ับภาพบน้Blogger ได้ด้ข้ึ้น

58. หน้า้้58
บทท่ิ11ิการสร้างวิดโอในิYouTube และนามาใสในบลอก
ถ้าม้วดโอในหน้าบล้อกของเราด้วย้การส้่อสารเร้่องราวตางๆ้ก้จะมช้วตช้วาและเข้าใจง่ายข้ึ้น้ซึ่ง้
ในท่น้้เราสามารถสรางได้ไม่ยากด้วยบร้การของ้้www.youtube.com คร้ับ
ขั้นตอนการฝากวิดิโอไวิ้กิับิyoutube
1.ไปท่้www.youtube.com แล้วเล้อก้Create Account ท่มมขวาบนซึ่งในกรณ้ท่เรา้Login อย่้
ในเวบบล้อกของเรานั้น้กสามารถใชบรการของ้youtube ด้วย้Account เด้มโดยไม้่ต้องสม้ัครใหม้่คร้ับ้
วธการทาได้โดย
1.1้คล้กท่
1.2้กรอกขอม้ลสาหร้ับการสร้างบ้ัญช้โดยใช้username ของ้gmail ของเราเอง
1.3้จากนั้น้คลก

59. หน้า้้59
1.4้จะพบหน้าต้่างให้กรอก้Username และ้รหัสผ้่าน้ของ้gmail ใหกรอก้e-mail ของเรา
จะพบหน้าจอ้ด้ังน้
จากนั้นเราก้สามารถทาการเพ้่ม้้Video ได้ตามท่เราต้องการ

60. หน้า้้60
3.4
2.การฝาก้้youtube มเง่อนไขสาคญๆ้ด้ังน้
-ความยาวของวด้โอไม่เกน้10้นาท
-ควรเป็นวด้โอท่ไม้่กระทบต้่อสถาบัน้ชาต้ศาสนา้พระมหากษ้ัตรย้และ้ศ้ลธรรมอันด้งามของสงคม
3.การ้upload วด้โอข้ึ้นไปท้่เมน้upload (ท่มมขวาบน)้แล้วทาการเล้อกไฟล้ว้ด้โอจากเคร้่องของ้
เรา้และรอจนการ้upload เสร้จส้้น
3.1้คล้กท่ป้่ม้Uploads
3.2้คล้กท่ป้่ม้Upload Video
3.3้เล้อกไฟล้Video ท่ตองการ
3.4้เม่อ้Upload ได้100%้แล้วใหคล้ก้Save change

61. หน้า้้61
4.เม่อ้upload เสร้จส้้นแล้วคลกท่ข้อความ้้้Embed and Sharing Options เราก้เหน้HTML
code ใหค้ัดลอก้code เหล้่านั้นมาแปะในส้่วนท่เราต้องการ
เช่นในท่น้้ผมค้ัดลอก้code มาแปะในบทความกจะไดผลล้ัพธ้เป็นวด้โอตามด้านล้่างท่เหนคร้ับ

62. หน้า้62
เรื่อง
บทนา……………………………………………………………………………………………………….
หน้า
1
บทท่้1้การสร้างเวบบล้อก………………………………………………………………………………… 4
บทท่้2้วธเปล้่ยน้Template ของ้Blogger……………………………………………………………….. 12
บทท่้3้วธเข้ยนและจัดการบทความในบล้อก…………………………………………………………….. 22
บทท่้4้การต้ั้งค้่าพ้นฐานต้่างๆ้ใหก้ับบลอก………………………………………………………………. 26
บทท่้5้ร้จักและใชงาน้Gadget ชนดต้่างๆ้บน้Blogger………………………………………………… 32
บทท่้6้การจัดการก้ับ้Gadget ในหน้าบล้อก…………………………………………………………….. 40
บทท่้7้การแสดงข่าวสารล้่าส้ดด้วย้Gadget ฟีด………………………………………………………… 43
บทท่้9้นับจานวนคนเย้่ยมชมดวย้Flagcounter…………………………………………………………. 53
บทท่้10้ร้ปภาพในบทความบน้Blogger………………………………………………………………… 55
บทท่้11้การสร้างว้ด้โอใน้YouTube และนามาใส้่ในบล้อก……………………………………………… 58

63. 255
หน้า้63
เอกสารประกอบการฝิกอบรมเชงปฏบิัตการิ
การพัฒนาสืิอการเรยนการสอนิโดยใช้
โปรแกรมคอมพวเตอริรวมกิับิWeblog