Blog 110624113553-phpapp01

Preview:

Citation preview

บทนำ��

บล็�อก (อ�งกฤษ: blog) เป็ นคำ��รวมม�จ�กคำ��ว�� เว�บล็�อก (อ�งกฤษ:

weblog) เป็ นร�ป็แบบเว�บไซต์�ป็ระเภทหน!"ง ซ!"งถู�กเขี%ยนขี!'นในล็��ดั�บท%"เร%ยงต์�มเวล็�ในก�รเขี%ยน ซ!"งจะแสดังขี+อม�ล็ท%"เขี%ยนล็��ส,ดัไว+แรกส,ดั บล็�อกโดัยป็กต์.จะป็ระกอบดั+วย ขี+อคำว�ม ภ�พ ล็.งก� ซ!"งบ�งคำร�'งจะรวมส0"อต์��งๆ ไม�ว�� เพล็ง หร0อว.ดั%โอในหล็�ยร�ป็แบบไดั+ จ,ดัท%"แต์กต์��งขีองบล็�อกก�บเว�บไซต์�โดัยป็กต์.คำ0อ บล็�อกจะเป็2ดัให+ผู้�+เขี+�ม�อ��นขี+อม�ล็ ส�ม�รถูแสดังคำว�มคำ.ดัเห�นต์�อท+�ยขี+อคำว�มท%"เจ+�ขีองบล็�อกเป็ นคำนเขี%ยน ซ!"งท��ให+ผู้�+เขี%ยนส�ม�รถูไดั+ผู้ล็ต์อบกล็�บโดัยท�นท% คำ��ว�� "บล็�อก" ย�งใช้+เป็ นคำ��กร.ย�ไดั+ซ!"งหม�ยถู!ง ก�รเขี%ยนบล็�อก แล็ะนอกจ�กน%'ผู้�+ท%"เขี%ยนบล็�อกเป็ นอ�ช้%พก�จะถู�กเร%ยกว�� "บล็�อกเกอร�"

บล็�อกเป็ นเว�บไซต์�ท%"ม%เน0'อห�หล็�กหล็�ยขี!'นอย��ก�บเจ+�ขีองบล็�อก โดัยส�ม�รถูใช้+เป็ นเคำร0"องม0อส0"อส�ร ก�รป็ระก�ศขี��วส�ร ก�รแสดังคำว�มคำ.ดัเห�น ก�รเผู้ยแพร�ผู้ล็ง�น ในหล็�ยดั+�นไม�ว�� อ�ห�ร ก�รเม0อง เทคำโนโล็ย% หร0อขี��วป็6จจ,บ�น นอกจ�กน%'บล็�อกท%"ถู�กเขี%ยนเฉพ�ะเร0"องส�วนต์�วหร0อจะเร%ยกว��ไดัอ�ร%ออนไล็น� ซ!"งไดัอ�ร%ออนไล็น�น%"เองเป็ นจ,ดัเร."มต์+นขีองก�รใช้+บล็�อกในป็6จจ,บ�น นอกจ�กน%'ต์�มบร.ษ�ทเอกช้นหล็�ยแห�งไดั+ม%ก�รจ�ดัท��บล็�อกขีองท�งบร.ษ�ทขี!'น เพ0"อเสนอแนวคำว�มเห�นใหม�ให�ก�บล็�กคำ+� โดัยม%ก�รเขี%ยนบล็�อกออกม�ในล็�กษณะเดั%ยวก�บขี��วส�'น แล็ะไดั+ร�บก�รต์อบร�บจ�กท�งล็�กคำ+�ท%"แสดังคำว�มเห�นต์อบกล็�บเขี+�ไป็ เพ0"อพ�ฒน�ผู้ล็.ต์ภ�ณฑ์�

คว�มนำยม บล็�อกไดั+เร."มม%บทบ�ทม�กขี!'นในป็6จจ,บ�นในวงก�ร[[ส0"อมวล็ช้น]]ใน

หล็�ยป็ระเทศ เน0"องจ�กระบบแก+ไขีท%"เร%ยบง��ย แล็ะส�ม�รถูต์%พ.มพ�เร0"องร�วไดั+โดัยไม�ต์+องใช้+คำว�มร� +ในก�รเขี%ยนเว�บไซต์� โดัยนอกเหน0อจ�กท%"ผู้�+เขี%ยนขี��วส�งผู้ล็ง�นให+ก�บท�งส0"อแล็+ว

หน+� 1

ย�งไดั+ม�เขี%ยนขี��วในอ%กช้�องท�งหน!"งในก�รเผู้ยแพร�ขี+อม�ล็ หร0อแนวคำว�มคำ.ดั โดัยก�รเขี%ยนบล็�อกส�ม�รถูเผู้ยแพร�ขี+อม�ล็ส��ป็ระช้�ช้นไดั+รวดัเร�วแล็ะเส%ยคำ��ใช้+จ��ยน+อยกว�� ส0"อในดั+�นอ0"น ขี��วท%"น.ยมในก�รเขี%ยนบล็�อกต์�อส0"อมวล็ช้น ส�วนใหญ่�จะเป็ นในล็�กษณะเร0"องซ,บซ.บวงก�รดั�ร� ขี��วก�รเคำล็0"อนไหวท�งก�รเม0อง เป็ นต์+น

จ�กคำว�มน.ยมท%"ม�กขี!'น ท��ให+หล็�ยเว�บไซต์�เป็2ดัให+ม%ส�วนก�รใช้+ง�นบล็�อกเพ."มขี!'นม�ในเว�บขีองต์นเอง เพ0"อเร%ยกให+ม%ก�รเขี+�ส��เว�บไซต์�ม�กขี!'นท�'งผู้�+เขี%ยนแล็ะผู้�+อ��น

ก�รใช้�ง�นำบล็�อกผู้�+ใช้+ง�นบล็�อกจะแก+ไขีแล็ะบร.ห�รบล็�อกผู้��นท�ง [เว�บเบร�ว�เซอร�]

เหม0อนก�รใช้+ง�นแล็ะอ��นเว�บไซต์�ท�"วไป็ โดัยจะม%ร�ป็แบบบร.ห�รบล็�อกท%"แต์กต์��งก�น เช้�นบ�งระบบท%"ม%บรรณ�ธิ.ก�รขีองบล็�อก ผู้�+เขี%ยนหล็�ยคำนจะส�งเร0"องเขี+�ท�งบล็�อก แล็ะจะต์+องรอให+บรรณ�ธิ.ก�รอน,ม�ต์.ให+บล็�อกเผู้ยแพร�ก�อน บล็�อกถู!งจะแสดังผู้ล็ในเว�บไซต์�น�'นไดั+ ซ!"งจะแต์กต์��งจ�กบล็�อกส�วนต์�วท%"จะให+แสดังผู้ล็ไดั+ท�นท%

ผู้�+เขี%ยนบล็�อกในป็6จจ,บ�นจะใช้+ง�นบล็�อกในร�ป็แบบใดัร�ป็แบบหน!"งไม�ว�� ต์.ดัต์�'งซอฟต์�แวร�ขีองต์�วเอง

หร0อใช้+ง�นบล็�อกผู้��นท�งเว�บไซต์�ท%"ให+บร.ก�รบล็�อก

ส��หร�บผู้�+อ��นบล็�อกจะใช้+ง�นไดั+ในล็�กษณะเหม0อนอ��นเว�บไซต์�ท�"วไป็ แล็ะส�ม�รถูแสดังคำว�มเห�น

ไดั+ในส�วนท+�ยขีองแต์�ล็ะบล็�อกโดัยอ�จจะต์+องผู้��นก�รล็งทะเบ%ยนในบ�งบล็�อก นอกจ�กน%'ผู้�+อ��นบล็�อกส�ม�รถูอ��นบล็�อกไดั+ผู้��นระบบ [ฟ>ดั] ซ!"งม%ให+

หน+� 2

บร.ก�รในบล็�อกท�"วไป็ ท��ให+ผู้�+ใช้+ส�ม�รถูอ��นบล็�อกไดั+โดัยต์รง ผู้��นโป็รแกรมต์�วอ0"นโดัยไม�จ��เป็ นต์+องเขี+�ม�ส��หน+�บล็�อกน�'น

บล็�อกซอฟต์�แวร�บล็�อกซอฟต์�แวร� หร0อ บล็�อกแวร� เป็ นซอฟต์�แวร�ท%"ใช้+ในอ.นเทอร�เน�ต์

ในล็�กษณะขีองระบบจ�ดัก�รเน0'อห�เว�บ ท%"ผู้�+พ�ฒน�ซอฟต์�แวร�แล็ะผู้�+เขี%ยนหร0อดั�แล็บล็�อกจะแยกจ�กก�นต์��งห�ก ส�งผู้ล็ให+ผู้�+เขี%ยนบล็�อกส�ม�รถูใช้+ง�นไดั+ท�นท%โดัยไม�ต์+องม%พ0'นฐ�นคำว�มร� +ในดั+�นเอช้ท%เอ�มแอล็ หร0อก�รท��เว�บไซต์�แต์�อย��งใดั ท��ให+ผู้�+เขี%ยนบล็�อกส�ม�รถูใช้+เวล็�ส�วนใหญ่�ในก�ร บร.ห�รจ�ดัก�ร เพ."มเต์.ม ขี+อม�ล็แล็ะส�รสนเทศแทนไดั+ นอกจ�กน%'บล็�อกซอฟต์�แวร�จะสน�บสน,น ระบบ WYSIWYG ซ!"งท��ให+ง��ยต์�อก�รเขี%ยน แล็ะอ�จเพ."มเต์.มก�รม%เทมเพล็ต์ในหล็�ยแบบให+เล็0อกใช้+

ซอฟต์�แวร�ส�วนใหญ่�ส�ม�รถูดั�วน�โหล็ดัแล็ะต์.ดัต์�'งไดั+ท�นท%โดัยผู้�+ใช้+ ซ!"งซอฟต์�แวร�บ�งส�วนเป็ นซอฟต์�แวร�โอเพนซอร�ส ซ!"งเป็ นซอฟต์�แวร�ท%"ไม�สงวนล็.ขีส.ทธิ.@ ซ!"งผู้�+พ�ฒน�ส�ม�รถูน��ม�ป็ร�บแก+ เป็ นขีองต์นเอง ต์.ดัต์�'งไว+ใช้+เป็ นบล็�อกส�วนต์�ว หร0อเผู้ยแพร�ให+คำนอ0"นม�ใช้+ง�นไดั+ ส�วนซอฟต์�แวร�ล็.ขีส.ทธิ.@น� 'น จะม%ท�'งในร�ป็แบบท%"ให+ใช้+ง�นแบบเส%ยคำ��ใช้+จ��ยหร0อให+ใช้+ง�นฟร%

บล็�อกซอฟต์�แวร�ท��เป็�นำท��ร��จั!กร�ยช้0"อบล็�อกซอฟต์�แวร�ท%"เป็ นท%"น.ยมพร+อมท�'งช้0"อซอฟต์�แวร�ท%"ใช้+

พ�ฒน�ในวงเล็�บ ดัร�ป็�ล็ (พ%เอช้พ%/ม�ยเอสคำ.วแอล็)

เว.ร�ดัเพรสส� (พ%เอช้พ%/ม�ยเอสคำ.วแอล็)

หน+� 3

สแล็ช้ (เพ.ร�ล็)

