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

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

3. เติม ข้อมูลและสำรสนเทศแทนได้ นอกจำกนี้บล็อกซอฟต์แวร์จะ
สนับสนุน ระบบ WYSIWYG ซึ่งท ำให้ง่ำยต่อกำรเขียน และอำจเพิ่ม
เติมกำรมี เทมเพลตในหลำยแบบให้เลือกใช้ ซอฟต์แวร์ส่วนใหญ่
สำมำรถดำวน์โหลดและติดตั้งได้ทันทีโดยผู้ใช้ ซึ่งซอฟต์แวร์บำงส่วน
เป็น
ซอฟต์แวร์โอเพนซอร์์ส ซึ่งเป็นซอฟต์แวร์ที่ไม่สงวนลิขสิทธิ์ ซึ่งผู้
พัฒนำสำมำรถน ำมำปรับแก้ เป็นของตนเอง ติดตั้งไว้ใช้เป็นบล็อกส่วน
ตัว หรือเผยแพร่ให้คนอื่นมำใช้งำนได้ ส่วนซอฟต์แวร์ลิขสิทธิ์นั้น จะมี
ทั้งในรูปแบบ ที่ให้ใช้งำนแบบเสียค่ำใช้จ่ำยหรือให้ใช้งำนฟรี
บล็อกซอฟต์แวร์ที่เป็นที่รู้จัก รำยชื่อบล็อกซอฟต์แวร์ที่เป็นที่นิยมพร้อม
ทั้งชื่อซอฟต์แวร์ที่ใช้พัฒนำในวงเล็บ
 ดรูปำล (พีเอชพ์ี/มำยเอสคิวแอล)
 เวิร์ดเพรสส์์ (พีเอชพ์ี/มำยเอสคิวแอล)
 สแลช (เพิร์์ล)
 ไลฟ์ไทป์์ (พีเอชพ์ี/มำยเอสคิวแอล)
 จุมล์่ำ (พีเอชพ์ี/มำยเอสคิวแอล)
 แมมโบ์้ (พีเอชพ์ี/มำยเอสคิวแอล)
รำยชื่อผู้ให้บริกำรบล็อกที่มีชื่อเสียง
 บล็อกเกอร์์ (กูเก์ิล)
 ไทป์แพด
 เวิร์ดเพรสส์์
 ยำฮ์ู! 360° หรือ ยำฮู!เดย์ (ยำฮ์ู!)
 วินโดวส์ไลฟ์ สเปซเซส (ไมโครซอฟท์์)
 มำยสเปซ
 มัลต์ิไพล ผู้ให้บริกำรบล็อกในประเทศไทย
ที่เป็นที่รู้จัก
 Blognone บล็อกส ำหรับเขียนเรื่องรำวเกี่ยวกับเทคโนโลยีและ
ข่ำวไอทีอย่ำงเดียว  เอ็กซ์ท์ีน
 GotoKnow
 Bloggoo
หน้ำ 3

4.  learners.in.th
 บล็อกแก์๊ง  โอเคเนช์ั์่น
นอกจำกนี้ทำงเว็บที่นิยมของไทยอย่ำง สน์ุก.คอม, กระป์ุก.คอม หรือผู้
จัดกำรออนไลน์์ ก็ได้มีกำร
เปิดให้บริกำรบล็อก
บทที่1 กำรสร้ำงเว็บบล็อก
หลำยคนอำจสงสัยว่ำตอนนี้จะท ำเว็บบล็อกไปเพื่ออะไร? แล้วจะ
เสียเงินไหม หำกจะท ำขึ้นมำ จริงๆ แล้วประโยชน์ของเว็บบล็อกนั้นมี
มำกกว่ำที่เรำคิดไว้ครับ เช่น ใช้ในกำรท ำงำน ในกำรน ำเสนอผล
งำน กำรขำยสินค้ำ ใช้ในกำรเรียนกำรสอน หรือ ใช้ในกำรเขียน
ชีวประวัติส่วนตัวแล้วเก็บไว้เป็นฐำนข้อมูลแบบ ออนไลน์ก็ยังได้ครับ
ส่วนปัญหำที่บำงท่ำนไม่รู้จัก code ของภำษำต่ำงๆ เช่น HTML หรือ
Java script ฯ ก็ ไม่ต้องเป็นกังวลครับ เพรำะตัวผมเองก็ไม่เป็นเหมือน
กันแต่ก็ค่อยๆ เรียนรู้กันไป เพียงแค่ไม่กี่วันคุณก็จะมี บล็อกสวยๆ และน
ำไปใช้ประโยชน์ได้แน่นอนครับ
เว็บบล็อกไม่จ ำเป็นต้องมีเงินในกำรท ำครับ เพรำะมีผู้ให้บริกำร
ฟรี และผมจะขอเสนอผู้ให้บริกำร
หน้ำ 4

