blog

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

Upload: darkfoce

Post on 28-Jul-2015

64 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Blog

หน า 1

บทน า

บล อก(องกฤษ:blog) เปนคารวมมาจากคาวา เว บล อก(องกฤษ:weblog) เปนร ปแบบเว บไซต

ประเภทหนงซงถ กเข ยนขนในลาดบท เร ยงตามเวลาในการเข ยนซงจะแสดงข อม ลท เข ยนลาส ดไว แรกส ด

บล อกโดยปกตจะประกอบด วยข อความภาพล งกซงบางครงจะรวมส อตางๆ ไมวาเพลงหร อว ดโอใน

หลายร ปแบบไดจ ดท แตกตางของบล อกกบเว บไซต โดยปกต คอบล อกจะเปดให ผ เข ามาอานข อม ลสามารถ

แสดงความค ดเห นตอท ายข อความท เจ าของบล อกเปนคนเข ยนซงทาให ผ เข ยนสามารถไดผลตอบกลบโดย

ทนท คาวา"บล อก"ยงใช เป นคากรยาได ซงหมายถงการเข ยนบล อกและนอกจากน ผ ท เข ยนบล อกเปน

อาช พก จะถกเร ยกวา"บล อกเกอร"

บล อกเปนเว บไซต ท ม เน อหาหลากหลายขนอย กบเจ าของบล อกโดยสามารถใช เปนเคร องม อ

ส อสารการประกาศขาวสารการแสดงความคดเห นการเผยแพรผลงานในหลายด านไมวาอาหาร

การเม องเทคโนโลยหร อขาวปจจ บนนอกจากน บล อกท ถ กเข ยนเฉพาะเร องสวนตวหร อจะเร ยกวาไดอาร

ออนไลน ซงไดอาร ออนไลน น เองเปนจ ดเร มต นของการใช บล อกในปจจ บนนอกจากน ตามบร ษทเอกชน

หลายแหงได ม การจดทาบล อกของทางบร ษทขนเพ อเสนอแนวความเห นใหมใหกบล กค าโดยม การเข ยน

บล อกออกมาในลกษณะเด ยวกบขาวสนและได รบการตอบรบจากทางลกค าท แสดงความเห นตอบกลบเข า

ไปเพ อพฒนาผล ตภณฑ

ความน ยม

บล อกได เร มม บทบาทมากขนในปจจ บนในวงการ[[ส อมวลชน]]ในหลายประเทศเน องจากระบบ

แก ไขท เร ยบงายและสามารถต พ มพ เร องราวได โดยไมต องใชความร ในการเข ยนเว บไซตโดยนอกเหน อจาก

ท ผ เข ยนขาวสงผลงานให กบทางส อแล วยงได มาเข ยนขาวในอ กชองทางหนงในการเผยแพรข อม ลหร อ

แนวความค ดโดยการเขยนบล อกสามารถเผยแพรข อม ลส ประชาชนได รวดเร วและเส ยคาใช จายน อยกวา

ส อในด านอ นขาวท นยมในการเข ยนบล อกตอส อมวลชนสวนใหญจะเปนในลกษณะเร องซ บซ บวง การดารา

ขาวการเคล อนไหวทางการเม องเปนต น

จากความน ยมท มากขน ทาให หลายเว บไซต เปดให ม สวนการใช งานบล อกเพ มขนมาในเว บของตนเอง

เพ อเร ยกให มการเข าส เว บไซต มากขนทงผ เขยนและผ อาน

Page 2: Blog

หน า 2

การใช งานบล อก

ผ ใช งานบล อกจะแก ไขและบร หารบล อกผานทาง[เว บเบราว เซอร]เหม อนการใช งานและอาน

เว บไซต ทวไปโดยจะม ร ปแบบบร หารบล อกท แตกตางกนเชนบางระบบท ม บรรณาธ การของบล อกผ เข ยน

หลายคนจะสงเร องเข าทางบล อกและจะต องรอให บรรณาธ การอน มต ให บล อกเผยแพรกอนบล อกถงจะ

แสดงผลในเว บไซต นนได ซงจะแตกตางจากบล อกสวนตวท จะให แสดงผลได ทนท

ผ เข ยนบล อกในปจจ บนจะใช งานบล อกในร ปแบบใดร ปแบบหนงไมวาต ดตงซอฟต แวร ของตวเอง

หร อใช งานบล อกผานทางเว บไซต ท ให บร การบล อก

สาหรบผ อานบล อกจะใช งานได ในลกษณะเหม อนอานเว บไซต ทวไปและสามารถแสดงความเห นได

ในสวนท ายของแตละบล อกโดยอาจจะต องผานการลงทะเบ ยนในบางบล อกนอกจากน ผ อานบล อกสามารถ

อานบล อกไดผานระบบ [ฟด]ซงม ให บร การในบล อกทวไป ทาให ผ ใชสามารถอานบล อกได โดยตรงผาน

โปรแกรมตวอ นโดยไมจาเป นต องเข ามาส หน าบล อกนน

บล อกซอฟต แวร

บล อกซอฟต แวรหร อบล อกแวรเปนซอฟต แวรท ใช ในอ นเทอร เน ต ในลกษณะของระบบจดการ

เน อหาเว บท ผ พฒนาซอฟต แวร และผ เข ยนหร อด แลบล อกจะแยกจากกนตางหากสงผลให ผ เข ยนบล อก

สามารถใช งานได ทนท โดยไมต องม พ นฐานความร ในด านเอชท เอ มแอลหร อการทาเว บไซต แตอยางใดทาให

ผ เข ยนบล อกสามารถใช เวลาสวนใหญในการบร หารจดการ เพ มเต มข อม ลและสารสนเทศแทนได

นอกจากน บล อกซอฟต แวรจะสนบสน นระบบWYSIWYG ซงทาให งายตอการเข ยน และอาจเพ มเต มการม

เทมเพลตในหลายแบบให เล อกใช

ซอฟต แวรสวนใหญสามารถดาวน โหลดและต ดตงได ทนท โดยผ ใชซงซอฟต แวร บางสวนเปน

ซอฟต แวร โอเพนซอรสซงเปนซอฟต แวร ท ไมสงวนล ขส ทธซงผ พฒนาสามารถนามาปรบแกเปนของตนเอง