ไล็ฟAไทป็A (พ%เอช้พ%/ม�ยเอสคำ.วแอล็)

จ,มล็�� (พ%เอช้พ%/ม�ยเอสคำ.วแอล็)

แมมโบ+ (พ%เอช้พ%/ม�ยเอสคำ.วแอล็)

ร�ยช้"�อผู้��ให้�บรก�รบล็�อกท��ม�ช้"�อเสี�ยง บล็�อกเกอร� (ก�เก.ล็)

ไทป็Aแพดั เว.ร�ดัเพรสส� ย�ฮู�! 360° หร0อ ย�ฮู�!เดัย� (ย�ฮู�!) ว.นโดัวส�ไล็ฟA สเป็ซเซส (ไมโคำรซอฟท�) ม�ยสเป็ซ ม�ล็ต์.ไพล็

ผู้��ให้�บรก�รบล็�อกในำป็ระเทศไทยท��เป็�นำท��ร��จั!ก Blognone บล็�อกส��หร�บเขี%ยนเร0"องร�วเก%"ยวก�บเทคำโนโล็ย%แล็ะขี��ว

ไอท%อย��งเดั%ยว เอ�กซ�ท%น GotoKnow Bloggoo learners.in.th บล็�อกแกCง โอเคำเนช้�"น

นอกจ�กน%'ท�งเว�บท%"น.ยมขีองไทยอย��ง สน,ก.คำอม, กระป็,ก.คำอม หร0อผู้�+จ�ดัก�รออนไล็น� ก�ไดั+ม%ก�ร

เป็2ดัให+บร.ก�รบล็�อก

หน+� 4

บทท�� 1 ก�รสีร��งเว�บบล็�อก

หล็�ยคำนอ�จสงส�ยว��ต์อนน%'จะท��เว�บบล็�อกไป็เพ0"ออะไร? แล็+วจะเส%ยเง.นไหม ห�กจะท��ขี!'นม� จร.งๆ แล็+วป็ระโยช้น�ขีองเว�บบล็�อกน�'นม%ม�กกว��ท%"เร�คำ.ดัไว+คำร�บ เช้�น ใช้+ในก�รท��ง�น  ในก�รน��เสนอผู้ล็ง�น ก�รขี�ยส.นคำ+� ใช้+ในก�รเร%ยนก�รสอน หร0อ ใช้+ในก�รเขี%ยนช้%วป็ระว�ต์.ส�วนต์�วแล็+วเก�บไว+เป็ นฐ�นขี+อม�ล็แบบออนไล็น�ก�ย�งไดั+คำร�บ  ส�วนป็6ญ่ห�ท%"บ�งท��นไม�ร� +จ�ก code

ขีองภ�ษ�ต์��งๆ เช้�น HTML หร0อ Java script ฯ ก�ไม�ต์+องเป็ นก�งวล็คำร�บ เพร�ะต์�วผู้มเองก�ไม�เป็ นเหม0อนก�นแต์�ก�คำ�อยๆ เร%ยนร� +ก�นไป็ เพ%ยงแคำ�ไม�ก%"ว�นคำ,ณก�จะม%บล็�อกสวยๆ แล็ะน��ไป็ใช้+ป็ระโยช้น�ไดั+แน�นอนคำร�บ

เว�บบล็�อกไม�จ��เป็ นต์+องม%เง.นในก�รท��คำร�บ เพร�ะม%ผู้�+ให+บร.ก�รฟร% แล็ะผู้มจะขีอเสนอผู้�+ให+บร.ก�รบล็�อกท%"ช้0"อว�� บล็�อกเกอร� ซ!"งเป็ นขีอง Google ซ!"งผู้มก�จ�ดัท��อย�� ม%อย�� 2 เว�บดั+วยก�น คำ0อ

www.lovelyfools.blogspot.com

อ�นน%'เป็ นเว�บบล็�อกส�วนต์�วคำร�บ

หน+� 5

www.nongpoto.blogspot.com อ�นน%'เป็ นเว�บบล็�อกขีองล็�กช้�ยคำร�บ

วธี�สีร��งบล็�อกก!บ Bloggerขี�'นท%" 1   ก�รสม�คำรใช้+ง�น Blogger ส�ม�รถูใช้+ email ขีองระบบ

ใดัก�ไดั+ แต์�ในระยะย�วแล็+วก�รเช้0"อมโยงก�บบร.ก�รหล็�ยๆ อย��งขีอง Google คำวรจะใช้+ email ขีอง Gmail ดั%ท%"ส,ดัคำร�บ

 1. ให+คำ,ณเขี+�ไป็ท%" www.gmial.com เพ0"อสร+�งบ�ญ่ช้%ผู้�+ใช้+ก�บ Google

2. กรอกขี+อม�ล็ท%"จ��เป็ นในก�รสม�คำร Gmail

หน+� 6

จ�กน�'นคำล็.กป็,Fม ฉั!นำยอมร!บ โป็รดสีร��งบ!ญช้�ของฉั!นำ

3. จะพบหน+�จอก�รย0นย�นบ�ญ่ช้%ขีองเร� ซ!"งต์+องใส�เบอร�โทรศ�พท� (Google

จะส�ง massage ม�ให+) จ�กน�'น

4. คำล็.กป็,Fม สี/งรห้!สีย"นำย!นำไป็ย!งโทรศ!พท�ม"อถื"อของฉั!นำ

5. เม0"อเป็2ดัดั�ขี+อคำว�มในโทรศ�พท�ม0อถู0อแล็+ว ก�ให+ป็Gอนรห�สท%"ไดั+ จ�กน�'นคำล็.ก

ป็,Fม ย"นำย!นำ

6. คำ,ณจะพบก�บหน+�จอแสดังคำว�มย.นดั%เก%"ยวก�บบ�ญ่ช้%ขีอง Gmail

หน+� 7

7. คำล็.กท%"ป็,Fม เพ0"อดั� Gmail ขีองเร�คำร�'ง

แรก

ขี�'นท%" 2   หล็�งจ�กไดั+บ�ญ่ช้%ผู้�+ใช้+แล็+ว ให+ไป็ท%" www.blogger.com

เพ0"อสร+�งบล็�อกก�นเล็ยคำร�บ โดัยในก�รสร+�งบล็�อกน�'น ก�ให+ใช้+ บ�ญ่ช้%ผู้�+ใช้+ (user name +

password) ท%"ไดั+สร+�งไว+ในขี�'นท%" 1

1. ไป็ท%"เว�บไซต์� http://www.blogger.com ดั�งร�ป็

หน+� 8

2. คำล็.กท%"ป็,Fม เพ0"อเร."มต์+นก�รสร+�งบล็�อก ดั�งร�ป็

3. ให+กรอก email ท%"ไดั+จ�กขี�'นท%" 1  ช้0"อผู้�+เขี%ยนบล็�อก ว�นเก.ดั

หน+� 9