5. www.lovelyfools.blogspot.
com อันนี้เป็นเว็บบล็อกส่วนตัว
ครับ
www.nongpoto.blogspot.com
อันนี้เป็นเว็บบล็อกของลูกชำยครับ
หน้ำ 5
บล็อกที่ชื่อ
ว่ำ
์์บล็อกเกอรซึ่งเป็น
ของ
Goog
le
ซึ่งผมก็จัดท ำอยู่
มีอยู่
2เว็บด้วยกัน
คือ

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

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

8. ขั้นที่ 2 หลังจำกได้บัญชีผู้ใช้แล้ว ให้ไปที่
www.blogger.com เพื่อสร้ำงบล็อกกันเลยครับ โดยในกำรสร้ำง
บล็อกนั้น ก็ให้ใช้ บัญชีผู้ใช้ (user name + password) ที่ได้สร้ำง
ไว้ในขั้นที่ 1
1. ไปที่เว็บไซต์ http://www.blogger.com ดังรูป
หน้ำ 8
7. คลิกที่
ปุ่ม
เพื่อดูGma
il
ของเรำครั้ง
แรก

9. 3. ให้กรอก email ที่ได้จำกขั้นที่ 1 ชื่อผู้เขียนบล็อก วันเกิด
หน้ำ 9
2. คลิกที่
ปุ่ม
เพื่อเริ่มต้นกำรสร้ำง
บล็อก
ดั
ง
รู
ป