ต ดตงไว ใช เป นบล อกสวนตว หร อเผยแพรให คนอ นมาใชงานได สวนซอฟต แวรล ขสทธ นน จะม ทงในร ปแบบ

ท ให ใช งานแบบเส ยคาใช จายหร อให ใช งานฟร

Page 3: Blog

หน า 3

บล อกซอฟต แวร ท เป นท ร จก

รายช อบล อกซอฟต แวร ท เปนท น ยมพร อมทงช อซอฟต แวร ท ใช พฒนาในวงเล บ

ดร ปาล(พ เอชพ /มายเอสควแอล)

เว ร ดเพรสส(พ เอชพ /มายเอสค วแอล)

สแลช(เพ รล)

ไลฟไทป(พ เอชพ /มายเอสค วแอล)

จ มลา(พ เอชพ /มายเอสค วแอล)

แมมโบ (พ เอชพ /มายเอสควแอล)

รายช อผ ให บร การบล อกท ม ช อเส ยง

บล อกเกอร(ก เก ล)

ไทปแพด

เว ร ดเพรสส

ยาฮ!360°หร อยาฮ!เดย(ยาฮ!)

ว นโดวส ไลฟสเปซเซส(ไมโครซอฟท)

มายสเปซ

มลต ไพล

ผ ให บร การบล อกในประเทศไทยท เป นท ร จก

Blognone บล อกสาหรบเข ยนเร องราวเกยวกบเทคโนโลย และขาวไอท อยางเด ยว

เอ กซ ท น

GotoKnow

Bloggoo

learners.in.th

บล อกแกง

โอเคเนชน

นอกจากน ทางเว บท น ยมของไทยอยางสน ก.คอม, กระป ก.คอมหร อผ จดการออนไลน ก ได ม การ

เปดให บร การบล อก

Page 4: Blog

หน า 4

บทท 1การสร างเว บบล อก

หลายคนอาจสงสยวาตอนน จะทาเว บบล อกไปเพ ออะไร? แล วจะเส ยเง นไหมหากจะทาขนมาจร งๆ

แล วประโยชน ของเว บบล อกนนม มากกวาท เราค ดไว ครบเชนใช ในการทางาน ในการนาเสนอผลงานการ

ขายส นค าใช ในการเร ยนการสอนหร อใช ในการเข ยนช วประวต สวนตวแลวเก บไว เป นฐานข อม ลแบบ

ออนไลน ก ยงได ครบ สวนปญหาท บางทานไมร จก code ของภาษาตางๆเชนHTML หร อJava script ฯก

ไมต องเปนกงวลครบ เพราะตวผมเองก ไมเป นเหม อนกนแตกคอยๆเร ยนร กนไปเพ ยงแคไมกวนค ณก จะม

บล อกสวยๆและนาไปใช ประโยชน ได แนนอนครบ

เว บบล อกไมจาเปนต องม เง นในการทาครบเพราะม ผ ให บร การฟรและผมจะขอเสนอผ ให บรการ

บล อกท ช อวาบล อกเกอรซงเปนของGoogle ซงผมกจดทาอยม อย2เว บด วยกนค อ

www.lovelyfools.blogspot.com

อนน เปนเว บบล อกสวนตวครบ

www.nongpoto.blogspot.com

อนน เปนเว บบล อกของล กชายครบ

Page 5: Blog

หน า 5

ว ธ สร างบล อกกบBlogger

ขนท1 การสมครใช งานBlogger สามารถใช email ของระบบใดก ไดแตในระยะยาวแล วการ

เช อมโยงกบบร การหลายๆอยางของGoogle ควรจะใชemail ของGmail ด ท สดครบ

1. ให ค ณเข าไปทwww.gmial.com เพ อสร างบญช ผ ใช กบGoogle

2. กรอกข อม ลท จาเป นในการสมครGmail

จากนนคล กป มฉนยอมรบโปรดสร างบญช ของฉน

Page 6: Blog

หน า 6

3. จะพบหน าจอการย นยนบญช ของเราซงต องใสเบอร โทรศพท(Google จะสงmassage มาให )จากนน

4. คล กป มสงรหสย นยนไปยงโทรศพท ม อถ อของฉน

5. เม อเปดด ข อความในโทรศพท ม อถ อแล วก ให ปอนรหสท ได จากนนคล กป มย นยน

6. ค ณจะพบกบหน าจอแสดงความย นด เก ยวกบบญช ของGmail

Page 7: Blog

หน า 7

7. คล กท ปม เพ อดGmail ของเราครงแรก

ขนท2 หลงจากได บญช ผใช แลว ให ไปท www.blogger.com เพ อสร างบล อกกนเลยครบ

โดยในการสรางบล อกนนก ให ใช บญชผ ใช(user name + password) ท ได สรางไว ในขนท1

1. ไปท เว บไซตhttp://www.blogger.com ดงร ป

2. คล กท ปม เพ อเร มต นการสร างบล อกดงร ป

Page 8: Blog

หน า 8

3. ให กรอกemail ท ได จากขนท1ช อผ เข ยนบล อก วนเก ด

4. เม อกรอกข อม ลครบแล ว ให คล กท ป มจะพบหน าจอตงช อเว บ

บล อกของค ณ ให ทาการตงช อเว บบล อกท เราต องการ, ท อย บล อกและกรอกรหสย นยน (แตการกา

หนดURL

Page 9: Blog

หน า 9

จะต องไมให ซ ากบคนอ นๆ ถ าซาก ใช ว ธ เปลยนเปนคาหร อวล ท ใกล เค ยงไปเร อยๆการตงช อและURL

ของบล อกควรม keyword ท สมพนธ กบเร องท จะเข ยนด วย)

5. คล กท ปม จะพบหน าจอเล อกแมแบบเร มต น ดงร ป

Page 10: Blog

หน า 10

6. ให เล อกแมแบบเรมต นท เราต องการให เปนร ปแบบของบล อกจากนนคล กป ม

จะปรากฏหน าจอแจ งวาบล อกของค ณถกสร างขนแล วดงร ป

7. คล กท ปมเพ อกรอกข อม ลครงแรกในกา

รสรางเว บบล อกซงจะต องกรอกข อม ลในหน าเว บดงร ป

Page 11: Blog

หน า 11