4. เม0"อกรอกขี+อม�ล็คำรบแล็+ว ให+คำล็.กท%"ป็,Fม จะพบหน+�จอ ต์!2งช้"�อเว�บบล็�อกของค3ณ ให+ท��ก�ร ต์�'งช้0"อเว�บบล็�อกท%"เร�ต์+องก�ร, ท%"อย��บล็�อก แล็ะ กรอกรห�สย0นย�น (แต์�ก�รก��หนดั URL จะต์+องไม�ให+ซ�'�ก�บคำนอ0"น ๆ ถู+�ซ�'�ก�ใช้+ว.ธิ%เป็ล็%"ยนเป็ นคำ��หร0อวล็%ท%"ใกล็+เคำ%ยงไป็เร0"อย ๆ ก�รต์�'งช้0"อแล็ะ URL ขีองบล็�อกคำวรม% keyword ท%"ส�มพ�นธิ�ก�บเร0"องท%"จะเขี%ยนดั+วย)

5. คำล็.กท%"ป็,Fม จะพบหน+�จอ เล็"อกแม/แบบเร�มต์�นำ ดั�งร�ป็

หน+� 10

6. ให+เล็0อกแม�แบบเร."มต์+นท%"เร�ต์+องก�รให+เป็ นร�ป็แบบขีองบล็�อก จ�กน�'นคำล็.กป็,Fม จะป็ร�กฏหน+�จอแจ+งว�� บล็�อกขีองคำ,ณถู�กสร+�งขี!'นแล็+ว ดั�งร�ป็

หน+� 11

7. คำล็.กท%"ป็,Fม เพ0"อกรอกขี+อม�ล็คำร�'งแรกในก�รสร+�งเว�บบล็�อก ซ!"งจะต์+องกรอกขี+อม�ล็ในหน+�เว�บ ดั�งร�ป็

8. เม0"อกรอกขี+อม�ล็เสร�จแล็+ว ให+คำล็.กป็,Fม จะป็ร�กฏหน+�จอ ดั�งร�ป็

หน+� 12

9. ให+คำล็.กท%"ป็,Fม เพ0"อดั�เว�บบล็�อกขีองเร� เป็ นคำร�'งแรก จะพบหน+�จอ ดั�งร�ป็

บทท�� 2 วธี�เป็ล็��ยนำ Template ของ Blogger

หล็�งจ�กบทแรกไดั+เสนอขี�'นต์อนในก�รสร+�งบล็�อกไป็แล็+ว ถู!งต์รงน%'คำ,ณต์+องคำ.ดัแล็+วว��จ,ดัป็ระสงคำ�ขีองก�รท��บล็�อกขีองคำ,ณคำ0ออะไร เพร�ะจ,ดัป็ระสงคำ�น%"แหล็ะคำร�บจะเป็ นต์�วก��หนดัว��เร�จะเล็0อก แม�แบบ (หน+�ต์� แล็ะองคำ�ป็ระกอบ) ขีองบล็�อกอย��งไร

ต์�อไป็เร�จะม�ดั�ว.ธิ%ก�รเล็0อก แล็ะก�รเป็ล็%"ยน Template ก�นคำร�บ

หน+� 13

ข!2นำท�� 1 ให+คำ,ณไป็เล็0อก 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 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

หร0อจะใช้+คำ��คำ+น “Template+blog” ใน Google ก�ไดั+คำร�บ ผู้มเช้0"อว��ขี�'นต์อนน%'คำ,ณคำงจะใช้+เวล็�น�น

พอสมคำวรเล็ยล็�ะคำร�บ (ผู้มเองก�ใช้+เวล็�เป็ นว�นๆ ในก�รเล็0อก templates

ท%เดั%ยวคำร�บ )

หน+� 14

ขี�'นท%" 2 เม0"อคำ,ณไดั+ Template ท%"ต์+องก�รแล็+ว ให+เร."มเป็ล็%"ยนดั�งน%'ในท%"น%' ผู้มเล็0อกเว�บไซต์�

http://www.bloggerblogtemplates.com/ เพ0"อเป็ นต์+น

แบบในก�รใช้+ Template

ผู้มเล็0อก Template น%'

1. โดัยก�รคำล็.กท%" Read More or Download this Blogger Template

จ�กน�'นจะพบหน+�ต์��งใหม� ให+เล็0"อนห�เมน� Download the Green Day

Blogger Theme แล็ะท��ก�รคำล็.กเพ0"อดั�วน�โหล็ดั จะไดั+

หน+� 15

ให+ท��ก�ร แต์กไฟล็�จ�กน�'นให+น�� green-day-blogger-

theme.xml ไป็ว�งไว+ท%" Desktop

2. Log in ท%" blogger ไป็ท%"แผู้งคำวบคำ,ม >> ร�ป็แบบ >> แก+ไขี

HTML >> คำล็.กป็,Fม Browse เพ0"อท%"จะอ�ป็โหล็ดัแม�แบบขี!'นม�

3. เร%ยกไฟล็� .XML ท%"เต์ร%ยมไว+ต์�มขี�'นต์อนในร�ป็คำร�บ

หน+� 16

4. อ�ป็โหล็ดัแม�แบบขี!'นไป็แทนท%"แม�แบบเดั.ม โดัยระหว��งก�รแทนท%" อ�จม%ก�รถู�มถู!งก�รล็บ/เก�บ Widget ขีองแม�แบบเดั.ม ซ!"งถู+�ต์+องก�รเก�บขีองเก��เอ�ไว+ก�เล็0อก เก�บ Widget ก�จะท��ให+ Widget ขีองแม�แบบเดั.ม ไม�ถู�กล็บขีณะเป็ล็%"ยน Templates

5. จ�กน�'นล็องแสดังต์�วอย��งดั� ซ!"งถู+�พอใจก�บแม�แบบแล็+วก�ให+ท��ก�รบ�นท!ก ก�จบขี�'นต์อนก�รเป็ล็%"ยนแม�แบบแล็+วคำร�บ แล็ะถู+�ห�กคำ,ณต์+องก�รเป็ล็%"ยนแม�แบบอ%กก�ส�ม�รถูเป็ล็%"ยนไดั+แบบไม�จ��ก�ดัคำร�'ง

น%"คำ0อผู้ล็ง�น หล็�งจ�กเป็ล็%"ยนแม�แบบ น%'คำร�บก�อนเป็ล็%"ยน Template

หน+� 17

หล็�งเป็ล็%"ยน Template

เคร"�องม"อสี��ห้ร!บ ออกแบบแม/แบบ ด�วยต์นำเอง ให้ม/“ ” ! จั�ก Blogger

หล็�งจ�กท%มง�น Blogger ไดั+สร+�ง Gadget หน+�เว�บ ออกม�ไดั+ไม�น�น ต์อนน%'ก�ไดั+พ�ฒน�ก�รเคำร0"องม0อส��หร�บก�รออกแบบแม�แบบขีอง blogger ให+ย0ดัหย,�นม�กขี!'น โดัยให+ผู้�+ใช้+ส�ม�รถูป็ร�บแต์�งแม�แบบไดั+ดั+วยต์นเอง ไม�ว��จะเป็ นก�รเล็0อก Theme ก�รออกแบบโคำรงร��งขีองหน+�ว��จะม% 2 หร0อ 3 คำอล็�มน� หร0อหล็�ยคำอล็�มน� ซ!"งท��ไดั+โดัยก�รคำล็.กเพ%ยงไม�ก%"คำร�'ง ก�รป็ร�บคำว�มกว+�งขีอง Template แล็ะ sidebar เพ%ยงแคำ�คำล็.กเดั%ยวเป็ นต์+น คำว�มส�ม�รถูท�'งหล็�ยน%'ผู้�+ใช้+ส�ม�รถูท��ไดั+โดัยไม�ต์+องม%คำว�มร� +เร0"อง HTML แล็ะ CSS เล็ยส��หร�บก�รใช้+ง�นเคำร0"องม0อน%'ก�คำล็+�ยคำล็!งก�บก�รใช้+ง�นเคำร0"องม0อเดั.ม ๆ ท%"ม%อย�� ซ!"งผู้มจะอธิ.บ�ยท%ล็ะส�วนดั�งน%'

หน+� 18

ส�วนแสดังต์�วอย��ง

ก�รใช้+ เคำร0"องม0อออกแบบแม�แบบ ท��ไดั+โดัย Log in เขี+�ไป็ท%" draft.blogger แล็ะไป็ท%" แผู้งคำวบคำ,ม >>ก�รออกแบบ >> องคำ�ป็ระกอบขีองหน+� >> คำล็.กท%" “เคำร0"องม0อออกแบบแม�แบบ ใหม�!”

เม0"อคำล็.กท%" “เคำร0"องม0อออกแบบแม�แบบ ” แล็+วเร�จะพบเคำร0"องม0อส��หร�บออกแบบแม�แบบอย�� 4 อย��งดั+วยก�น ไดั+แก� 1. แม�แบบ 2. พ0'นหล็�ง 3. ร�ป็แบบ แล็ะ 4. ขี�'นส�ง

1. ก�รใช้+ง�นเคำร0"องม0อแม�แบบ ท��ไดั+โดัย คำล็.กท%"ขี+อคำว�ม แม�แบบ >>

จ�กน�'นเล็0อกร�ป็แบบท%"ต์+องก�ร >> แล็ะเล็0อก theme ท%"ต์+องก�ร เม0"อแสดังต์�วอย��งเป็ นท%"น��พอใจแล็+ว ให+คำล็.กท%"ป็,Fม “ใช้+ก�บบล็�อก ” เพ0"อย0นย�น

หน+� 19

สี/วนำแสีดงต์!วอย/�ง

2. ก�รใช้+ง�นเมน�พ0'นหล็�ง ก�รใช้+ง�นเคำร0"องม0อ “พ0'นหล็�ง ” ส�ม�รถูใช้+เพ0"อเป็ล็%"ยนภ�พพ0'นหล็�งขีองบล็�อก แล็ะเล็0อกส% Theme ขีองบล็�อกไดั+ต์�มคำว�มต์+องก�รไดั+ดั+วย

2.1 ว.ธิ%เป็ล็%"ยนภ�พพ0'นหล็�งท��ไดั+โดัย คำล็.กท%" “ภ�พพ0'นหล็�ง ” แล็ะเล็0อกถู�พต์�มต์+องก�ร แล็ะกดัป็,Fม “ใช้+ก�บบล็�อก ” เพ0"อย0นย�น

2.2 ก�รเล็0อกส% Theme ขีองบล็�อก คำล็.กท%"ส% Theme ท%"ต์+องก�รโดัย อ�จจะคำล็.กเล็0อกจ�ก Theme ส��เร�จร�ป็หร0อเล็0อกจ�ก Theme ท%"แนะน��

หน+� 20

3. ก�รใช้+ง�นเคำร0"องม0อ “ร�ป็แบบ ” : คำ,ณส�ม�รถูใช้+เคำร0"องม0อน%'เพ0"อก��หนดัจ��นวน คำอล็�มน� ร�ป็แบบคำอล็�มน� คำว�มกว+�งขีองคำอล็�มน� รวมถู!งก�รก��หนดัคำอล็�มน�ให+ก�บส�วนท+�ยขีองหน+�ไดั+ดั+วย

3.1 ก�รใช้+ง�นเคำร0"องม0อ ก�รออกแบบเน0'อคำว�ม “ ” : เคำร0"องม0อน%'ใช้+ก��หนดัร�ป็แบบคำอล็�มน�ขีอง template ขีองคำ,ณ ซ!"งท��ไดั+ง��ยดั�ยโดัยก�รคำล็.กเล็0อกร�ป็แบบท%"ต์+องก�ร ดั�ต์�วอย��ง เม0"อเป็ นท%"พอใจแล็+วก�กดัป็,Fม ใช้+ก�บบล็�อก เพ0"อย0นย�น “ ”

หน+� 21

3.2 ก�รใช้+ง�นเคำร0"องม0อ ก�รออกแบบส�วนท+�ย “ ” : เคำร0"องม0อน%'เป็ นเคำร0"องม0อส��หร�บก�รก��หนดัคำอล็�มน�ให+ก�บส�วนท+�ยขีองหน+�บล็�อก ซ!"งท��ไดั+เช้�นเดั%ยวก�บ 3.1

3.3 ก�รใช้+ง�นเคำร0"องม0อ “ก�รป็ร�บคำว�มกว+�ง ” : คำ,ณส�ม�รถูป็ร�บคำว�มกว+�งขีองแม�แบบ แล็ะ sidebar จ�กเคำร0"องม0อน%'เพ%ยงแคำ�เล็0"อน slider ให+ต์รงก�บคำ��ต์�วเล็ขีท%"ต์+องก�รเท��น�'น

4. ส��หร�บเมน�ขี�'นส�งเป็ นก�รก��หนดัร�ยล็ะเอ%ยดัต์��งๆ ให+ก�บบล็�อก เช้�น ร�ป็แบบขีองล็.งคำ� gadget ต์��งๆ ห�วเร0"อง ช้0"อขีองบล็�อก เป็ นต์+น ซ!"งคำ,ณส�ม�รถูป็ร�บแต์�งต์�มคำว�มต์+องก�รแล็+ว แสดังต์�วอย��ง ห�กเป็ นท%"พอใจก�บ�นท!กเช้�นเดั%ยวก�บ ขี+อ 1-3 ท%"ไดั+กล็��วม�แล็+ว

หน+� 22

*** ป็ล็. อย��ล็0มนะคำร�บว��เคำร0"องม0อเหล็��น%'จะไม�ม%ใน blogger.com แต์� จะม%ใน draft.blogger.com เท��น�'น

บทท�� 3 วธี�เข�ยนำแล็ะจั!ดก�รบทคว�มในำบล็�อก

บทน%'ผู้มจ!งจะเล็��ถู!งว.ธิ%เขี%ยนบทคำว�มใน Blogger เพ0"อเป็ นแนวท�งให+คำ,ณส�ม�รถูเขี%ยนบทคำว�มล็งในบล็�อกขีองคำ,ณไดั+สวยง�มแล็ะเป็ นม0ออ�ช้%พม�กขี!'น

ส��หร�บท��นท%"เขี%ยนบทคำว�มเป็ นอย��แล็+วอ�จจะขี+�มไป็อ��นบทคำว�มอ0"น ๆ ต์�อไป็ไดั+เล็ยคำร�บ ส�วนท��นท%"เป็ นม0อใหม�จร.ง ๆ ก�คำวรจะอ��นบทคำว�มน%'ให+จบเพ0"อเป็ นแนวท�งในก�รเขี%ยนบทคำว�มขีองคำ,ณเองต์�อไป็

1. ก�รเข��ไป็เข�ยนำบทคว�มก�รเขี+�ไป็เขี%ยนบทคำว�มบน Blogger โดัยต์รงส�ม�รถูเขี+�ไป็ไดั+ 2

ช้�องท�งดั+วยก�นคำ0อ

หน+� 23

1.1 ถู+�คำ,ณใช้+แม�แบบท%"ไม�ไดั+ซ�อนแถูบน��ท�งส�ม�รถูเขี+�ไป็เขี%ยนบทคำว�มไดั+โดัยคำล็.กท%"เมน� บทคำว�มใหม�

1.2 เขี+�ไป็เขี%ยนบทคำว�มผู้��น draft.blogger.com

โป็รดัส�งเกต์ว��เคำร0"องม0อในก�รเขี%ยนบทคำว�มขีอง Draft.blogger

จะม%ม�กกว��เคำร0"องม0อขีอง blogger ป็กต์. ดั�งน�'นโดัยส�วนต์�วผู้มแนะน��ให+เขี%ยนบทคำว�มผู้��น draft.blogger.com เพร�ะม%เคำร0"องม0อม�กกว��ว.ธิ%แรก แล็ะคำวรต์�'งคำ��ให+ draft.blogger เป็ นเคำร0"องม0อเร."มต์+น

2. องค�ป็ระกอบของเคร"�องม"อเข�ยนำบทคว�ม

หน+� 24

ก�อนอ0"นผู้มขีอแนะน��ให+ร� +จ�กเคำร0"องม0อท%"จ��เป็ นในก�รเขี%ยนบทคำว�มดั�งน%'

สี/วนำท�� 1 คำ0อส�วนต์�'งช้0"อเร0"องหร0อช้0"อบทคำว�ม สี/วนำท�� 2 เป็ นส�วนท%"ใช้+ส��หร�บกรณ%ท%"เร�ต์+องก�รว�งขี+อคำว�มท%"

คำ�ดัล็อกม�จ�ก Ms word หร0อโคำ+ดัว%ดั%โอจ�ก Youtube หร0อโคำ+ดั HTML/จ�ว�สคำร.ป็ต์�ท%"ต์+องก�รให+ป็ร�กฏแล็ะแสดังผู้ล็ในบทคำว�ม

สี/วนำท�� 3 เป็ นแถูบท%"เล็0อกเม0"อต์+องก�รเขี%ยนขี+อคำว�มป็กต์.ซ!"งจะม%เคำร0"องม0อในก�รเขี%ยนบทคำว�มต์�มท%"เห�นในภ�พขี+�งบน

สี/วนำท�� 4 ส��หร�บจ�ดัร�ป็แบบอ�กษรสี/วนำท�� 5 เป็ นเคำร0"องม0อในก�รใส�ล็.งคำ�ให+ขี+อคำว�ม แทรกภ�พล็ง

ในบทคำว�ม แล็ะแทรกว%ดั%โอล็งในบทคำว�มต์�มล็��ดั�บ สี/วนำท�� 6 ร�ป็กระดั�ษขี�ดัท%"เห�นน�'นใช้+ในกรณ%ท%"คำ,ณต์+องก�รแสดัง

บทคำว�มให+ผู้�+อ��นเห�นในหน+�หล็�กเพ%ยงบ�งส�วนเท��น�'น แล็ะถู+�ใช้+เคำร0"องม0อน%'ผู้�+อ��นจะต์+องคำล็.กอ��นเพ."มเต์.มจ!งจะเห�นขี+อคำว�มแบบเต์�ม เคำร0"องม0อน%'ม%ขี+อดั%คำ0อท��ให+บทคำว�มท%"ม%คำว�มย�วม�ก ๆ ส�'นล็งไดั+ แล็ะท��ให+เป็2ดัหน+�แรกไดั+เร�วขี!'นดั+วย

สี/วนำท�� 7 เป็ นส�วนท%"ใช้+ในก�รจ�ดัเร%ยงขี+อคำว�ม แล็ะจ�ดัแนวร�ป็ภ�พไดั+ดั+วย เช้�น จ�ดัช้.ดัซ+�ย ช้.ดัขีว� ก!"งกล็�ง เป็ นต์+น

หน+� 25

สี/วนำท�� 8 ไดั+แก�ก�รใส� ก�รเน+นขี+อคำว�ม ก�รล็บร�ป็แบบ ก�รต์รวจสอบก�รสะกดัคำ�� แล็ะก�รแป็ล็ภ�ษ�

สี/วนำท�� 9 เป็ นส�วนท%"ใช้+ในก�รว�งก��หนดัเวล็�ล็��งหน+� ว��จะให+บทคำว�มท%"เขี%ยนเผู้ยแพร�ใน ว�นใดั

สี/วนำท�� 10 เป็ นก�รใส�ป็G�ยก��ก�บ ซ!"งเป็ นส�วนท%"ใช้+ระบ,ว��บทคำว�มท%"เขี%ยนน%'อย��ในหมวดัหม��ใดั ซ!"งส�ม�รถูใส�ไดั+ม�กกว�� 1 ป็G�ยก��ก�บโดัยคำ�"นดั+วยเคำร0"องหม�ยจ,ล็ภ�คำ แล็ะส�ม�รถูเล็0อกป็G�ยก��ก�บท%"คำ,ณเคำยใส�ให+บทคำว�มอ0"นไป็แล็+วม�ใส�อ%กไดั+ เพ0"อท��ให+บทคำว�มน�'น ๆ อย��ในหมวดัหม��เดั%ยวก�น

สี/วนำท�� 11 เป็ นก�รเล็0อกว��จะบ�นท!กไว+ก�อน หร0อจะเผู้ยแพร� ม%ป็ระโยช้น�ในกรณ%ท%"บทคำว�มท%"เขี%ยนใช้+เวล็�เขี%ยนน�นม�กก�อ�จจะบ�นท!กเอ�ไว+ก�อนแล็+วม�เขี%ยนต์�อในภ�ยหล็�งไดั+เทคนำคก�รเข�ยนำบทคว�มท��ควรร��

ในกรณ%ท%"เร�ม%ไฟล็�เอกส�รจ�ก MS word แล็+วคำ�ดัล็อกม�ว�งเพ0"อท��ให+เขี%ยนบทคำว�มไดั+เร�วขี!'น บ�งคำร�'งพบป็6ญ่ห�ขี+อผู้.ดัพล็�ดัขีองฟอร�ม (ฟอร�มใน MS word ไม�ส�ม�รถูแป็ล็งเป็ น HTML Code ไดั+)

หน+� 26

ป็6ญ่ห�น%'แก+ไดั+โดัยก�อนว�งขี+อคำว�มให+คำล็.กท%"แถูบ แก+ไขี HTML แล็+วจ!งว�งขี+อคำว�มท%"คำ�ดัล็อกม�

จ�กน�'นจ!งคำล็.กท%"แถูบ เขี%ยน เพ0"อจ�ดัร�ป็แบบขีองบทคำว�มต์�อไป็

เทคำน.คำน%'ย�งส�ม�รถูใช้+ก�บก�รว�งโคำ+ดัว%ดั%โอ หร0อขี+อคำว�มท%"คำ�ดัล็อกม�จ�กเว�บไซต์�ไดั+ดั+วยคำร�บ

บทท�� 4 ก�รต์!2งค/�พ"2นำฐ�นำต์/�งๆ ให้�ก!บบล็�อก

บทน%'ผู้มจะขีอแนะน��ก�รต์�'งคำ��พ0'นฐ�นต์��งๆ ขีองบล็�อกเพ0"อให+เขี+�ใจก�รต์�'งคำ��ในส�วนต์��ง ๆ ขีอง Blogger แล็ะจะท��ให+คำ,ณส�ม�รถูต์�'งคำ��ต์��ง

หน+� 27

ๆ ต์�มคำว�มต์+องก�รขีองต์นเองไดั+ อ%กท�'งจะเป็ นป็ระโยช้น�ในก�รพ�ฒน�ก�รท�� Blogger ในระยะย�วดั+วย

ก�รต์�'งคำ��พ0'นฐ�นต์��งๆ ขีองบล็�อกท��ไดั+โดัย Log in เขี+�ไป็ท%" blogger เม0"อม�ท%"หน+� แผู้งคำวบคำ,ม ให+ Click ท%" ก�รต์�'งคำ��

แล็ะท��นจะเขี+�ม�ท%"เมน�ก�รต์�'งคำ��ขีองบล็�อก

ผู้มจะแบ�งก�รต์�'งคำ��ออกเป็ น 9 ส�วนดั�งน%'  1. ข!2นำต์�นำ

คำ,ณส�ม�รถูดั�วน�โหล็ดั Blog เพ0"อเก�บเป็ น Backup ขี+อม�ล็บทคำว�มแล็ะ comment ขีองบล็�อกไดั+โดัยเล็0อก ส�งออกบล็�อก แต์�ถู+�คำ,ณม%ขี+อม�ล็บล็�อกเดั.มอย��แล็+วอย�กจะน��ม�ใช้+ก�บบล็�อกใหม�ท%"สร+�งขี!'น ก�ให+เล็0อก น��เขี+�บล็�อก แต์�ถู+�คำ.ดัว��ไม�ต์+องก�รใช้+บล็�อกน%'แล็+วก�ส�ม�รถูล็บท.'งไดั+โดัยเล็0อก ล็บบล็�อก

Title แล็ะคำ��อธิ.บ�ยขีองบล็�อก คำวรใส�ให+เขี+�ใจภ�พรวมขีองบล็�อกแล็ะม% keyword ในก�รท��บล็�อกแทรกอย��ใน Description ดั+วย

หน+� 28

ในส�วนก�รต์�'งคำ��อ0"น ๆ คำวรต์�'งคำ��ดั�งน%'

องค�ป็ระกอบ ต์!2งค/�เป็�นำเพ."มบล็�อกขีองคำ,ณในร�ยก�รขีองเร�หร0อไม�

ใช้�

อน,ญ่�ต์ให+เคำร0"องม0อคำ+นห�พบบล็�อกขีองคำ,ณหร0อไม�

ใช้�

แสดังก�รแก+ไขีอย��งรวดัเร�วบนบล็�อกขีองคำ,ณหร0อไม�

ใช้�

ม%เน0'อห�ส��หร�บผู้�+ใหญ่�หร0อไม� ไม�เล็0อกโป็รแกรมแก+ไขีบทคำว�ม โป็รแกรมแก+ไขีท%"อ�ป็เดัต์

2. ก�รเผู้ยแพร/ ในก�รต์�'งคำ��ส�วนน%'ส�ม�รถูเป็ล็%"ยน URL ขีองบล็�อกไดั+

หน+� 29

ถู+�คำ,ณต์+องก�รเป็ล็%"ยนโดัเมนขีองบล็�อกจ�ก .blogspot.com เป็ นโดัเมนอ0"นก�ส�ม�รถูต์�'งคำ��ไดั+ต์รงส�วนน%' แต์�จะต์+องเส%ยคำ��ใช้+จ��ยก�รจดัโดัเมนผู้��น google ป็>ล็ะ 10 US (ป็ระม�ณ 300 กว��บ�ทต์�อป็>)

3. ก�รจั!ดร�ป็แบบในส�วนน%'เป็ นก�รต์�'งคำ��ก�รเผู้ยแพร�บทคำว�ม เช้�น จ��นวนบทคำว�ม

ในหน+�แรก ร�ป็แบบเวล็�แล็ะว�นท%"เป็ นต์+น 

คำ,ณคำวรจะต์�'งคำ��ต์��ง ๆ ดั�งน%'

องค�ป็ระกอบ ต์!2งค/�เป็�นำแสดังส�งส,ดั เท��ไรก�ไดั+ร�ป็แบบส�วนห�วขีองว�นท%" ต์� 'งไดั+ต์�มใจช้อบร�ป็แบบว�นท%"ขีองดั�ช้น%คำล็�งบทคำว�ม

ต์�'งไดั+ต์�มใจช้อบ

ร�ป็แบบเวล็� ต์�'งไดั+ต์�มใจช้อบโซนเวล็� (GMT+07:00

)กร,งเทพภ�ษ� ไทยแป็ล็งก�รขี!'นบรรท�ดัใหม� ไม�แสดังฟ2ล็ดั�ช้0"อเร0"อง ใช้�

หน+� 30

แสดังฟ2ล็ดั�ขีองล็.งก� ไม�เป็2ดัใช้+ก�รจ�ดัเร%ยงแบบล็อย ใช้�แม�แบบบทคำว�ม ย�งไม�ต์+องต์�'งคำ��4. เมนำ�ข�อคดเห้�นำเป็ นเมน�ส��หร�บต์�'งคำ��ต์��ง ๆ เก%"ยวก�บก�รแสดังคำว�มคำ.ดัเห�นขีอง

บล็�อก 

คำ,ณคำวรจะต์�'งคำ��ต์��ง ๆ ดั�งน%'

องค�ป็ระกอบ ต์!2งค/�เป็�นำขี+อคำ.ดัเห�น แสดังใคำรส�ม�รถูแสดังคำว�มคำ.ดัเห�น ผู้�+ใช้+ท%"ม%บ�ญ่ช้% Google

ก�รจ�ดัว�งฟอร�มคำว�มคำ.ดัเห�น ว�งไว+ใต์+บทคำว�มคำว�มคำ.ดัเห�นเร."มต์+นส��หร�บบทคำว�ม บทคำว�มใหม�ม%คำว�มคำ.ดัเห�นล็.งก�ย+อนกล็�บ ซ�อนคำ��เร."มต์+นขีองล็.งก�ย+อนกล็�บส��หร�บบทคำว�ม