10. จะต้องไม่ให้ซ้ ำกับคนอื่น ๆ ถ้ำซ้ ำก็ใช้วิธีเปลี่ยนเป็นค ำหรือวลีที่
ใกล้เคียงไปเรื่อย ๆ กำรตั้งชื่อและ URL ของบล็อกควรมี keyword
ที่สัมพันธ์กับเรื่องที่จะเขียนด้วย)
หน้ำ 10
4. เมื่อกรอกข้อมูลครบแล้ว ให้คลิกที่ปุ่ม จะพบ
หน้ำจ
อตั้งชื่อเว็บบล็อก
ของคุ
ณ
ให้ท ำ
กำร
ตั้งชื่อเว็บบล็อกที่เรำ
ต้องกำร
,ที่อยู่
บล็อก
แล
ะ
กรอกรหัส
ยืนยัน
(แต่กำรก ำ
หนด
UR
L

11. หน้ำ 11
5. คลิกที่
ปุ่ม
จะพบหน้ำ
จอ
เลือกแม่แบบเริ่มต้นดั
ง
รู
ป

12. หน้ำ 12
6. ให้เลือกแม่แบบเริ่มต้นที่เรำต้องกำรให้เป็นรูปแบบของบล็อก
จำกนั้นคลิกปุ่มจะปรำกฏหน้ำจอแจ้งว่ำ บล็อกของคุณถูกสร้ำง
ขึ้นแล้ว ดังรูป

13. บทที่ 2 วิธีเปลี่ยน Template ของ Blogger
หน้ำ 13
7. คลิกที่
ปุ่ม
เพื่อกรอกข้อมูลครั้งแรกในกำรสร้ำง
เว็บบล็อกซึ่งจะต้องกรอกข้อมูลในหน้ำ
เว็บ ดังรูป
8. เมื่อกรอกข้อมูลเสร็จแล้ว
ให้คลิกปุ่ม
จะปรำกฏหน้ำจอ
ดังรูป
9. ให้คลิกที่
ปุ่ม
เพื่อดูเว็บบล็อกของเรำ เป็นครั้งแรก จะพบ
หน้ำจอ ดังรูป

14. หลังจำกบทแรกได้เสนอขั้นตอนในกำรสร้ำงบล็อกไปแล้ว ถึงตรงนี้คุณ
ต้องคิดแล้วว่ำจุดประสงค์
ของกำรท ำบล็อกของคุณคืออะไร เพรำะจุดประสงค์นี่แหละครับจะเป็น
ตัวก ำหนดว่ำเรำจะเลือก แม่แบบ
(หน้ำตำ และองค์ประกอบ) ของบล็อกอย่ำงไร
ต่อไปเรำจะมำดูวิธีกำรเลือก และกำรเปลี่ยน 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
 http://mashable.com/2007/09/13/blogger-
templates
 http://www.webtemplatesblog.com
หน้ำ 14

15.  http://www.ezwpthemes.com
 http://www.freebloggertemplate.info
 http://www.blogcrowds.com/resources/blog
ger-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
หน้ำ 15

16. 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 เพื่อที่จะ
หน้ำ 16
ผม
เลือก
Templa
te
น
์ี
์้
อัปโหลดแม่แบบขึ้น
มำ

17. 3. เรียกไฟล์ .XML ที่เตรียมไว้ตำมขั้นตอนในรูปครับ
4. อัปโหลดแม่แบบขึ้นไปแทนที่แม่แบบเดิม โดยระหว่ำงกำรแทนที่ อำจ
มีกำรถำมถึงกำรลบ/เก็บ Widget ของแม่แบบเดิม ซึ่งถ้ำต้องกำรเก็บ
ของเก่ำเอำไว้ก็เลือก เก็บ Widget ก็จะท ำให้ Widget ของแม่แบบ
เดิม ไม่ถูกลบขณะเปลี่ยน Templates
หน้ำ 17

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

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

20. 1. การใช้งานเครื่องมือแม่แบบ ท าได้โดย คลิกที่ข้อความ แม่แบบ >>
จากนั้นเลือกรูปแบบที่ต้องการ >> และเลือก theme ที่ต้องการ เมื่อ
“ ”แสดงตัวอย่างเป็นที่น่าพอใจแล้ว ให้คลิกที่ปุ่ม ใช้กับบล็อก เพื่อ
ยืนยัน
2. “ ”การใช้งานเมนูพื้นหลัง การใช้งานเครื่องมือ พื้นหลัง สามารถใช้
เพื่อเปลี่ยนภาพพื้นหลังของบล็อก และเลือกสี Theme ของบล็อกได้
ตามความต้องการได้ด้วย
หน้า 20
อย่างด้วยกัน
ได้แก่
1.แม่แบบ2.พื้นหลัง.3รูปแบบ
และ
.4ขั้น
สูง
สว่ งอยา่่นแสดงตวั
สว่ นแสดงตวั อยา่่ ง

21. 2.1 “ ”วิธีเปลี่ยนภาพพื้นหลังท าได้โดย คลิกที่ ภาพพื้นหลัง
และเลือกถาพตามต้องการ และ
“ ”กดปุ่ม ใช้กับบล็อก เพื่อยืนยัน
2.2 การเลือกสี Theme ของบล็อก คลิกที่สี Theme ที่
ต้องการโดย อาจจะคลิกเลือกจาก Theme ส าเร็จรูปหรือเลือกจาก
Theme ที่แนะน า
หน้า 21

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

23. 3.2 “ ”การใช้งานเครื่องมือ การออกแบบส่วนท้าย : เครื่อง
มือนี้เป็นเครื่องมือส าหรับการ ก าหนดคอลัมน์ให้กับส่วนท้ายของ
หน้าบล็อก ซึ่งท าได้เช่นเดียวกับ 3.1
3.3 “ ”การใช้งานเครื่องมือ การปรับความกว้าง : คุณ
สามารถปรับความกว้างของแม่แบบ
และ sidebar จากเครื่องมือนี้เพียงแค่เลื่อน slider ให้ตรงกับค่าตัว
เลขที่ต้องการเท่านั้น
หน้า 23

24. 4. ส าหรับเมนูขั้นสูงเป็นการก าหนดรายละเอียดต่างๆ ให้กับบล็อก
เช่น รูปแบบของลิงค์ gadget ต่างๆ หัวเรื่อง ชื่อของบล็อก
เป็นต้น ซึ่งคุณสามารถปรับแต่งตามความต้องการแล้ว แสดง
ตัวอย่าง หาก เป็นที่พอใจก็บันทึกเช่นเดียวกับ ข้อ 1-3 ที่ได้กล่าว
มาแล้ว
*** ปล. อย่าลืมนะครับว่าเครื่องมือเหล่านี้จะไม่มีใน blogger.com แต่ จะ
มีใน draft.blogger.com เท่านั้น
หน้า 24

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

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

27. หรือโค้ดวีดีโอจาก Youtube หรือโค้ด HTML/จาวาสคริปต์ที่ต้องการ
ให้ปรากฏและแสดงผลในบทความ ส่วนที่ 3 เป็นแถบที่เลือกเมื่อต้องการ
เขียนข้อความปกติซึ่งจะมีเครื่องมือในการเขียน
บทความตามที่เห็นในภาพข้าง
บน ส่วนที่ 4 ส าหรับ
จัดรูปแบบอักษร
ส่วนที่ 5 เป็นเครื่องมือในการใส่ลิงค์ให้ข้อความ แทรกภาพลงใน
บทความ และแทรกวีดีโอ
ลงในบทความตามล าดับ ส่วนที่ 6 รูปกระดาษขาดที่เห็นนั้นใช้ใน
กรณีที่คุณต้องการแสดงบทความให้ผู้อ่านเห็นในหน้า
หลักเพียงบางส่วนเท่านั้น และถ้าใช้เครื่องมือนี้ผู้อ่านจะต้องคลิกอ่านเพิ่ม
เติมจึงจะเห็นข้อความแบบเต็ม เครื่องมือนี้มีข้อดีคือท าให้บทความที่มี
ความยาวมาก ๆ สั้นลงได้ และท าให้เปิดหน้าแรกได้เร็วขึ้นด้วย ส่วนที่
7 เป็นส่วนที่ใช้ในการจัดเรียงข้อความ และจัดแนวรูปภาพได้ด้วย เช่น
จัดชิดซ้าย
ชิดขวา กึ่งกลาง เป็นต้น ส่วนที่ 8 ได้แก่การใส่ การเน้นข้อความ
การลบรูปแบบ การตรวจสอบการสะกดค า และการ
แปลภาษา ส่วนที่ 9 เป็นส่วนที่ใช้ในการวางก าหนดเวลาล่างหน้า ว่า
จะให้บทความที่เขียนเผยแพร่ใน
วันใด
ส่วนที่ 10 เป็นการใส่ป้ายก ากับ ซึ่งเป็นส่วนที่ใช้ระบุว่าบทความที่เขียน
นี้อยู่ในหมวดหมู่ใด
หน้า 27

28. ซึ่งสามารถใส่ได้มากกว่า 1 ป้ายก ากับโดยคั่นด้วยเครื่องหมายจุลภาค
และสามารถเลือกป้ายก ากับที่คุณ เคยใส่ให้บทความอื่นไปแล้วมาใส่อีก
ได้ เพื่อท าให้บทความนั้น ๆ อยู่ในหมวดหมู่เดียวกัน
ส่วนที่ 11 เป็นการเลือกว่าจะบันทึกไว้ก่อน หรือจะเผยแพร่ มีประโยชน์
ในกรณีที่บทความที่
เขียนใช้เวลาเขียนนานมากก็อาจจะบันทึกเอาไว้ก่อนแล้วมาเขียนต่อใน
ภายหลังได้
เทคนิคการเขียนบทความที่ควรรู้
ในกรณีที่เรามีไฟล์เอกสารจาก MS word แล้วคัดลอกมาวางเพื่อท าให้
เขียนบทความได้เร็วขึ้น
บางครั้งพบปัญหาข้อผิดพลาดของฟอร์ม (ฟอร์มใน MS word ไม่
สามารถแปลงเป็น HTML Code ได้)
ปัญหานี้แก้ได้โดยก่อนวางข้อความให้คลิกที่แถบ แก้ไข HTML แล้วจึง
วางข้อความที่คัดลอกมา
จากนั้นจึงคลิกที่แถบ เขียน เพื่อจัดรูปแบบของบทความต่อไป
เทคนิคนี้ยังสามารถใช้กับการวางโค้ดวีดีโอ หรือข้อความที่คัดลอกมา
จากเว็บไซต์ได้ด้วยครับ
หน้า 28

29. บทที่ 4 การตั้งค่าพื้นฐานต่างๆให้กับบล็อก
บทนี้ผมจะขอแนะน าการตั้งค่าพื้นฐานต่างๆ ของบล็อกเพื่อให้
เข้าใจการตั้งค่าในส่วนต่าง ๆ ของ Blogger และจะท าให้คุณ
สามารถตั้งค่าต่าง ๆ ตามความต้องการของตนเองได้ อีกทั้งจะเป็น
ประโยชน์ใน การพัฒนาการท า Blogger ในระยะยาวด้วย การตั้งค่า
พื้นฐานต่างๆ ของบล็อกท าได้โดย Log in เข้าไปที่ blogger เมื่อมา
ที่หน้า แผงควบคุม
ผมจะแบ่งการตั้งค่าออกเป็น 9 ส่วนดังนี้
1. ขั้นต้น
หน้า 29
ให้Clic
k
ที่ การตั้ง
ค่า
และท่านจะเข้ามาที่เมนูการตั้งค่าของ
บล็อก

30. คุณสามารถดาวน์โหลด Blog เพื่อเก็บเป็น Backup ข้อมูล
บทความและ comment ของ
บล็อกได้โดยเลือก ส่งออกบล็อก แต่ถ้าคุณมีข้อมูลบล็อกเดิมอยู่แล้วอยาก
จะน ามาใช้กับบล็อกใหม่ที่สร้าง ขึ้น ก็ให้เลือก น าเข้าบล็อก แต่ถ้าคิด
ว่าไม่ต้องการใช้บล็อกนี้แล้วก็สามารถลบทิ้งได้โดยเลือก ลบบล็อก
Title และค าอธิบายของบล็อก ควรใส่ให้เข้าใจภาพรวมของบล็อกและมี
keyword ในการท า
องค์ประกอบ ตั้งค่าเป็น
เพิ่มบล็อกของคุณในรายการของเรา
หรือไม่
ใช่
อนุญาตให้เครื่องมือค้นหาพบบล็อก
ของคุณหรือไม่
ใช่
แสดงการแก้ไขอย่างรวดเร็วบนบล็อก
ของคุณหรือไม่
ใช่
มีเนื้อหาส าหรับผู้ใหญ่หรือไม่ ไม่
หน้า 30
บล็อกแทรกอยู่
ใน
Descripti
on
ด้ว
ย
ในส่วนการตั้งค่า
อื่น
ๆควรตั้งค่า
ดังนี้

31. เลือกโปรแกรมแก้ไขบทความ โปรแกรมแก้ไขที่อัป
เดต
2. การเผยแพร่
ถ้าคุณต้องการเปลี่ยนโดเมนของบล็อกจาก .blogspot.com เป็นโดเมน
อื่นก็สามารถตั้งค่าได้ตรงส่วนนี้ แต่
ในส่วนนี้เป็นการตั้งค่าการเผยแพร่บทความ เช่น จ านวนบทความใน
หน้าแรก รูปแบบเวลา
และวันที่เป็นต้น
หน้า 31
ในการตั้งค่าส่วนนี้สามารถ
เปลี่ยน
URLของบล็อก
ได้
จะต้องเสียค่าใช้จ่ายการจด
โดเมนผ่าน
googl
e
ปี
ละ
1
0
US(ประมา
ณ
30
0
กว่าบาทต่อ
ปี
)
3.การจัดรูป
แบบ

32. คุณควรจะตั้งค่าต่าง ๆ ดังนี้
องค์ประกอบ ตั้งค่าเป็น
แสดงสูงสุด เท่าไรก็ได้
รูปแบบส่วนหัวของวันที่ ตั้งได้ตามใจชอบ
รูปแบบวันที่ของดัชนีคลัง
บทความ
ตั้งได้ตามใจชอบ
รูปแบบเวลา ตั้งได้ตามใจชอบ
โซนเวลา (GMT+07:00
)กรุงเทพ
ภาษา ไทย
แปลงการขึ้นบรรทัดใหม่ ไม่
แสดงฟิลด์ชื่อเรื่อง ใช่
แสดงฟิลด์ของลิงก์ ไม่
เปิดใช้การจัดเรียงแบบ
ลอย
ใช่
แม่แบบบทความ ยังไม่ต้องตั้งค่า
4. เมนูข้อคิดเห็น เป็นเมนูส าหรับตั้งค่าต่าง ๆ เกี่ยวกับการ
แสดงความคิดเห็นของบล็อก
คุณควรจะตั้งค่าต่าง ๆ ดังนี้
องค์ประกอบ ตั้งค่าเป็น
ข้อคิดเห็น แสดง
ใครสามารถแสดงความคิดเห็น ผู้ใช้ที่มีบัญชี Google
การจัดวางฟอร์มความคิดเห็น วางไว้ใต้บทความ
ความคิดเห็นเริ่มต้นส าหรับ
บทความ
บทความใหม่มีความคิดเห็น
ลิงก์ย้อนกลับ ซ่อน
หน้า 32

33. ค่าเริ่มต้นของลิงก์ย้อนกลับส าห
รับบทความ
บทความใหม่มีลิงก์ย้อนกลับ
รูปแบบเวลาในส่วนความคิดเห็น ตั้งค่าตามใจ
ข้อความของฟอร์มความคิดเห็น ไม่ต้องใส่ค่าใด ๆ ก็ได้
การจัดการความคิดเห็น ไม่
แสดงการตรวจสอบค าส าหรับ
ความคิดเห็นหรือไม่
ไม่
แสดงรูปภาพโปรไฟล์บนความคิด
เห็นหรือไม่
ใช่
อีเมลส าหรับแจ้งเตือนเมื่อมีความ
คิดเห็นใหม่
กรอก email ของคุณลงไป
5. เก็บเข้าคลังบทความ
ตั้งให้เป็นรายเดือนจะดีที่สุด
6. ฟีดของไซต์
ถ้าบทความในบล็อกไม่มากนัก ตั้งค่าเป็น แบบเต็ม แต่ถ้าบทความมี
ประมาณ 100 ขึ้นไปควร
จะตั้งเป็น แบบสั้น
7. อีเมลและมือถือ
หน้า 33

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

35. บทที่ 5 รู้จักและใช้งาน Gadget ชิดต่างๆบน
Blogger
เมื่อเรียนรู้เกี่ยวกับ การตั้งค่าต่าง ๆ ของบล็อก การเปลี่ยน
Templates ให้กับบล็อกไปแล้ว ส่วนที่ เหลือคือ การจัดรูปแบบองค์
ประกอบหน้าให้กับบล็อก รวมถึงการใช้งาน Gadget หลักชนิดต่างๆ
ของ Blogger
Gadget คืออะไร?
Gadget ใน Blogger นั้นหมายถึงส่วนเสริมที่เราสามารถติดตั้งเพิ่มลงไป
ในแม่แบบของ Blogger
ซึ่งบางครั้งก็ถูกเรียกว่า widget ซึ่งก็หมายถึงสิ่งเดียวกันกับ Gadget
หน้า 35

36. วิธีเพมิ่ Gadget
ก่อนอื่นให้ Login เข้าไปที่ blogger หรือ draft.blogger >> จาก
แผงควบคุมให้เลือก การออกแบบ
จากนั้นใน Layout ของแม่แบบคุณจะเห็นพื้นที่ ดังรูปด้านล่างเพื่อให้
เพิ่ม Gadget
และเมื่อคลิก เพิ่ม Gadget ก็จะปรากฏ Gadget พื้นฐาน 21 อย่างที่จะ
กล่าวถึงในหัวข้อนี้
นอกจากนี้ยังมี Gadget อีกมากมายซึ่งคุณสามารถเลือกได้จากเมนูแกด
เจ็ดเพิ่มเติมทางซ้ายมือ
หน้า 36

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

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

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

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

41. เป็น gadget ที่ท าให้พาดหัวข่าวจาก Google มาปรากฏบนบล็อกของ
คุณเท่านั้น
16. Gadget ป้ายก ากับ
Gadget นี้มีความส าคัญ คุณควรจะติดตั้ง เพื่อให้บทความที่เขียนเป็น
หมวดหมู่ ให้ผู้อ่านเห็นชัดเจนเลือก อ่านได้ตรงความต้องการมากขึ้น
17. Gadget ลิงค์การสมัคร
Gadget นี้มีความส าคัญในเรื่องการส่งข่าวสารข้อมูลจากบล็อกของคุณ
ไปยังผู้อ่าน ผู้อ่านจะสามารถสมัคร รับบทความทาง email หรือผ่าน
ช่องทางอื่น ๆ ได้จาก Gadget นี้
18. Gadget โลโก้
Gadget นี้ไม่ส าคัญนักเป็นเพียงติดตั้ง logo ของ blogger ในหน้า
บล็อกเท่านั้น
19. Gadget โปรไฟล์
หน้า 41

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

43. การลบ Gadget วิธีที่ 1 ถ้าในขณะที่เรา log in และเปิดหน้า
บล็อกของเราขึ้นมา ก็จะสังเกตเห็นว่ามีเครื่องมือ
ปรากฏอยู่ตามที่ต่างๆ ในองค์ประกอบของหน้า
และถ้าเราคลิกเข้าไปก็จะสามารถแก้ไข หรือ ลบองค์ประกอบเหล่านั้น
ออกไปได้เลยครับ
วิธีที่ 2 เราสามารถเข้าไปลบ Gadget ได้ที่ แผงควบคุม >> การออกแบบ
>> องค์ประกอบของ
หน้า >> เลือกแก้ไข Gadget ที่ต้องการลบ
จากนั้นเลือกลบได้เช่นเดียวกับกรณี
แรก
หน้า 43

44. การย้ายต าแหน่ง Gadget ส าหรับการย้ายต าแหน่งของ
Gadget ท าได้โดยการ เข้าไปที่แผงควบคุม >> การออกแบบ
>>
องค์ประกอบหน้าจากนั้นให้ลากเมาส์บน Gadget ที่ต้องการย้ายไปวาง
ในต าแหน่งที่ต้องการได้เลยครับ
เมื่อเข้าใจการท างานของ Gadget ชนิดต่าง ๆ แล้วสิ่งที่อยากจะฝาก
เอาไว้ตอนท้ายนี้ก็คือการจัด องค์ประกอบหน้าของบล็อกดังนี้
แนวทางในการจัดองค์ประกอบหน้าบล็อก แนวทางในการจัดองค์
ประกอบหน้านั้นไม่มีกฎเกณฑ์ตายตัว บางคนชอบให้มี 2 column บาง
คน ชอบให้มี 3 column ซึ่งก็ขึ้นอยู่กับความชอบและความต้องการใช้
งาน แต่ที่อยากให้ค านึงไว้เสมอคือ ผู้อื่น คือ พระเจ้า ท าอะไรให้
เข้าใจง่ายๆ หาอะไรก็เจออย่างรวดเร็ว เข้าไว้เป็นพอครับ และอีกประ
การที่ส าคัญคือ การติดตั้ง Gadget ต่าง ๆ ควรติดตั้งเท่าที่จ าเป็นและ
ต้องการใช้งาน ปฏิทิน หรือนาฬิกานั้นก็ไม่ควรติดตั้ง ลงไปเลย เพราะ
ไม่คุ้มค่ากับการเพิ่มภาระการโหลดให้กับผู้เข้าชม และถ้าบล็อกของคุณ
โหลดได้ช้า ก็ เป็นไปได้ยากที่ผู้อ่านจะกลับมาอีก
หน้า 44

45. องค์ประกอบในหน้าของบล็อกที่ผมคิดว่าคุณควรจะมีคือ ส่วนที่บอกตัว
ตนของบล็อก : ซึ่งอาจจะแสดงในส่วนหัวของหน้า หรือเป็นวีดีโอ /
สไลด์/ข้อความ/รูปถ่าย อยู่ในต าแหน่งที่เห็นได้
ชัด ส่วนที่เชื่อมโยงไปยังบทความในบล็อก : ส่วนนี้จ าเป็นมากเพราะ
จะช่วยให้ผู้อ่านค้นหาบทความได้เร็วขึ้น คุณอาจจะรวมบทความ
ทั้งหมด
เลยหรือ อาจจะใช้วิธีจัดหมวดหมู่ให้ผู้อ่านเลือกสิ่งที่ต้องการจากบล็อก
ของเราได้เร็วขึ้น
ส่วนพื้นที่ของสมาชิก : ส่วนนี้จะแสดงให้เห็นว่ามีผู้สนใจบล็อกของเรา
มากแค่ไหน และสามารถสมัครติดตามบล็อกของ เราได้ทันที เช่นอาจ
จ ะ ใ ช้ Gadget ผู้ ติ ด ต า ม ห รื อ ใ ช้ Like box Plugins ข อ ง
Facebook หรืออาจจะท า Poll ก็ได้
ส่วนที่เป็นช่องทางให้ผู้อ่านติดต่อเราได้ : คุณอาจจะท า link เชื่อม
โยงให้ผู้อ่านติดต่อคุณได้ หรืออาจจะใช้ Gadget profile ของ
Blogger
เพื่อแนะน าตัวก็ได้
บทที่ 7 การแสดงข่าวสารล่าสุดด้วย Gadget ฟีด
หน้า 45

46. ความหมายของค าว่า ฟีดโดยสรุปก็คือเป็นสิ่งที่แพร่กระจาย
จากบล็อกของเราบนโลก Internet เทียบได้กับคลื่นสัญญาณวิทยุ
หรือโทรทัศน์ ถ้ามีตัวรับทุกคนก็สามารถมองเห็นข่าวสารที่ต้องการ
เลือกรับ ได้ นอกจากนี้ถ้ามีตัวช่วยส่งให้ฟีดแพร่ได้แรงขึ้น ข่าวสารก็
ย่อมจะแพร่กระจายได้เร็วด้วย
ดังนั้นถ้าคุณสนใจข่าวสารจากบล็อกใดบล็อกหนึ่งคุณก็สามารถที่
จะเปิดรับข่าวสารจากบล็อก นั้นๆ โดยใช้ Gadget ฟีด ซึ่งเป็น Gadget
ที่สามารถเพิ่มได้อย่างไม่จ ากัด ดังนั้นถ้าคุณต้องการรับข่าวจาก 10
บล็อกก็สามารถท าได้โดยการเพิ่ม gadget ฟีดเข้าไปในบล็อก 10 ครั้ง
ในขณะเดียวกันถ้าคุณใส่ชื่อ บล็อกของตัวเองใน Gadget ฟีด Gadget
ชนิดนี้จะกลายเป็น Gadget ที่ใช้แสดง บทความล่าสุดนั่นเอง ครับ
การแสดงข่าวสารล่าสุดโดยการใช้ Gadget ฟีด
1. ไปที่องค์ประกอบของหน้า >> เพิ่มฟีด Gadget
2. ใส่โค้ดต่อไปนี้ลงไปใน Gadget ฟีด
http://ชื่อบล็อก.blogspot.com/feeds/posts/default โดย
จะต้องเปลี่ยนชื่อบล็อกเป็นชื่อบล็อกของของคุณเองหรือชื่อบล็อกที่คุณ
ต้องการรับข่าวสารที่ update
หน้า 46

47. ตั้งค่าที่ต้องการเพิ่มเติมและบันทึกก็จะได้ 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
หน้า 47

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

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

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

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

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

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

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

55. แต่ถ้าลากไปในต าแหน่งใต้ส่วนหัว จะจัดเรียงเรียงเป็น
แนวนอนโดยอัตโนมัติ
บทที่ 9 นับจำานวนคนเยี่ยมชมด้วย Flagcounter
หน้า 55

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

57. 4. กลับมาที่บล็อกของเรา ไปที่แผงควบคุม >> รูปแบบ >>
องค์ประกอบหน้า >> เพิ่ม Gadget ชนิด HTML/จาวาสคริปต์
5. วางโค้ดที่คัดลอกมาจากขั้นที่ 3 แล้วบันทึกครับก็เป็นอัน
จบขั้นตอนครับ ลักษณะที่ได้ก็ดังรูป
บทที่ 10 รูปภาพในบทความบน Blgger
คุณเคยสงสัยไหมครับว่า รูปภาพที่คุณ upload ขึ้น
ไปขณะที่เขียนบทความ หรืออาจจะเขียนบทความไปแล้ว รูป เหล่านั้น
ไปอยู่ที่ไหน เพราะว่า Blogger เองไม่มี sever ยัง ต้องอาศัยฐาน
หน้า 57

58. ข้อมูลของตัวแม่คือ 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 ให้มีขนาดเล็กลงเพื่อเป็นการประหยัดพื้นที่
นั่นเอง คุณจะเข้าไปจัดการรูปภาพจาก Blogger ใน Picasa Web
ได้อย่างไร? การจัดการภาพใน Picasa Web Albums ท าได้ 2 วิธี
คือ
1. ใช้ Software ที่พัฒนาขึ้นมาจัดการ Picasa
Web Albums โดยเฉพาะ
หน้า 58

59. คุณ
สามารถเข้าไปดาวน์โหลด Picasa ได้ที่
http://picasa.google.com/
2. เข้าไปจัดการที่เว็บไซต์ Picasa Web Albums โดยตรง โดยไปที่
http://picasaweb.google.com และ Log in โดยใช้ชื่อบัญชี
เดียวกับ Blogger
คุณสามารถเข้าไป Unload ภาพได้โดยตรงกับ Picasa แล้วเรียกมา
ใช้บน blogger ได้โดยใช้ตัวเลือก อัปโหลด
หน้า 59

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

61. บทที่ 11 การสร้างวีดีโอใน Youtube และนำามาใส่
ในบล็อก
ถ้ามีวีดีโอในหน้าบล็อกของเราด้วย การสื่อสารเรื่องราวต่างๆ ก็จะมีชีวิต
ชีวาและเข้าใจง่ายขึ้น ซึ่ง
ในที่นี้เราสามารถสร้างได้ไม่ยากด้วยบริการของ
www.youtube.com ครับ
ขั้นตอนการฝากวีดีโอไว้กับ youtube
1.ไปที่ www.youtube.com แล้วเลือก Create Account ที่
มุมขวาบนซึ่งในกรณีที่เรา Login อยู่
หน้า 61

62. 1.4 จะพบหน้าต่างให้กรอก Username และ รหัสผ่าน ของ gmail ให้
กรอก e-mail ของเรา
หน้า 62
ในเว็บบล็อกของเรานั้น ก็สามารถใช้
บริการของ
youtu
be
ด้ว
ย
Accou
nt
เดิมโดยไม่ต้องสมัคร
ใหม่ครับวิธีการท า
ได้โดย 1.
1
คลิก
ที่1.
2
กรอกข้อมูลส าหรับการสร้าง
บัญชี โดยใช้
userna
me
ขอ
ง
gma
il
ของเรา
เอง
1.
3
จากนั้น
คลิก

63. จากนั้นเราก็สามารถท าการเพิ่ม Video ได้ตามที่เราต้องการ
2.การฝาก youtube มีเงื่อนไขส าคัญๆ ดังนี้
-ความยาวของวีดีโอไม่เกิน 10 นาที
-ควรเป็นวีดีโอที่ไม่กระทบต่อสถาบัน ชาติ ศาสนา พระมหากษัตริย์ และ
ศีลธรรมอันดีงามของสังคม
หน้า 63
จะพบหน้าจอ
ดังนี้

64. 3. การ upload วีดีโอขึ้นไปที่เมนู upload (ที่มุมขวาบน) แล้วท
าการเลือกไฟล์วีดีโอจากเครื่องของ เรา และรอจนการ upload เสร็จสิ้น
3.1 คลิกที่ปุ่ม Uploads
3.2 คลิกที่ปุ่ม Upload Video
3.3 เลือกไฟล์ Video ที่ต้องการ
3.4 เมื่อ Upload ได้ 100% แล้วให้คลิก Save change
4. เมื่อ upload เสร็จสิ้นแล้วคลิกที่ข้อความ Embed and Sharing
Options เราก็เห็น HTML
หน้า 64
3.4

65. เช่นในที่นี้ผมคัดลอก code มาแปะในบทความก็จะได้ผลลัพธ์เป็นวีดีโอ
ตามด้านล่างที่เห็นครับ
หน้า 65
cod
e
ให้คัด
ลอก
cod
e
เหล่านั้นมาแปะในส่วนที่เรา
ต้องการ

66. เรื่อง
หนา้้
บทน้ำ…………………………………………………………………
…………………………………….
1
บทที่ 1 การสร้างเว็บ
……………………………………………………………………บล็อก
……………
4
บทที่ 2 วิธีเปลี่ยน Template ของ
Blogger………………………………………………………………..
1
2
บทที่ 3 วิธีเขียนและจัดการบทความใน
……………………………………………………………บล็อก ..
2
2
บทที่ 4 การตั้งค่าพื้นฐานต่างๆ ให้กับ
………………………………………………………………บล็อก .
2
6
บทที่ 5 รู้จักและใช้งาน Gadget ชนิดต่างๆ บน
Blogger…………………………………………………
3
2
บทที่ 6 การจัดการกับ Gadget ในหน้า
……………………………………………………………บล็อก ..
4
0
บทที่ 7 การแสดงข่าวสารล่าสุดด้วย Gadget
…………………………………………………………ฟีด
4
3
บทที่ 9 นับจ านวนคนเยี่ยมชมด้วย
Flagcounter………………………………………………………….
5
3
บทที่ 10 รูปภาพในบทความบน
Blogger………………………………………………………………
…
5
5
บทที่ 11 การสร้างวีดีโอใน YouTube และน ามาใส่ใน
………………………………………………บล็อก
5
8
หน้า 66

67. เอกสารประกอบการฝึกอบรมเชิงปฏิบัติการ
การพัฒนาสื่อการเรียนการสอน
หน้า 67
อม อรตเว้ิพโดยใช้้โปรแกรมค ้์ร้่วมก้ับ We
b
lo
g