8. เม อกรอกข อม ลเสร จแล ว ให คล กป ม จะปรากฏหน าจอดงร ป

9. ให คลกท ป ม เพ อด เว บบล อกของเรา เปนครงแรกจะพบหน าจอ

ดงร ป

Page 12: Blog

หน า 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

Page 13: Blog

หน า 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

Page 14: Blog

หน า 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 เพ อท จะ

อปโหลดแมแบบขนมา

Page 15: Blog

หน า 15

3. เร ยกไฟล .XML ท เตร ยมไว ตามขนตอนในร ปครบ

4. อปโหลดแมแบบขนไปแทนท แมแบบเด มโดยระหวางการแทนท อาจม การถามถงการลบ/เก บWidget

ของแมแบบเด มซงถาต องการเก บของเกาเอาไว ก เล อกเก บWidget ก จะทาให Widget ของแมแบบ

เด มไมถ กลบขณะเปล ยน Templates

Page 16: Blog

หน า 16

5. จากนนลองแสดงตวอยางด ซงถ าพอใจกบแมแบบแล วกให ทาการบนทกก จบขนตอนการเปลยน

แมแบบแล วครบ และถ าหากคณต องการเปล ยนแมแบบอ กก สามารถเปล ยนได แบบไมจากดครง

น ค อผลงานหลงจากเปล ยนแมแบบน ครบ

กอนเปล ยนTemplate

หลงเปลยนTemplate

Page 17: Blog

หน า 17

เคร องม อสาหรบ “ออกแบบแมแบบ” ด วยตนเอง ใหม!จากBlogger

หลงจากท มงานBlogger ได สรางGadget หน าเว บออกมาได ไมนานตอนน ก ได พฒนาการ

เคร องม อสาหรบการออกแบบแมแบบของ blogger ให ย ดหย นมากขนโดยให ผ ใชสามารถปรบแตงแมแบบ

ได ด วยตนเองไมวาจะเปนการเล อกTheme การออกแบบโครงรางของหน าวาจะม 2หร อ3คอลมน หร อ

หลายคอลมน ซงทาไดโดยการคลกเพ ยงไมก ครงการปรบความกว างของTemplate และsidebar เพ ยง

แคคลกเด ยวเป นต นความสามารถท งหลายน ผใชสามารถทาได โดยไมต องม ความร เร องHTML และCSS

เลยสาหรบการใช งานเคร องม อน ก คล ายคลงกบการใชงานเคร องมอเด มๆท ม อย ซงผมจะอธบายท ละสวน

ดงน

การใช เคร องม อออกแบบแมแบบทาได โดยLog in เข าไปทdraft.blogger และไปท แผงควบคม>>

การออกแบบ>> องค ประกอบของหน า>> คล กท “เคร องม อออกแบบแมแบบ ใหม!”

เม อคล กท “เคร องม อออกแบบแมแบบ” แล วเราจะพบเคร องม อสาหรบออกแบบแมแบบอย 4

อยางด วยกนได แก1.แมแบบ2.พ นหลง 3.ร ปแบบ และ4.ขนส ง

สวนแสดงตวอยาง

Page 18: Blog

หน า 18

1. การใช งานเคร องม อแมแบบทาได โดยคลกท ข อความแมแบบ>> จากนนเล อกร ปแบบท ต องการ >>

และเล อกtheme ท ต องการเม อแสดงตวอยางเป นท นาพอใจแล วให คลกท ป ม“ใช กบบล อก” เพ อ

ย นยน

สวนแสดงตวอยาง

2. การใช งานเมน พ นหลงการใชงานเคร องม อ“พ นหลง” สามารถใช เพ อเปล ยนภาพพ นหลงของบล อก

และเล อกสTheme ของบล อกได ตามความต องการได ด วย

2.1ว ธ เปล ยนภาพพ นหลงทาได โดยคล กท “ภาพพ นหลง” และเลอกถาพตามต องการและ

กดป ม“ใช กบบล อก” เพ อย นยน

Page 19: Blog

หน า 19

2.2การเล อกสTheme ของบล อกคล กท สTheme ท ต องการโดยอาจจะคล กเล อกจาก

Theme สาเร จร ปหร อเล อกจาก Theme ท แนะนา

Page 20: Blog

หน า 20

3. การใช งานเคร องม อ“ร ปแบบ” : ค ณสามารถใช เคร องม อน เพ อกาหนดจานวนคอลมน

ร ปแบบคอลมน ความกว างของคอลมน รวมถงการกาหนดคอลมน ให กบสวนท ายของหน าได

ด วย

3.1การใชงานเคร องม อ“การออกแบบเน อความ” : เคร องม อน ใชกาหนดร ปแบบคอลมน ของ

template ของค ณซงทาได งายดายโดยการคล กเล อกร ปแบบท ต องการ ดตวอยาง เม อเปนท พอใจแล ว

ก กดป ม“ใช กบบล อก” เพ อย นยน

3.2การใชงานเคร องม อ“การออกแบบสวนท าย” : เคร องม อน เปนเคร องม อสาหรบ

การกาหนดคอลมน ให กบสวนท ายของหนาบล อกซงทาได เชนเด ยวกบ3.1

Page 21: Blog

หน า 21

3.3การใชงานเคร องม อ“การปรบความกว าง” : ค ณสามารถปรบความกว างของแมแบบ

และsidebar จากเคร องม อน เพ ยงแคเล อน slider ให ตรงกบคาตวเลขท ต องการเทานน

4. สาหรบเมน ขนส งเป นการกาหนดรายละเอ ยดตางๆให กบบล อกเชนร ปแบบของล งค gadget ตางๆ

หวเร อง ช อของบล อกเปนต นซงค ณสามารถปรบแตงตามความต องการแล วแสดงตวอยางหาก

เปนท พอใจก บนทกเชนเดยวกบข อ1-3ท ได กลาวมาแล ว

*** ปล.อยาล มนะครบวาเคร องม อเหลาน จะไมม ในblogger.com แตจะม ในdraft.blogger.com เทานน

Page 22: Blog

หน า 22

บทท 3ว ธ เข ยนและจดการบทความในบล อก

เข ยนบทความของค ณเองตอไป

บทน ผมจงจะเลาถงว ธ เข ยนบทความใน Blogger