บทคำว�มใหม�ม%ล็.งก�ย+อนกล็�บ

ร�ป็แบบเวล็�ในส�วนคำว�มคำ.ดัเห�น ต์�'งคำ��ต์�มใจขี+อคำว�มขีองฟอร�มคำว�มคำ.ดัเห�น ไม�ต์+องใส�คำ��ใดั ๆ ก�ไดั+ก�รจ�ดัก�รคำว�มคำ.ดัเห�น ไม�แสดังก�รต์รวจสอบคำ��ส��หร�บคำว�มคำ.ดัเห�นหร0อไม�

ไม�

แสดังร�ป็ภ�พโป็รไฟล็�บนคำว�มคำ.ดัเห�นหร0อไม�

ใช้�

หน+� 31

อ%เมล็ส��หร�บแจ+งเต์0อนเม0"อม%คำว�มคำ.ดัเห�นใหม�

กรอก email ขีองคำ,ณล็งไป็

5. เก�บเข��คล็!งบทคว�มต์�'งให+เป็ นร�ยเดั0อนจะดั%ท%"ส,ดั

 

6. ฟ7ดของไซต์�ถู+�บทคำว�มในบล็�อกไม�ม�กน�ก ต์�'งคำ��เป็ น แบบเต์�ม แต์�ถู+�

บทคำว�มม%ป็ระม�ณ 100 ขี!'นไป็คำวรจะต์�'งเป็ น แบบส�'น 

7. อ�เมล็แล็ะม"อถื"อ

ในส�วนน%'เป็ นก�รต์�'งคำ�� อ%เมล็เพ0"อให+ระบบส�งบล็�อกขีองคำ,ณท,กคำร�'งท%"ม%ก�รเผู้ยแพร� แล็ะเป็ นก�รต์�'งคำ�� ก�รใช้+อ,ป็กรณ�เคำล็0"อนท%"ในก�รเขี%ยนบล็�อก ต์รงน%'ผู้มย�งไม�เคำยล็องเหม0อนก�น

8. OpenID

 

หน+� 32

คำ,ณส�ม�รถูใช้+ OpenID URL เพ0"อเขี+�ส��ไซต์�อ0"นๆ ท%"ใช้+ง�น OpenID นอกจ�กน%'คำ,ณย�งส�ม�รถูก��หนดัให+ผู้�+ใช้+ OpenID ส�ม�รถูแสดังคำว�มคำ.ดัเห�นในบล็�อกขีองคำ,ณ โดัยป็ร�บก�รต์�'งคำ�� คำว�มคำ.ดัเห�น ขีองคำ,ณ

9. สีทธี  

ในส�วนน%'คำ,ณส�ม�รถูใช้+ในก�รเป็ล็%"ยนผู้�+เขี%ยนบล็�อก แล็ะเพ."มผู้�+ดั�แล็ระบบไดั+ถู!ง 100 ร�ย

นอกจ�กน%'คำ,ณย�งจ��ก�ดัคำนเขี+�ช้มบล็�อกไดั+ดั+วย โดัยก�รระบ, Email ขีองผู้�+ท%"ต์+องก�รล็งไป็ 

หน+� 33

บทท�� 5 ร��จั!กแล็ะใช้�ง�นำ Gadget ช้นำดต์/�งๆ บนำ Blogger

เม0"อเร%ยนร� +เก%"ยวก�บ ก�รต์�'งคำ��ต์��ง ๆ ขีองบล็�อก  ก�รเป็ล็%"ยน Templates ให+ก�บบล็�อกไป็แล็+ว ส�วนท%"เหล็0อคำ0อ ก�รจ�ดัร�ป็แบบองคำ�ป็ระกอบหน+�ให+ก�บบล็�อก รวมถู!งก�รใช้+ง�น Gadget หล็�กช้น.ดัต์��งๆ ขีอง Blogger

 Gadget ค"ออะไร? 

 Gadget ใน Blogger น�'นหม�ยถู!งส�วนเสร.มท%"เร�ส�ม�รถูต์.ดัต์�'ง

เพ."มล็งไป็ในแม�แบบขีอง Blogger ซ!"งบ�งคำร�'งก�ถู�กเร%ยกว�� widget ซ!"งก�หม�ยถู!งส."งเดั%ยวก�นก�บ Gadget

หน+� 34

วธี�เพ�ม Gadgetก�อนอ0"นให+ Login เขี+�ไป็ท%" blogger หร0อ draft.blogger >> จ�ก

แผู้งคำวบคำ,มให+เล็0อก ก�รออกแบบ 

 

จ�กน�'นใน Layout ขีองแม�แบบคำ,ณจะเห�นพ0'นท%" ดั�งร�ป็ดั+�นล็��งเพ0"อให+เพ."ม Gadget 

แล็ะเม0"อคำล็.ก เพ."ม Gadget ก�จะป็ร�กฏ Gadget พ0'นฐ�น 21 อย��งท%"จะกล็��วถู!งในห�วขี+อน%' 

 

นอกจ�กน%'ย�งม% Gadget อ%กม�กม�ยซ!"งคำ,ณส�ม�รถูเล็0อกไดั+จ�กเมน�แกดัเจ�ดัเพ."มเต์.มท�งซ+�ยม0อ 

หน+� 35

เม0"อเล็0อก Gadget ท%"ต์+องก�รแล็+ว คำล็.กท%"ป็,Fม + เพ0"อท��ก�รเพ."ม Gadget

น�'น ใส�ช้0"อ Gadget แล็ะต์�'งคำ��ท%"ต์+องก�รแล็+วบ�นท!ก 

 ร�ป็ท%"เห�นขี+�งบนเป็ น Gadget ผู้�+ต์.ดัต์�ม ส��หร�บ Gadget อ0"น ๆ ก�ท��ไดั+ใน

ท��นองเดั%ยวก�น ร��จั!กก!บ Gadget พ"2นำฐ�นำ 21 อย/�งของ Blogger

1. Gadget ห้นำ��เว�บ

หล็�กก�รขีอง Gadget ช้น.ดัน%'คำ0อคำ,ณจะต์+องสร+�งหน+�เว�บขี!'นม�ก�อน  แล็+วใช้+ Gadget น%'เป็ นเมน�ในก�รเช้0"อมโยงไป็ย�งหน+�เว�บ

 

หน+� 36

2. Gadget ผู้��ต์ดต์�ม

Gadget ช้น.ดัน%'ใช้+เพ0"อให+ผู้�+อ��นท%"ช้0"นช้อบบล็�อกขีองคำ,ณไดั+ต์.ดัต์�ม แล็ะเม0"อต์.ดัต์�มแล็+วคำว�มเคำล็0"อนไหว แล็ะก�ร update บทคำว�มขีองจะไป็ป็ร�กฏแผู้งคำวบคำ,มขีองผู้�+ต์.ดัต์�มโดัยอ�ต์โนม�ต์. แล็ะม%ส.ทธิ.ในก�รแสดังคำว�มคำ.ดัเห�นบนบล็�อกขีองคำ,ณไดั+ (กรณ%ท%"คำ,ณอน,ญ่�ต์เฉพ�ะสม�ช้.ก)  

3. Gadget ช้/องค�นำห้�

เป็ น Gadget ท%"ต์.ดัต์�'งเพ0"อให+ผู้�+อ��นส�ม�รถูคำ+นห�ส."งท%"ต์+องก�รในบล็�อกขีองคำ,ณไดั+ง��ยขี!'น  

4. Gadget HTML/จั�ว�สีครป็ต์�

Gadget ช้น.ดัน%'เป็ น Gadget ท%"ย0ดัหย,�นท%"ส,ดัในบรรดั� Gadget

ท�'งหมดั ส�ม�รถูป็ระย,กต์�ใช้+ไดั+หล็�กหล็�ย เหม�ะส��หร�บใช้+ต์.ดัต์�'งโคำ+ดัต์��ง ๆ

หน+� 37

ล็งบน Blogger เช้�น โคำ+ดัป็ฏ.ท.น น�ฬิ.ก� โคำ+ดัจ�ว�สคำร.ป็ต์� โคำ+ดัร�ป็ภ�พ โคำ+ดัว%ดั%โอ โคำ+ดัขีองล็.งคำ� เป็ นต์+น

  5. Gadget ข�อคว�ม

เป็ น Gadget ท%"เหม�ะส��หร�บเขี%ยนขี+อคำว�ม เช้�น ขี+อคำว�มต์+อนร�บ เป็ นต์+น  

6. Gadget Adsense

คำ,ณจะใช้+ Gadget ช้น.ดัน%'ไดั+เม0"อสม�คำรเขี+�ร�วมโป็รแกรมหร0อเป็ นต์�วแทนในก�รเผู้ยแพร�โฆษณ�บน Google

 7. Gadget ร�ป็ภ�พ

ถู+�คำ,ณต์+องก�รแสดังร�ป็ภ�พบนบล็�อกอย��งเดั%ยวก�ให+เล็0อกใช้+ Gadget น%'คำร�บ  

8. Gadget สีไล็ด�โช้ว�

หน+� 38

Gadget น%'เป็ นก�รดั!ง Albums จ�ก Picasaweb ม�แสดังในร�ป็แบบสไล็ดั�โช้ว�บนบล็�อกขีอง

 9. Gadget แถืบว�ด�โอ

Gadget น%'จะท��ให+ผู้�+ใช้+คำ+นห�ว%ดั%โอบน Youtube จ�กบล็�อกขีองคำ,ณไดั+ 

10. Gadget แบบสี��รวจั

Gadget น%'ถู0อเป็ น Gadget หน!"งท%"น��สนใจม�ก แต์�ย�งม%ผู้�+ใช้+จ��นวนน+อย โดัยคำ,ณอ�จจะใช้+ส��รวจคำว�มต์+องก�ร หร0อคำว�มคำ.ดัเห�นขีองผู้�+อ��นต์�อบล็�อกขีองคำ,ณ หร0อส��รวจเก%"ยวก�บเร0"องท%"เก%"ยวขี+องก�บเน0'อห�บนบล็�อกขีองคำ,ณก�ไดั+

  11. Gadget ร�ยก�รบล็�อก

หน+� 39