เพ อเปนแนวทางให ค ณสามารถเข ยนบทความลงในบล อก

ของค ณไดสวยงามและเปนม ออาช พมากขน

สาหรบทานท เข ยนบทความเปนอย แล วอาจจะข าม

ไปอานบทความอ น ๆ ตอไปได เลยครบ สวนทานท เปนม อใหม

จร งๆก ควรจะอานบทความน ให จบเพ อเปนแนวทางในการ

1. การเข าไปเข ยนบทความ

การเข าไปเข ยนบทความบนBlogger โดยตรงสามารถเข าไปได 2ชองทางดวยกนค อ

1.1ถ าค ณใช แมแบบท ไมได ซอนแถบนาทางสามารถเข าไปเข ยนบทความได โดยคลกท เมน

บทความใหม

1.2เข าไปเข ยนบทความผาน draft.blogger.com

Page 23: Blog

หน า 23

โปรดสงเกตวาเคร องม อในการเข ยนบทความของDraft.blogger จะม มากกวาเคร องม อของ

blogger ปกตดงนนโดยสวนตวผมแนะนาให เข ยนบทความผานdraft.blogger.com เพราะม เคร องม อ

มากกวาว ธ แรกและควรตงคาให draft.blogger เปนเคร องม อเร มต น

2. องค ประกอบของเคร องม อเข ยนบทความ

กอนอ นผมขอแนะนาให ร จกเคร องม อท จาเปนในการเข ยนบทความดงน

สวนท 1 ค อสวนตงช อเร องหร อช อบทความ

สวนท 2 เปนสวนท ใช สาหรบกรณ ท เราต องการวางข อความท คดลอกมาจากMs word

หร อโค ดว ด โอจากYoutube หร อโค ดHTML/จาวาสคร ปต ท ต องการให ปรากฏและแสดงผลในบทความ

Page 24: Blog

หน า 24

สวนท 3เปนแถบท เล อกเม อต องการเขยนข อความปกตซงจะม เคร องม อในการเข ยน

บทความตามท เห นในภาพข างบน

สวนท 4 สาหรบจดร ปแบบอกษร

สวนท 5 เปนเคร องม อในการใสล งค ให ข อความแทรกภาพลงในบทความ และแทรกว ด โอ

ลงในบทความตามลาดบ

สวนท 6ร ปกระดาษขาดท เห นนนใชในกรณ ท ค ณต องการแสดงบทความให ผ อานเห นในหนา

หลกเพ ยงบางสวนเทานนและถ าใช เคร องม อนผ อานจะต องคล กอานเพ มเต มจงจะเห นข อความแบบเตม

เคร องม อนม ข อด ค อทาให บทความท ม ความยาวมากๆสนลงไดและทาให เปดหน าแรกได เร วขนด วย

สวนท 7เปนสวนท ใช ในการจดเรยงข อความและจดแนวรปภาพได ด วย เชนจดช ดซ าย

ช ดขวากงกลางเปนต น

สวนท 8 ได แกการใสการเน นข อความการลบร ปแบบการตรวจสอบการสะกดคา และการ

แปลภาษา

วนใด

สวนท 9เปนสวนท ใช ในการวางกาหนดเวลาลางหน าวาจะให บทความท เข ยนเผยแพรใน

สวนท 10 เปนการใสปายกากบ ซงเป นสวนท ใช ระบ วาบทความท เข ยนน อย ในหมวดหม ใด

ซงสามารถใสได มากกวา 1 ปายกากบโดยคนด วยเคร องหมายจ ลภาค และสามารถเล อกป ายกากบท คณ

เคยใสให บทความอ นไปแลวมาใสอ กไดเพ อทาให บทความนนๆ อย ในหมวดหม เด ยวกน

สวนท 11 เปนการเล อกวาจะบนทกไวกอน หร อจะเผยแพร ม ประโยชน ในกรณ ท บทความท

เข ยนใช เวลาเข ยนนานมากก อาจจะบนทกเอาไวกอนแลวมาเข ยนตอในภายหลงได

Page 25: Blog

หน า 25

เทคน คการเข ยนบทความท ควรร

ในกรณ ท เรามไฟล เอกสารจาก MS word แล วคดลอกมาวางเพ อทาให เข ยนบทความได เรวขน

บางครงพบปญหาข อผ ดพลาดของฟอร ม(ฟอร มในMS word ไมสามารถแปลงเป นHTML Code ได)

ปญหาน แก ไดโดยกอนวางข อความให คล กท แถบแก ไขHTML แลวจงวางข อความท คดลอกมา

จากนนจงคลกท แถบเข ยนเพ อจดร ปแบบของบทความตอไป

เทคน คน ยงสามารถใช กบการวางโค ดว ดโอหร อข อความท คดลอกมาจากเว บไซต ได ด วยครบ

Page 26: Blog

หน า 26

บทท 4การตงคาพ นฐานตางๆ ให กบบล อก

บทน ผมจะขอแนะนาการตงคาพ นฐานตางๆ ของบล อกเพ อให เข าใจการตงคาในสวนตาง ๆ ของ

Blogger และจะทาให ค ณสามารถตงคาตาง ๆ ตามความต องการของตนเองได อ กทงจะเปนประโยชน ใน

การพฒนาการทาBlogger ในระยะยาวด วย

การตงคาพ นฐานตางๆของบล อกทาได โดยLog in เข าไปทblogger เม อมาท หน าแผงควบคม

ให Click ท การตงคา

และทานจะเข ามาท เมน การตงคาของบล อก

ผมจะแบงการตงคาออกเปน 9สวนดงน

1. ขนต น

ค ณสามารถดาวน โหลดBlog เพ อเก บเปนBackup ข อม ลบทความและcomment ของบล อก

ไดโดยเล อกสงออกบล อกแตถ าคณม ข อม ลบล อกเด มอย แล วอยากจะนามาใชกบบล อกใหมท สรางขน

ก ให เล อกนาเข าบล อกแตถ าคดวาไมต องการใช บล อกน แลวกสามารถลบท งได โดยเล อกลบบล อก

Page 27: Blog

หน า 27

Title และคาอธ บายของบล อกควรใสให เข าใจภาพรวมของบล อกและม keyword ในการทา

บล อกแทรกอย ในDescription ด วย

ในสวนการตงคาอ นๆควรตงคาดงน

องค ประกอบ ตงคาเป น

เพ มบล อกของค ณในรายการของเราหร อไม ใช

อน ญาตให เคร องม อค นหาพบบล อกของคณหร อไม ใช

แสดงการแกไขอยางรวดเร วบนบล อกของค ณหร อไม ใช

ม เน อหาสาหรบผใหญหร อไม ไม

เล อกโปรแกรมแก ไขบทความ โปรแกรมแก ไขท อปเดต

2. การเผยแพร

ในการตงคาสวนน สามารถเปล ยน URL ของบล อกได

Page 28: Blog

หน า 28

ถ าค ณต องการเปลยนโดเมนของบล อกจาก.blogspot.com เปนโดเมนอ นก สามารถตงคาได ตรงสวนน แต

จะต องเส ยคาใช จายการจดโดเมนผาน google ปละ10 US (ประมาณ300กวาบาทตอป)

3. การจดร ปแบบ

ในสวนน เปนการตงคาการเผยแพรบทความเชนจานวนบทความในหน าแรก รปแบบเวลา

และวนท เปนต น

ค ณควรจะต งคาตางๆดงน

องค ประกอบ ตงคาเป น

แสดงส งส ด เทาไรก ได

ร ปแบบสวนหวของวนท ตงได ตามใจชอบ

ร ปแบบวนท ของดชน คลงบทความ ตงได ตามใจชอบ

ร ปแบบเวลา ตงได ตามใจชอบ

โซนเวลา (GMT+07:00)กร งเทพ

ภาษา ไทย

แปลงการขนบรรทดใหม ไม

แสดงฟ ลด ช อเร อง ใช

แสดงฟ ลด ของล งก ไม

เปดใช การจดเร ยงแบบลอย ใช

แมแบบบทความ ยงไมต องตงคา

Page 29: Blog

หน า 29

4. เมน ข อค ดเห น

เปนเมน สาหรบตงคาตางๆ เก ยวกบการแสดงความค ดเห นของบลอก

ค ณควรจะต งคาตางๆดงน

องค ประกอบ ตงคาเป น

ข อค ดเห น แสดง

ใครสามารถแสดงความค ดเห น ผ ใช ท ม บญช Google

การจดวางฟอร มความค ดเห น วางไว ใต บทความ

ความคดเห นเร มต นสาหรบบทความ บทความใหมม ความคดเห น

ล งกย อนกลบ ซอน

คาเร มต นของลงก ย อนกลบสาหรบบทความ บทความใหมมล งกย อนกลบ

ร ปแบบเวลาในสวนความค ดเห น ตงคาตามใจ

ข อความของฟอร มความคดเห น ไมต องใสคาใดๆก ได

การจดการความคดเห น ไม

แสดงการตรวจสอบคาสาหรบความค ดเห นหร อไม ไม

แสดงร ปภาพโปรไฟล บนความค ดเห นหร อไม ใช

อ เมลสาหรบแจ งเต อนเม อม ความค ดเห นใหม กรอกemail ของค ณลงไป

5. เก บเข าคลงบทความ

ตงให เปนรายเด อนจะด ท ส ด

Page 30: Blog

หน า 30

6. ฟ ดของไซต

ถ าบทความในบล อกไมมากนกตงคาเป นแบบเต มแตถ าบทความม ประมาณ100ขนไป

ควรจะตงเปนแบบสน

7. อ เมลและม อถ อ

ในสวนน เปนการตงคาอ เมลเพ อให ระบบสงบล อกของคณท กครงท ม การเผยแพรและเปน

การตงคาการใช อ ปกรณ เคล อนท ในการเข ยนบล อก ตรงน ผมยงไมเคยลองเหม อนกน

8. OpenID

ค ณสามารถใช OpenID URL เพ อเข าส ไซต อ นๆ ท ใช งาน OpenID นอกจากน ค ณยงสามารถ

กาหนดให ผ ใช OpenID สามารถแสดงความค ดเห นในบล อกของคณ โดยปรบการตงคา ความค ดเห น

ของค ณ

9. ส ทธ

ในสวนน ค ณสามารถใช ในการเปลยนผ เข ยนบล อกและเพ มผด แลระบบได ถง 100ราย

Page 31: Blog

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

หน า31

Page 32: Blog

หน า 32

บทท 5ร จกและใช งานGadget ชน ดตางๆบนBlogger

เม อเร ยนร เกยวกบการตงคาตางๆของบล อกการเปล ยนTemplates ให กบบล อกไปแล วสวนท

เหล อค อการจดร ปแบบองค ประกอบหน าให กบบล อกรวมถงการใช งานGadget หลกชน ดตางๆของ

Blogger

Gadget ค ออะไร?

Gadget ในBlogger นนหมายถงสวนเสร มท เราสามารถตดตงเพมลงไปในแมแบบของBlogger

ซงบางครงก ถ กเรยกวาwidget ซงก หมายถงสงเด ยวกนกบGadget

ว ธ เพ มGadget

กอนอ นให Login เข าไปท blogger หร อdraft.blogger >> จากแผงควบค มให เล อกการออกแบบ

Page 33: Blog

หน า 33

จากนนในLayout ของแมแบบค ณจะเห นพ นท ดงร ปด านลางเพ อให เพ มGadget

และเม อคล กเพ มGadget ก จะปรากฏGadget พ นฐาน21อยางท จะกลาวถงในหวข อน

นอกจากน ยงมGadget อ กมากมายซงค ณสามารถเล อกได จากเมน แกดเจ ดเพ มเต มทางซ ายม อ

เม อเล อกGadget ท ต องการแล วคล กท ป ม+เพ อทาการเพ มGadget นนใสช อGadget และตงคาท

ต องการแล วบนทก

ร ปท เห นข างบนเปนGadget ผ ตดตามสาหรบGadget อ นๆก ทาได ในทานองเด ยวกน

Page 34: Blog

หน า 34

ร จกกบGadget พ นฐาน21อยางของBlogger

1. Gadget หน าเว บ

หลกการของGadget ชน ดน ค อค ณจะต องสร างหน าเว บขนมากอนแล วใช Gadget น เปนเมน ในการ

เช อมโยงไปยงหน าเว บ

2. Gadget ผ ต ดตาม