Gadget ช้น.ดัน%'เป็ น Gadget ท%"ส�ม�รถูรวบรวมขี��วส�รล็��ส,ดัจ�กบล็�อกท%"คำ,ณเล็0อกหร0อบล็�อกท%"คำ,ณต์.ดัต์�ม พร+อมท�'งส�ม�รถูแสดังเน0'อห�แบบย�อไดั+ดั+วย

  

12. Gadget ร�ยช้"�อล็งค�

เป็ น Gadget ท%"ใช้+สร+�งล็.งคำ�ไป็ย�งท%"ต์��ง ๆ โดัยคำ,ณส�ม�รถูป็Gอน URL บน Gadget ช้น.ดัน%'เพ0"อสร+�ง Link โดัยไม�ต์+องม%คำว�มร� +เร0"อง HTML ม�ก�อนเล็ย

  13. Gadget ร�ยก�ร

เป็ น Gadget ท%"คำล็+�ยคำล็!งก�บ Gadget ร�ยช้0"อล็.งคำ� แต์�ม%คำว�มย0ดัหย,�นกว�� ส�ม�รถูสร+�งขี+อคำว�มร�ยก�รแล็ะใส� link ให+ขี+อคำว�มไดั+ดั+วย

  14. Gadget ฟ7ด

คำ,ณส�ม�รถูใช้+ Gadget น%'ดั!งขี��วส�รจ�กในบล็�อกขีองคำ,ณ หร0อบล็�อกอ0"นท%"คำ,ณสนใจเอ�ม�แสดังเพ%ยงแคำ�ใส�ช้0"อบล็�อกท%"ต์+องก�รล็งไป็ล็งไป็ใน gadget  

 15. Gadget Newsreel

หน+� 40

เป็ น gadget ท%"ท��ให+พ�ดัห�วขี��วจ�ก Google ม�ป็ร�กฏบนบล็�อกขีองคำ,ณเท��น�'น  

16. Gadget ป็9�ยก��ก!บ

Gadget น%'ม%คำว�มส��คำ�ญ่ คำ,ณคำวรจะต์.ดัต์�'ง เพ0"อให+บทคำว�มท%"เขี%ยนเป็ นหมวดัหม�� ให+ผู้�+อ��นเห�นช้�ดัเจนเล็0อกอ��นไดั+ต์รงคำว�มต์+องก�รม�กขี!'น

 17. Gadget ล็งค�ก�รสีม!คร

Gadget น%'ม%คำว�มส��คำ�ญ่ในเร0"องก�รส�งขี��วส�รขี+อม�ล็จ�กบล็�อกขีองคำ,ณไป็ย�งผู้�+อ��น ผู้�+อ��นจะส�ม�รถูสม�คำรร�บบทคำว�มท�ง email หร0อผู้��นช้�องท�งอ0"น ๆ ไดั+จ�ก Gadget น%'  

 18. Gadget โล็โก�

หน+� 41

Gadget น%'ไม�ส��คำ�ญ่น�กเป็ นเพ%ยงต์.ดัต์�'ง logo ขีอง blogger ในหน+�บล็�อกเท��น�'น   

19. Gadget โป็รไฟล็� 

Gadget น%'จะแสดังขี+อม�ล็อย��งขีองคำ,ณท%"ไดั+กรอกเอ�ไว+บนบ�ญ่ช้%ขีอง Blogger ถู+�คำ,ณต์+องก�รแสดังขี+อม�ล็ขีองคำ,ณบน Blog ก�คำวรจะต์.ดัต์�'ง Gadget น%'คำร�บ

  

20. Gadget คล็!งบทคว�มของบล็�อก

 

Gadget น%'จะท��ให+ผู้�+อ��นเห�นบทคำว�มท�'งหมดัภ�ยในบล็�อกขีองคำ,ณไดั+   

21. Gadget สี/วนำห้!วของห้นำ��

Gadget น%'เป็ นส�วนท%"ใส� Title แล็ะ Description ขีอง Blog โดัยป็กต์.แล็+ว Template ท�"วไป็ก�จะต์.ดัต์�'งส�วนน%'อย��แล็+ว

 

หน+� 42

 คำ,ณส�ม�รถูทดัล็องใช้+ Gadget เหล็��น%'ไดั+โดัยไม�ต์+องกล็�วคำว�มผู้.ดัพล็�ดัเพร�ะ Gadget บน Blogger น�'นส�ม�รถูล็บออกไดั+อย��งง��ยดั�ยโดัยว.ธิ%ก�รจ�ดัก�รก�บ Gadget

บทท�� 6 ก�รจั!ดก�รก!บ Gadget ในำห้นำ��บล็�อก

ในบทท%"ผู้��นม�เร�ไดั+ ร� +จ�กแล็ะใช้+ง�น Gadget ช้น.ดัต์��ง ๆ บน Blogger ผู้มไดั+กล็��วถู!งว.ธิ%ก�รเพ."ม Gadget ให+ก�บบล็�อก แต์�ย�งไม�ไดั+กล็��วถู!งก�รล็บ Gadget ออกจ�กองคำ�ป็ระกอบขีองหน+� แล็ะนอกจ�กน%' ต์��แหน�งขีอง Gadget ย�งส�ม�รถูเคำล็0"อนย+�ยต์��แหน�งไดั+อ%กดั+วย

 

  

หน+� 43

ก�รล็บ Gadget 

ว.ธิ%ท%" 1 ถู+�ในขีณะท%"เร� log in แล็ะเป็2ดัหน+�บล็�อกขีองเร�ขี!'นม� ก�จะส�งเกต์เห�นว��ม%เคำร0"องม0อป็ร�กฏอย��ต์�มท%"ต์��งๆ ในองคำ�ป็ระกอบขีองหน+�

 

 แล็ะถู+�เร�คำล็.กเขี+�ไป็ก�จะส�ม�รถูแก+ไขี หร0อ ล็บองคำ�ป็ระกอบเหล็��น�'นออกไป็

ไดั+เล็ยคำร�บ 

 ว.ธิ%ท%" 2 เร�ส�ม�รถูเขี+�ไป็ล็บ Gadget ไดั+ท%" แผู้งคำวบคำ,ม >> ก�ร

ออกแบบ >> องคำ�ป็ระกอบขีองหน+� >> เล็0อกแก+ไขี Gadget ท%"ต์+องก�รล็บ

 จ�กน�'นเล็0อกล็บไดั+เช้�นเดั%ยวก�บกรณ%แรก

 

 

หน+� 44

 ก�รย��ยต์��แห้นำ/ง Gadget 

ส��หร�บก�รย+�ยต์��แหน�งขีอง Gadget ท��ไดั+โดัยก�ร เขี+�ไป็ท%"แผู้งคำวบคำ,ม >> ก�รออกแบบ >> องคำ�ป็ระกอบหน+�จ�กน�'นให+ล็�กเม�ส�บน Gadget ท%"ต์+องก�รย+�ยไป็ว�งในต์��แหน�งท%"ต์+องก�รไดั+เล็ยคำร�บ

 

  

เม0"อเขี+�ใจก�รท��ง�นขีอง Gadget ช้น.ดัต์��ง ๆ แล็+วส."งท%"อย�กจะฝ�กเอ�ไว+ต์อนท+�ยน%'ก�คำ0อก�รจ�ดัองคำ�ป็ระกอบหน+�ขีองบล็�อกดั�งน%'

 แนำวท�งในำก�รจั!ดองค�ป็ระกอบห้นำ��บล็�อก

แนวท�งในก�รจ�ดัองคำ�ป็ระกอบหน+�น�'นไม�ม%กฎเกณฑ์�ต์�ยต์�ว บ�งคำนช้อบให+ม% 2 column บ�งคำน

ช้อบให+ม% 3 column ซ!"งก�ขี!'นอย��ก�บคำว�มช้อบแล็ะคำว�มต์+องก�รใช้+ง�น แต์�ท%"อย�กให+คำ��น!งไว+เสมอคำ0อ ผู้�+อ0"น

คำ0อ พระเจ+� ท��อะไรให+เขี+�ใจง��ยๆ ห�อะไรก�เจออย��งรวดัเร�ว เขี+�ไว+เป็ นพอคำร�บ แล็ะอ%กป็ระก�รท%"ส��คำ�ญ่คำ0อ

ก�รต์.ดัต์�'ง Gadget ต์��ง ๆ คำวรต์.ดัต์�'งเท��ท%"จ��เป็ นแล็ะต์+องก�รใช้+ง�น ป็ฏ.ท.น หร0อน�ฬิ.ก�น�'นก�ไม�คำวรต์.ดัต์�'ง

ล็งไป็เล็ย เพร�ะไม�คำ,+มคำ��ก�บก�รเพ."มภ�ระก�รโหล็ดัให+ก�บผู้�+เขี+�ช้ม แล็ะถู+�บล็�อกขีองคำ,ณโหล็ดัไดั+ช้+� ก�

เป็ นไป็ไดั+ย�กท%"ผู้�+อ��นจะกล็�บม�อ%ก

หน+� 45

 องค�ป็ระกอบในำห้นำ��ของบล็�อกท��ผู้มคดว/�ค3ณควรจัะม�ค"อ ส�วนท%"บอกต์�วต์นขีองบล็�อก : 

ซ!"งอ�จจะแสดังในส�วนห�วขีองหน+� หร0อเป็ นว%ดั%โอ /สไล็ดั�/ขี+อคำว�ม/ร�ป็ถู��ย อย��ในต์��แหน�งท%"เห�นไดั+ช้�ดั ส�วนท%"เช้0"อมโยงไป็ย�งบทคำว�มในบล็�อก :

ส�วนน%'จ��เป็ นม�กเพร�ะจะช้�วยให+ผู้�+อ��นคำ+นห�บทคำว�มไดั+เร�วขี!'น คำ,ณอ�จจะรวมบทคำว�มท�'งหมดัเล็ยหร0อ อ�จจะใช้+ว.ธิ%จ�ดัหมวดัหม��ให+ผู้�+อ��นเล็0อกส."งท%"ต์+องก�รจ�กบล็�อกขีองเร�ไดั+เร�วขี!'น

ส�วนพ0'นท%"ขีองสม�ช้.ก : ส�วนน%'จะแสดังให+เห�นว��ม%ผู้�+สนใจบล็�อกขีองเร�ม�กแคำ�ไหน แล็ะ

ส�ม�รถูสม�คำรต์.ดัต์�มบล็�อกขีองเร�ไดั+ท�นท% เช้�นอ�จจะใช้+ Gadget ผู้�+ต์.ดัต์�ม หร0อใช้+ Like box Plugins ขีอง Facebook หร0ออ�จจะท�� Poll ก�ไดั+

 ส�วนท%"เป็ นช้�องท�งให+ผู้�+อ��นต์.ดัต์�อเร�ไดั+ :

คำ,ณอ�จจะท�� link เช้0"อมโยงให+ผู้�+อ��นต์.ดัต์�อคำ,ณไดั+ หร0ออ�จจะใช้+ Gadget profile ขีอง Blogger เพ0"อแนะน��ต์�วก�ไดั+

บทท�� 7 ก�รแสีดงข/�วสี�รล็/�สี3ดด�วย Gadget ฟ7ด