Gadget ชน ดน ใช เพ อให ผ อานท ช นชอบบล อกของคณได ตดตามและเม อต ดตามแล วความเคล อนไหวและ

การupdate บทความของจะไปปรากฏแผงควบค มของผต ดตามโดยอตโนมตและม ส ทธในการแสดงความ

ค ดเห นบนบล อกของค ณได (กรณ ท ค ณอนญาตเฉพาะสมาช ก)

3. Gadget ชองค นหา

เปนGadget ท ต ดตงเพ อให ผ อานสามารถค นหาส งท ต องการในบล อกของคณไดงายขน

Page 35: Blog

หน า 35

4. Gadget HTML/จาวาสคร ปต

Gadget ชน ดน เปนGadget ท ย ดหย นท ส ดในบรรดาGadget ทงหมดสามารถประยกต ใช ได หลากหลาย

เหมาะสาหรบใช ต ดตงโค ดตางๆลงบนBlogger เชนโค ดปฏ ท นนาฬ กาโค ดจาวาสคร ปต โค ดร ปภาพ

โค ดว ดโอโค ดของล งคเปนต น

5. Gadget ข อความ

เปนGadget ท เหมาะสาหรบเข ยนข อความเชนข อความต อนรบเปนต น

6. Gadget Adsense

ค ณจะใชGadget ชน ดน ได เม อสมครเข ารวมโปรแกรมหร อเปนตวแทนในการเผยแพรโฆษณาบนGoogle

7. Gadget ร ปภาพ

ถ าค ณต องการแสดงร ปภาพบนบล อกอยางเด ยวกให เล อกใชGadget น ครบ

Page 36: Blog

หน า 36

8. Gadget สไลด โชว

Gadget น เปนการดงAlbums จากPicasaweb มาแสดงในร ปแบบสไลด โชว บนบล อกของ

9. Gadget แถบว ด โอ

Gadget น จะทาให ผ ใช ค นหาว ด โอบนYoutube จากบล อกของคณได

10. Gadget แบบสารวจ

Gadget น ถ อเปน Gadget หนงท นาสนใจมาก แตยงมผ ใช จานวนน อย โดยคณอาจจะใช สารวจความ

ต องการ หร อความคดเห นของผ อานตอบล อกของคณ หร อสารวจเก ยวกบเร องท เก ยวข องกบเน อหาบน

บล อกของคณก ได

11. Gadget รายการบล อก

Gadget ชน ดน เปนGadget ท สามารถรวบรวมขาวสารลาส ดจากบล อกท ค ณเล อกหร อบล อกท ค ณต ดตาม

พร อมทงสามารถแสดงเน อหาแบบยอไดด วย

Page 37: Blog

หน า 37

12. Gadget รายช อล งค

เปนGadget ท ใช สรางลงค ไปยงท ตางๆ โดยค ณสามารถปอนURL บนGadget ชน ดน เพ อสรางLink

โดยไมต องม ความร เร องHTML มากอนเลย

13. Gadget รายการ

เปนGadget ท คล ายคลงกบGadget รายช อลงคแตม ความย ดหย นกวาสามารถสร างข อความรายการ

และใสlink ให ข อความได ด วย

14. Gadget ฟ ด

ค ณสามารถใช Gadget น ดงขาวสารจากในบล อกของคณหร อบลอกอ นท ค ณสนใจเอามาแสดงเพ ยงแคใส

ช อบล อกท ต องการลงไปลงไปใน gadget

15. Gadget Newsreel

เปนgadget ท ทาให พาดหวขาวจากGoogle มาปรากฏบนบล อกของค ณเทานน

Page 38: Blog

หน า 38

16. Gadget ป ายกากบ

Gadget น ม ความสาคญคณควรจะต ดตง เพ อให บทความท เข ยนเปนหมวดหม ให ผ อานเห นชดเจนเล อก

อานได ตรงความต องการมากขน

17. Gadget ล งค การสมคร

Gadget น ม ความสาคญในเร องการสงขาวสารข อม ลจากบล อกของค ณไปยงผ อานผ อานจะสามารถสมคร

รบบทความทางemail หร อผานชองทางอ นๆ ได จากGadget น

18. Gadget โลโก

Gadget น ไมสาคญนกเปนเพ ยงต ดตง logo ของblogger ในหน าบล อกเทานน

19. Gadget โปรไฟล

Gadget น จะแสดงข อม ลอยางของค ณท ได กรอกเอาไว บนบญช ของBlogger ถ าคณต องการแสดงข อม ล

ของค ณบนBlog ก ควรจะต ดตงGadget น ครบ

Page 39: Blog

หน า 39

20. Gadget คลงบทความของบลอก

Gadget น จะทาให ผ อานเห นบทความทงหมดภายในบล อกของคณได

21. Gadget สวนหวของหน า

Gadget น เปนสวนท ใสTitle และDescription ของBlog โดยปกต แล วTemplate ทวไปก จะต ดตงสวนน

อย แล ว

ค ณสามารถทดลองใชGadget เหลาน ได โดยไมต องกลวความผ ดพลาดเพราะGadget บน

Blogger นนสามารถลบออกได อยางงายดายโดยว ธ การจดการกบGadget

Page 40: Blog

หน า 40

บทท 6การจดการกบGadget ในหนาบล อก

ในบทท ผานมาเราไดรจกและใช งานGadget ชน ดตางๆบนBlogger ผมได กลาวถงว ธ การเพ ม

Gadget ให กบบล อกแตยงไมได กลาวถงการลบGadget ออกจากองค ประกอบของหน าและนอกจากน ตา

แหนงของGadget ยงสามารถเคล อนย ายตาแหนงได อ กด วย

การลบGadget

ว ธ ท 1ถ าในขณะท เราlog in และเปดหน าบล อกของเราขนมากจะสงเกตเห นวาม เคร องม อ

ปรากฏอย ตามท ตางๆในองค ประกอบของหน า

และถ าเราคล กเข าไปก จะสามารถแก ไขหร อลบองค ประกอบเหลานนออกไปได เลยครบ

Page 41: Blog

หน า 41

ว ธ ท 2เราสามารถเข าไปลบGadget ได ท แผงควบค ม>> การออกแบบ>> องค ประกอบของ

หน า>> เล อกแก ไขGadget ท ต องการลบ

จากนนเล อกลบได เชนเด ยวกบกรณ แรก

การย ายตาแหนงGadget

สาหรบการย ายตาแหนงของGadget ทาได โดยการ เข าไปท แผงควบค ม>> การออกแบบ>>

องค ประกอบหนาจากนนให ลากเมาส บน Gadget ท ต องการย ายไปวางในตาแหนงท ต องการได เลยครบ

Page 42: Blog

หน า 42

เม อเข าใจการทางานของ Gadget ชน ดตางๆแล วสงท อยากจะฝากเอาไว ตอนท ายน ก ค อการจด

องค ประกอบหนาของบล อกดงน

แนวทางในการจดองค ประกอบหน าบล อก

แนวทางในการจดองค ประกอบหน านนไมม กฎเกณฑ ตายตวบางคนชอบให ม2 column บางคน

ชอบให ม 3 column ซงก ขนอยกบความชอบและความต องการใชงานแตท อยากให คานงไว เสมอค อ ผ อ นค อ

พระเจ าทาอะไรให เข าใจงายๆหาอะไรก เจออยางรวดเร ว เข าไว เป นพอครบและอ กประการท สาคญค อการ

ตดตงGadget ตางๆควรต ดตงเทาท จาเปนและต องการใชงานปฏ ท นหร อนาฬ กานนก ไมควรต ดตงลงไป

เลยเพราะไมค มคากบการเพ มภาระการโหลดให กบผ เข าชมและถ าบล อกของคณโหลดได ช าก เปนไปได

ยากท ผ อานจะกลบมาอ ก

องค ประกอบในหน าของบล อกท ผมค ดวาค ณควรจะม ค อ

สวนท บอกตวตนของบล อก :

ซงอาจจะแสดงในสวนหวของหน าหร อเปนว ด โอ/สไลด/ข อความ/ร ปถายอย ในตาแหนงท เห นได

ชด

สวนท เช อมโยงไปยงบทความในบล อก :

สวนน จาเป นมากเพราะจะชวยให ผ อานค นหาบทความได เรวขน ค ณอาจจะรวมบทความท งหมด

เลยหร ออาจจะใช ว ธ จดหมวดหม ให ผ อานเล อกส งท ต องการจากบล อกของเราได เรวขน

สวนพ นท ของสมาช ก :

สวนน จะแสดงให เห นวาม ผ สนใจบล อกของเรามากแคไหนและสามารถสมครต ดตามบล อกของเรา

ได ทนท เชนอาจจะใชGadget ผ ต ดตามหร อใช Like box Plugins ของFacebook หร ออาจจะทาPoll ก ได

สวนท เปนชองทางให ผ อานต ดตอเราได :

ค ณอาจจะทา link เช อมโยงให ผ อานต ดตอค ณไดหร ออาจจะใชGadget profile ของBlogger

เพ อแนะนาตวก ได

Page 43: Blog

หน า 43

บทท 7การแสดงขาวสารลาส ดด วยGadget ฟ ด

ความหมายของคาวา ฟดโดยสร ปก ค อเปนส งท แพรกระจายจากบล อกของเราบนโลก Internet

เท ยบได กบคล นสญญาณว ทย หร อโทรทศน ถ าม ตวรบท กคนก สามารถมองเห นขาวสารท ต องการเล อกรบ

ไดนอกจากน ถ าม ตวชวยสงให ฟดแพรได แรงขนขาวสารกยอมจะแพรกระจายได เร วด วย

ดงนนถ าคณสนใจขาวสารจากบล อกใดบล อกหนงค ณก สามารถท จะเปดรบขาวสารจากบล อก

นนๆโดยใชGadget ฟดซงเปนGadget ท สามารถเพ มได อยางไมจากดดงนนถ าค ณต องการรบขาวจาก

10 บล อกกสามารถทาไดโดยการเพ ม gadget ฟดเข าไปในบล อก 10 ครง ในขณะเด ยวกนถ าคณใสช อ

บล อกของตวเองใน Gadget ฟด Gadget ชน ดน จะกลายเปนGadget ท ใช แสดง บทความลาส ดนนเอง

ครบ

การแสดงขาวสารลาส ดโดยการใช Gadget ฟ ด

1. ไปท องค ประกอบของหนา>> เพ มฟดGadget

Page 44: Blog

หน า 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

Page 45: Blog

หน า 45

บทท 8แนะนาGadget ใหมของblogger “หน าเว บ”

ตามเว บไซต ตางๆ เราคงจะเคยเห นกนวาแตละเว บไซต จะม เมน สาหรบเล อกเปดไปด หน าอ นๆ

ภายในเว บนนๆเชนตวอยางในร ปด านลาง

Blogger ได พฒนาGadget ตวใหมขนมาม ช อวาหน าเว บเพ อให ผ ใช ได สร างหนาของบล อกท ต องการได

โดยไมต องม ความร ในการดดแปลงหร อแกไขแมแบบด วยตนเอง

การเรยกใช Gadget ชน ดน สามารถเล อกใช ได เชนเดยวกบการAdd Gadget ชน ดอ นๆนนค อ

ไปท องค ประกอบของหนา>> แล วเล อกเพ มGadget

ตอไปเรามาด วาGadget น ใช อยางไรและใช เพ อจ ดประสงค ใด

หลกการของGadget น เหม อนการสรางบทความขนมา 1บทความและสร างLink เช อมโยงไปยง

บทความนนๆแตม ความพ เศษตรงท ผ ใช ทวไปสรางเมน ขนเองได อยางงายดายโดยไมต องม ความร

พ นฐานเก ยวกบHTML เลย

Page 46: Blog

หน า 46

ตวอยางว ธ การใช งาน(จร ง)

ในตวอยางน ผมจะสร าง2หน าให เห นเปนตวอยาง ได แกHOME และCONTACT ME

ขนเตร ยมการ

เน องจากผมจะยกตวอยางการสรางหน า Contact me ดงนนให ทกคนไปสร างForm สาหรบ

ต ดตอเจ าของบล อกซงกค อเราเอง ได ท http://www.foxyform.com/

ซงขนตอนในการสรางฟอร มนนงายมากม เพ ยง4ขนเทานน(ด รป)

Page 47: Blog

หน า 47