คำว�มหม�ยขีองคำ��ว�� ฟ>ดัโดัยสร,ป็ก�คำ0อเป็ นส."งท%"แพร�กระจ�ยจ�กบล็�อกขีองเร�บนโล็ก Internet เท%ยบไดั+ก�บคำล็0"นส�ญ่ญ่�ณว.ทย,หร0อโทรท�ศน� ถู+�ม%ต์�วร�บท,กคำนก�ส�ม�รถูมองเห�นขี��วส�รท%"ต์+องก�รเล็0อกร�บไดั+

หน+� 46

นอกจ�กน%'ถู+�ม%ต์�วช้�วยส�งให+ฟ>ดัแพร�ไดั+แรงขี!'น ขี��วส�รก�ย�อมจะแพร�กระจ�ยไดั+เร�วดั+วย

 

 ดั�งน�'นถู+�คำ,ณสนใจขี��วส�รจ�กบล็�อกใดับล็�อกหน!"งคำ,ณก�ส�ม�รถูท%"จะ

เป็2ดัร�บขี��วส�รจ�กบล็�อกน�'นๆ โดัยใช้+ Gadget ฟ>ดั ซ!"งเป็ น Gadget ท%"ส�ม�รถูเพ."มไดั+อย��งไม�จ��ก�ดั ดั�งน�'นถู+�คำ,ณต์+องก�รร�บขี��วจ�ก 10 บล็�อกก�ส�ม�รถูท��ไดั+โดัยก�รเพ."ม gadget ฟ>ดัเขี+�ไป็ในบล็�อก 10 คำร�'ง ในขีณะเดั%ยวก�นถู+�คำ,ณใส�ช้0"อบล็�อกขีองต์�วเองใน Gadget ฟ>ดั Gadget ช้น.ดัน%'จะกล็�ยเป็ น Gadget ท%"ใช้+แสดัง บทคำว�มล็��ส,ดัน�"นเองคำร�บ

 ก�รแสีดงข/�วสี�รล็/�สี3ดโดยก�รใช้� Gadget ฟ7ด 

 1. ไป็ท%"องคำ�ป็ระกอบขีองหน+� >> เพ."มฟ>ดั Gadget 

 

 

2. ใส�โคำ+ดัต์�อไป็น%'ล็งไป็ใน Gadget ฟ>ดัhttp://ช้0"อบล็�อก.blogspot.com/feeds/posts/default

หน+� 47

โดัยจะต์+องเป็ล็%"ยนช้0"อบล็�อกเป็ นช้0"อบล็�อกขีองขีองคำ,ณเองหร0อช้0"อบล็�อกท%"คำ,ณต์+องก�รร�บขี��วส�รท%" update

 ต์�'งคำ��ท%"ต์+องก�รเพ."มเต์.มแล็ะบ�นท!กก�จะไดั+ feeds ขี��วส�รม�ป็ร�กฏท%"

บล็�อกขีองคำ,ณ 

3. ถู+�ต์+องก�รเพ."มบล็+อกอ0"นอ%กก�ท��ซ�'�ขี+อ 1 แล็ะ 2 แต์�ต์+องเป็ล็%"ยนช้0"อบล็�อกใหม�

หน+� 48

4. กรณ%ท%"คำ,ณต์+องก�รเร%ยก feed จ�กเว�บท%"ต์+องก�รให+คำ+นห� feed จ�กเว�บ www.google.com แล็+วแทนโคำ+ดัในขี+อ 2 เช้�น feed

ขี��วก�รศ!กษ�จ�กเว�บ http://www.rssthai.com/ ให+ใส�โคำ+ดัhttp://www.rssthai.com/news.php?t=education แทนในขี+อ

2

บทท�� 8 แนำะนำ�� Gadget ให้ม/ของ blogger

“ห้นำ��เว�บ ”

ต์�มเว�บไซต์�ต์��ง ๆ เร�คำงจะเคำยเห�นก�นว��แต์�ล็ะเว�บไซต์�จะม% เมน�ส��หร�บเล็0อกเป็2ดัไป็ดั�หน+�อ0"น ๆภ�ยในเว�บน�'นๆ เช้�น ต์�วอย��งในร�ป็ดั+�นล็��ง

Blogger ไดั+พ�ฒน� Gadget ต์�วใหม�ขี!'นม� ม%ช้0"อว�� หน+�เว�บ เพ0"อให+ผู้�+ใช้+ไดั+สร+�งหน+�ขีองบล็�อกท%"ต์+องก�รไดั+โดัยไม�ต์+องม%คำว�มร� +ในก�รดั�ดัแป็ล็งหร0อแก+ไขีแม�แบบดั+วยต์นเอง

หน+� 49

ก�รเร%ยกใช้+ Gadget ช้น.ดัน%'ส�ม�รถูเล็0อกใช้+ไดั+เช้�นเดั%ยวก�บก�ร Add Gadget ช้น.ดัอ0"น ๆ  น�"นคำ0อ ไป็ท%" องคำ�ป็ระกอบขีองหน+� >> แล็+วเล็0อก เพ."ม Gadget  

ต์�อไป็เร�ม�ดั�ว�� Gadget น%' ใช้+อย��งไร แล็ะใช้+เพ0"อจ,ดัป็ระสงคำ�ใดัหล็�กก�รขีอง Gadget น%'เหม0อนก�รสร+�งบทคำว�มขี!'นม� 1 บทคำว�ม แล็ะ สร+�ง Link เช้0"อมโยงไป็ย�งบทคำว�มน�'น ๆ แต์�ม%คำว�มพ.เศษต์รงท%"ผู้�+ใช้+ท�"วไป็สร+�งเมน�ขี!'นเองไดั+อย��งง��ยดั�ย โดัยไม�ต์+องม%คำว�มร� +พ0'นฐ�นเก%"ยวก�บ HTML เล็ย

ต์!วอย/�งวธี�ก�รใช้�ง�นำ(จัรง)

ในต์�วอย��งน%'ผู้มจะสร+�ง 2 หน+�ให+เห�นเป็ นต์�วอย��ง ไดั+แก� HOME

แล็ะ CONTACT ME

ข!2นำเต์ร�ยมก�รเน0"องจ�กผู้มจะยกต์�วอย��งก�รสร+�งหน+� Contact me ดั�งน�'นให+

ท,กคำนไป็สร+�ง Form ส��หร�บต์.ดัต์�อเจ+�ขีองบล็�อกซ!"งก�คำ0อเร�เอง ไดั+ท%" http://www.foxyform.com/

ซ!"งขี�'นต์อนในก�รสร+�ง ฟอร�มน�'นง��ยม�ก ม%เพ%ยง 4 ขี�'นเท��น�'น (ดั�ร�ป็)

หน+� 50

ข!2นำสีร��งห้นำ��เว�บจัรงข!2นำท�� 1 สร+�งหน+�แรก หร0อ HOME

Log in เขี+�ไป็ท%" draft.blogger ไป็ท%"แผู้งคำวบคำ,ม >> องคำ�ป็ระกอบขีองหน+� >> แล็+วเล็0อก เพ."ม Gadget เล็0อกอ�นแรกเล็ยคำร�บ คำ0อ gadget หน+�เว�บ

จ�กน�'นก�สร+�ง หน+�แรกขี!'นม�โดัยต์�'งช้0"อต์�มท%"ต์+องก�รไดั+เล็ย แล็+วท��ก�รบ�นท!กคำร�บ

หน+� 52

ข!2นำท�� 2 เม0"อผู้��นขี�'นท%" 1 ม�แล็+วก�เท��ก�บว��เร�ไดั+สร+�ง หน+�บล็�อกขี!'นม�แล็+ว 1 หน+�

ถู+�จะท��ก�รเพ."มหน+�อ%ก ให+ไป็ท%"แผู้งคำวบคำ,ม >> ก�รส�งบทคำว�ม >>

แก+ไขีหน+�เว�บ >> หน+�เว�บใหม�

เม0"อคำล็.กสร+�งหน+�เว�บใหม� เร�ก�จะพบเคำร0"องม0อต์��ง ๆ เหม0อนก�รเขี%ยนบทคำว�มน�"นเองคำร�บ

หน+� 53

ให+น��โคำ+ดัขีอง Form ท%"เต์ร%ยมไว+ จ�กขี�'นเต์ร%ยมก�รม�ว�งในหน+�หน+�น%' จ�ดัร�ป็แบบต์�มต์+องก�รแล็+วบ�นท!กหน+�ไดั+เล็ยคำร�บ

หน+� 54

เพ%ยงขี�'นต์อนส�'น ๆ น%'เร�ก�จะม%เมน�เช้0"อมโยงไป็ย�ง หน+�ขีองบล็�อกถู!ง 2 หน+�ดั+วยก�น ไดั+แก� HOME แล็ะ CONTACT ME

ข!2นำท�� 3

- ถู+�ห�กต์+องก�รเพ."มหน+�บล็�อกเพ."มขี!'นอ%กก�ท��ซ�'�ขี�'นต์อนท%"ไดั+กล็��วม�ขี+�งต์+นคำร�บ

- แต์�ถู+�ต์+องก�รล็บหน+�บล็�อกท.'ง ก�ม�ท%"เดั.ม แล็+วจะเห�นคำ��ว��ล็บ ถู+�ต์+องก�รล็บท.'งก�กดัคำ��ว��ล็บไดั+เล็ย

ข!2นำท�� 4 ว.ธิ%จ�ดัก�รก�บเมน�หน+�เว�บ - ถู+�ต์+องก�รเร%ยงล็��ดั�บหน+�เว�บใหม� ก�ไป็ท%" องคำ�ป็ระกอบขีองหน+� แล็+ว คำล็.ก Gadget หน+�เว�บขี!'นม�แก+ไขี >> ดั�ร�ป็

หน+� 55

นอกจ�กน%' Gadget หน+�เว�บจะม%ล็�กษณะพ.เศษ คำ0อ ถู+�อย��ท%" Sidebar

เมน�จะจ�ดัเร%ยงเป็ นแนวต์�'ง

หน+� 56

แต์�ถู+�ล็�กไป็ในต์��แหน�งใต์+ส�วนห�ว จะจ�ดัเร%ยงเร%ยงเป็ นแนวนอนโดัยอ�ต์โนม�ต์.

หน+� 57

บทท�� 9 นำ!บจั��นำวนำคนำเย��ยมช้มด�วย Flagcounter

อ%กบร.ก�รน�บสถู.ต์.คำนเย%"ยมช้มท%"ช้�วยให+เร�ทร�บว��บล็�อกขีองเร�ม%ผู้�+เย%"ยมช้มท�'งในแล็ะต์��งป็ระเทศม�กหร0อน+อย จ�ก Flagcounter

 

 วธี�ต์ดต์!2ง

 1. ไป็ท%" http://www.flagcounter.com/index.html 2. ต์�'งคำ��ต์��งๆ ต์�มคำว�มต์+องก�รแล็+วกดั GET YOUR FLAG

COUNTER ดั�งร�ป็  

หน+� 58

 3. คำ�ดัล็อก HTML โคำ+ดั ท%" FLAG COUNTER ไดั+สร+�งให+ในขี�'นท%"

  4. กล็�บม�ท%"บล็�อกขีองเร� ไป็ท%"แผู้งคำวบคำ,ม >> ร�ป็แบบ >> องคำ�

ป็ระกอบหน+� >> เพ."ม Gadget ช้น.ดั HTML/จ�ว�สคำร.ป็ต์� 

หน+� 59