เม อได โค ดแล วคดลอกเก บเอาไว กอนครบ

ขนสร างหน าเว บจร ง

ขนท 1สร างหน าแรกหร อHOME

Log in เข าไปทdraft.blogger ไปท แผงควบค ม>> องค ประกอบของหน า>> แล วเล อกเพ มGadget

เล อกอนแรกเลยครบค อgadget หน าเว บ

จากนนกสรางหน าแรกขนมาโดยตงช อตามท ต องการได เลยแล วทาการบนทกครบ

Page 48: Blog

หน า 48

ขนท 2เม อผานขนท1มาแล วก เทากบวาเราได สร างหน าบล อกข นมาแล ว1หน าถ าจะทา

การเพ มหนาอ ก ให ไปท แผงควบค ม>> การสงบทความ>> แก ไขหน าเว บ>> หน าเว บใหม

เม อคล กสร างหน าเว บใหม เรากจะพบเคร องม อตางๆ เหม อนการเข ยนบทความนนเองครบ

Page 49: Blog

หน า 49

ให นาโค ดของForm ท เตร ยมไว จากขนเตร ยมการมาวางในหน าหน าน จดร ปแบบตามต องการแล วบนทก

หน าได เลยครบ

เพ ยงขนตอนสนๆน เรากจะม เมน เช อมโยงไปยง หน าของบล อกถง2หน าด วยกนได แกHOME และ

CONTACT ME

Page 50: Blog

หน า 50

ได เลย

ขนท 3

- ถ าหากต องการเพ มหนาบล อกเพ มขนอ กก ทาซ าขนตอนท ได กลาวมาข างต นครบ

- แตถ าต องการลบหน าบล อกท งก มาท เด มแล วจะเห นคาวาลบถาต องการลบท งก กดคาวาลบ

ขนท 4ว ธ จดการกบเมน หน าเว บ

- ถ าต องการเร ยงลาดบหน าเว บใหม ก ไปท องค ประกอบของหน าแล วคลกGadget หน าเว บ

ขนมาแก ไข>> ด ร ป

Page 51: Blog

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

หน า51

Page 52: Blog

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

หน า52

Page 53: Blog

หน า 53

บทท 9นบจานวนคนเย ยมชมด วย Flagcounter

อ กบร การนบสถ ตคนเย ยมชมท ชวยให เราทราบวาบล อกของเรามผเย ยมชมท งในและตางประเทศ

มากหร อน อยจากFlagcounter

ว ธ ต ดตง

1. ไปท http://www.flagcounter.com/index.html

2. ตงคาตางๆตามความต องการแล วกดGET YOUR FLAG COUNTER ดงร ป

3. คดลอกHTML โค ดท FLAG COUNTER ได สร างให ในขนท2

Page 54: Blog

หน า 54

4. กลบมาท บล อกของเรา ไปท แผงควบคม>> ร ปแบบ>> องค ประกอบหน า>> เพ มGadget

ชน ดHTML/จาวาสคร ปต

5. วางโค ดท คดลอกมาจากขนท3แล วบนทกครบก เปนอนจบขนตอนครบ ลกษณะท ได กดงร ป

Page 55: Blog

หน า 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 ให ม ขนาดเล กลงเพ อเป นการประหยดพ นท นนเอง

Page 56: Blog

หน า 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 ได โดยใช ตวเล อก

อปโหลด

Page 57: Blog

หน า 57

แตถ าต องการร ปภาพบนBlogger ท ได อปโหลดขนไปแลวก คล กท อลบมท ต องการแล วเข าไปจดการภาพได

เชนกน

ลบร ปภาพบนBlogger แล วร ปบนPicasa จะถ กลบด วยหร อไม?

การลบร ปภาพบนBlogger ไมสงผลใดๆตอPicasa Web Albums เลยเว นแตค ณจะเข ามาลบใน

Picasa Web Albums โดยตรงดงนนถ าในขณะเข ยนบทความค ณเผลอทาพลาดร ปภาพหายไปก สามารถ

เข ามาเอาร ปภาพจาก Picasa Web Albums ใช งานได อ กโดยไมต องupload ซ าหร อไมต องไปหาภาพมา

ใหม

บทสร ป

บทน แนะนาให พอร จกการเช อมโยงระหวางBlogger และPicasa Web Albums ซงเปนบร การ

ในเคร อขายGoogle เหม อนกนและจะทาให ค ณเข าใจการจดการเก ยวกบภาพบนBlogger ได ด ขน

Page 58: Blog

หน า 58

บทท 11การสร างว ด โอในYouTube และนามาใสในบล อก

ถ าม ว ดโอในหน าบล อกของเราด วยการส อสารเร องราวตางๆก จะม ช ว ตช วาและเข าใจงายขนซง

ในท น เราสามารถสรางได ไมยากด วยบร การของ www.youtube.com ครบ

ขนตอนการฝากว ด โอไว กบ youtube

1. ไปท www.youtube.com แล วเล อกCreate Account ท ม มขวาบนซงในกรณ ท เราLogin อย ใน

เว บบล อกของเรานนกสามารถใช บรการของyoutube ด วยAccount เด มโดยไมต องสมครใหมครบ

ว ธ การทาได โดย

1.1คล กท

1.2กรอกข อม ลสาหรบการสร างบญช โดยใช username ของgmail ของเราเอง

1.3จากนนคลก

Page 59: Blog

หน า 59

1.4จะพบหน าตางให กรอกUsername และรหสผานของgmail ให กรอกe-mail ของเรา

จะพบหน าจอดงน

จากนนเราก สามารถทาการเพ ม Video ได ตามท เราต องการ

Page 60: Blog

หน า 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

Page 61: Blog

หน า 61

4. เม อupload เสร จส นแล วคลกท ข อความ Embed and Sharing Options เราก เห นHTML

code ให คดลอกcode เหลานนมาแปะในสวนท เราต องการ

เชนในท น ผมคดลอกcode มาแปะในบทความกจะไดผลลพธ เปนว ด โอตามด านลางท เห นครบ

Page 62: Blog

หน า 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

Page 63: Blog

255

หน า 63

เอกสารประกอบการฝกอบรมเช งปฏบต การการ

พฒนาส อการเร ยนการสอนโดยใช โปรแกรม

คอมพ วเตอร รวมกบ Weblog