5. ว�งโคำ+ดัท%"คำ�ดัล็อกม�จ�กขี�'นท%" 3 แล็+วบ�นท!กคำร�บก�เป็ นอ�นจบขี�'นต์อนคำร�บ ล็�กษณะท%"ไดั+ก�ดั�งร�ป็

บทท�� 10 ร�ป็ภ�พในำบทคว�มบนำ Blogger

คำ,ณเคำยสงส�ยไหมคำร�บว�� ร�ป็ภ�พท%"คำ,ณ upload ขี!'นไป็ขีณะท%"เขี%ยนบทคำว�ม หร0ออ�จจะเขี%ยนบทคำว�มไป็แล็+ว ร�ป็เหล็��น�'นไป็อย��ท%"ไหน เพร�ะว�� Blogger เองไม�ม%

หน+� 60

sever ย�งต์+องอ�ศ�ยฐ�นขี+อม�ล็ขีองต์�วแม�คำ0อ blogspot.com อย�� แล็+วจะเอ�พ0'นท%" ๆ ไหนม�เก�บร�ป็ต์�'งม�กม�ย?

คำ��ต์อบคำ0อ Blogger จะใช้+ว.ธิ%เช้0"อมโยงก�บ Application อ0"น ๆ ขีอง Google เพ0"อแก+ป็6ญ่ห�ก�รเก�บขี+อม�ล็ เช้�นร�ป็ภ�พใน Blogger ท%"เร�พ�ดัถู!งก�นอย��ต์อนน%'ก�จะถู�กเก�บอย��ท%" Picasa Web Albums ดั�งน�'นไม�ว��จะเป็ นภ�พท%"คำ,ณ Upload ขีณะเขี%ยนบทคำว�ม ก�จะถู�กเก�บอย��ใน Picasa

Web Albums ท�'งหมดั

ค3ณใช้�บรก�ร Picasa Web Albums ได�อย/�งไร?

ก�รใช้+บร.ก�ร Picasa Web Albums ส�ม�รถูเขี+�ใช้+ไดั+ท�นท%ห�กคำ,ณม%บ�ญ่ช้%ผู้�+ใช้+ก�บ google อย��แล็+ว เช้�นม%บ�ญ่ช้%ผู้�+ใช้+ Gmail หร0อ Blogger อย��แล็+วก�ส�ม�รถู Log in เขี+�ใช้+ไดั+เล็ย

Picasa Web Albums ให้�พ"2นำท��เท/�ไร?

Picasa จะให+พ0'นท%" เพ%ยง 1 GB ต์�อ 1 บ�ญ่ช้%ผู้�+ใช้+ น%"เป็ นเหต์,ผู้ล็ท%"บ�งคำนอ�จจะสงส�ยว��ท��ไมคำ,ณภ�พร�ป็หร0อขีน�ดัขีองร�ป็บน Blogger จ!งล็ดัล็ง กล็��วคำ0อระบบขีอง Picasa จะท��ก�รล็ดัขีน�ดัขีองร�ป็ท%"เร� Upload ผู้��น Blogger ให+ม%ขีน�ดัเล็�กล็งเพ0"อเป็ นก�รป็ระหย�ดัพ0'นท%"น� "นเอง

ค3ณจัะเข��ไป็จั!ดก�รร�ป็ภ�พจั�ก Blogger ในำ Picasa Web ได�อย/�งไร?

หน+� 61

ก�รจ�ดัก�รภ�พใน Picasa Web Albums ท��ไดั+ 2 ว.ธิ%คำ0อ

1. ใช้+ Software ท%"พ�ฒน�ขี!'นม�จ�ดัก�ร Picasa Web Albums โดัยเฉพ�ะ

  คำ,ณส�ม�รถูเขี+�ไป็ดั�วน�โหล็ดั Picasa ไดั+ท%"

http://picasa.google.com/

2. เขี+�ไป็จ�ดัก�รท%"เว�บไซต์� Picasa Web Albums โดัยต์รง โดัยไป็ท%"  http://picasaweb.google.comแล็ะ Log in โดัยใช้+ช้0"อบ�ญ่ช้%เดั%ยวก�บ Blogger

คำ,ณส�ม�รถูเขี+�ไป็ Unload ภ�พไดั+โดัยต์รงก�บ Picasa แล็+วเร%ยกม�ใช้+บน blogger ไดั+โดัยใช้+ต์�วเล็0อก อ�ป็โหล็ดั

หน+� 62

แต์�ถู+�ต์+องก�รร�ป็ภ�พบน Blogger ท%"ไดั+อ�ป็โหล็ดัขี!'นไป็แล็+วก�คำล็.กท%"อ�ล็บ�มท%"ต์+องก�รแล็+วเขี+�ไป็จ�ดัก�รภ�พไดั+เช้�นก�น

ล็บร�ป็ภ�พบนำ Blogger แล็�วร�ป็บนำ Picasa จัะถื�กล็บด�วยห้ร"อไม/?ก�รล็บร�ป็ภ�พบน Blogger ไม�ส�งผู้ล็ใดั ๆ ต์�อ Picasa Web

Albums เล็ยเว+นแต์�คำ,ณจะเขี+�ม�ล็บใน Picasa Web Albums

โดัยต์รง ดั�งน�'นถู+�ในขีณะเขี%ยนบทคำว�มคำ,ณเผู้ล็อท��พล็�ดัร�ป็ภ�พห�ยไป็ ก�ส�ม�รถูเขี+�ม�เอ�ร�ป็ภ�พจ�ก Picasa Web Albums ใช้+ง�นไดั+อ%กโดัยไม�ต์+อง upload ซ�'� หร0อไม�ต์+องไป็ห�ภ�พม�ใหม�

บทสีร3ป็บทน%'แนะน��ให+พอร� +จ�กก�รเช้0"อมโยงระหว��ง Blogger แล็ะ Picasa

Web Albums ซ!"งเป็ นบร.ก�รในเคำร0อขี��ย Google เหม0อนก�น แล็ะจะท��ให+คำ,ณเขี+�ใจก�รจ�ดัก�รเก%"ยวก�บภ�พบน Blogger ไดั+ดั%ขี!'น

หน+� 63

บทท�� 11 ก�รสีร��งว�ด�โอในำ YouTube แล็ะนำ��ม�ใสี/ในำบล็�อก

ถู+�ม%ว%ดั%โอในหน+�บล็�อกขีองเร�ดั+วย ก�รส0"อส�รเร0"องร�วต์��งๆ ก�จะม%ช้%ว.ต์ช้%ว�แล็ะเขี+�ใจง��ยขี!'น ซ!"งในท%"น%'เร�ส�ม�รถูสร+�งไดั+ไม�ย�กดั+วยบร.ก�รขีอง www.youtube.com คำร�บ

  ข!2นำต์อนำก�รฝ�กว�ด�โอไว�ก!บ youtube

1. ไป็ท%" www.youtube.com แล็+วเล็0อก Create Account ท%"ม,มขีว�บนซ!"งในกรณ%ท%"เร� Login อย��ในเว�บบล็�อกขีองเร�น�'น ก�ส�ม�รถูใช้+บร.ก�รขีอง youtube ดั+วย Account เดั.มโดัยไม�ต์+องสม�คำรใหม�คำร�บ ว.ธิ%ก�รท��ไดั+โดัย

1.1 คำล็.กท%"   1.2 กรอกขี+อม�ล็ส��หร�บก�รสร+�งบ�ญ่ช้% โดัยใช้+ username ขีอง

gmail ขีองเร�เอง

หน+� 64

1.3 จ�กน�'น คำล็.ก

1.4 จะพบหน+�ต์��งให+กรอก Username แล็ะ รห�สผู้��น ขีอง gmail ให+กรอก e-mail ขีองเร�

จะพบหน+�จอ ดั�งน%'

จ�กน�'นเร�ก�ส�ม�รถูท��ก�รเพ."ม Video ไดั+ต์�มท%"เร�ต์+องก�ร

หน+� 65

2. ก�รฝ�ก  youtube ม%เง0"อนไขีส��คำ�ญ่ๆ ดั�งน%'- คำว�มย�วขีองว%ดั%โอไม�เก.น 10 น�ท% - คำวรเป็ นว%ดั%โอท%"ไม�กระทบต์�อสถู�บ�น ช้�ต์. ศ�สน� พระมห�กษ�ต์ร.ย� แล็ะ ศ%ล็

ธิรรมอ�นดั%ง�มขีองส�งคำม3. ก�ร upload ว%ดั%โอขี!'นไป็ท%"เมน� upload (ท%"ม,มขีว�บน) แล็+ว

ท��ก�รเล็0อกไฟล็�ว%ดั%โอจ�กเคำร0"องขีองเร� แล็ะรอจนก�ร upload เสร�จส.'น 3.1 คำล็.กท%"ป็,Fม Uploads

 

3.2 คำล็.กท%"ป็,Fม Upload Video 

3.3 เล็0อกไฟล็� Video ท%"ต์+องก�ร

3.4  

3.4 เม0"อ Upload ไดั+ 100% แล็+วให+คำล็.ก Save change

หน+� 66

4. เม0"อ upload เสร�จส.'นแล็+วคำล็.กท%"ขี+อคำว�ม   Embed and

Sharing Options เร�ก�เห�น HTML code ให+คำ�ดัล็อก code เหล็��น�'นม�แป็ะในส�วนท%"เร�ต์+องก�ร

  

 

เช้�นในท%"น%'ผู้มคำ�ดัล็อก code ม�แป็ะในบทคำว�มก�จะไดั+ผู้ล็ล็�พธิ�เป็ นว%ดั%โอต์�มดั+�นล็��งท%"เห�นคำร�บ

เร"�อง ห้นำ�

หน+� 67

�บทน��…………………………………………………………………

…………………………………….

1

บทท%" 1 ก�รสร+�งเว�บบล็�อก…………………………………………………………………

………………

4

บทท%" 2 ว.ธิ%เป็ล็%"ยน Template ขีอง Blogger………………………………………………………………..

12

บทท%" 3 ว.ธิ%เขี%ยนแล็ะจ�ดัก�รบทคำว�มในบล็�อก……………………………………………………………..

22

บทท%" 4 ก�รต์�'งคำ��พ0'นฐ�นต์��งๆ ให+ก�บบล็�อก……………………………………………………………….

26

บทท%" 5 ร� +จ�กแล็ะใช้+ง�น Gadget ช้น.ดัต์��งๆ บน Blogger…………………………………………………

32

บทท%" 6 ก�รจ�ดัก�รก�บ Gadget ในหน+�บล็�อก……………………………………………………………..

40

บทท%" 7 ก�รแสดังขี��วส�รล็��ส,ดัดั+วย Gadget

ฟ>ดั…………………………………………………………

43

บทท%" 9 น�บจ��นวนคำนเย%"ยมช้มดั+วย Flagcounter………………………………………………………….

53

บทท%" 10 ร�ป็ภ�พในบทคำว�มบน Blogger…………………………………………………………………

55

บทท%" 11 ก�รสร+�งว%ดั%โอใน YouTube แล็ะน��ม�ใส�ในบล็�อก………………………………………………

58

หน+� 68

255

หน+� 69

เอกสี�รป็ระกอบก�รฝ<กอบรมเช้งป็ฏิบ!ต์ก�รก�รพ!ฒนำ�สี"�อก�รเร�ยนำก�รสีอนำ

โดยใช้�โป็รแกรมคอมพวเต์อร�ร/วมก!บ Weblog