78
บบบบบ บบบบบ (บบบบบบ: blog) บบบบบบบบบบบบบบบบบบบบบ บบบบบบบบ (บบบบบบ: weblog) บบบบบบบบบบบบบบบบบบ บบบบบบบบบบบ บบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบ บบบบบบบบบบบบบบ บบบบบบบบบบบบบบบบบบบบบบบบบบบบบบ บบบบบบบบบ บบบบบบบบบบบบบบบบบบบบบบบบ บบบบบบบ บบบ บบบบบ บบบบบบบบบบบบบบบบบบบบบบบบบบ บบบบบบ บบบบ บบบบบบบบบบบบบบบบบบบบบบบบบ บบบบบบบบบบบบบบบบบบบบบ บบบบบบบบบบบบบบบบบบบบบ บบบบบบบบบบบบบบบบบบบบบบบ บบบบบบบบบบ บบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบ บบบบบบบบบบบบบบบบบบบบบบบบบบ บบบบบบบบบบบบบบบบบบ บบบบบบบบบบบบบบบบบบบบบบบบบบ บบบบบบ "บบบบบ" บบบ บบบบบบบบบบบบบบบบบบบบบบบบบบบบบ บบบบบบบบบบบบบ บบบ บบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบ บบบ "บบบบบบบบบบ" บบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบ บบบบบบบบบบบบบบบบบบบ บบบบบบบบบบบบบบบบบบบบบบบบบบ บบบบบบบ บบบบบบบบบบบบบบบบ บบบบบบบบบบบบบบบบบบ บบบ บบบบบบบบบบบบ บบบบบบบบบบบบบบบบ บบบบบ บบบบบบบบ บบบบบบบบบ บบบบบบบบบบบบบบบบ บบบบบบบบบบบบบบบบบบบบ บบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบ บบบบบบบ บบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบ บบบบบบบบบบบบบบบบบบบบบบบบ บบบบบบบบบบบบบบบบบบ บบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบ บบบบ บบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบ บบบบบ บบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบ บบบ บบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบ บบบบบบบบบบ บบบบบบบบบบบบบบบบบบบ บบบบ 1

Blog 110624113553-phpapp01

  • Upload
    -

  • View
    1.055

  • Download
    0

Embed Size (px)

Citation preview

Page 1: Blog 110624113553-phpapp01

บทนำ��

บล็�อก (อ�งกฤษ: 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

Page 2: Blog 110624113553-phpapp01

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

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

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

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

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

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

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

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

หน+� 2

Page 3: Blog 110624113553-phpapp01

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

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

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

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

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

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

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

หน+� 3

Page 4: Blog 110624113553-phpapp01

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

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

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

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

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

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

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

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

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

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

หน+� 4

Page 5: Blog 110624113553-phpapp01

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

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

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

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

www.lovelyfools.blogspot.com

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

หน+� 5

Page 6: Blog 110624113553-phpapp01

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

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

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

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

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

หน+� 6

Page 7: Blog 110624113553-phpapp01

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

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

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

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

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

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

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

หน+� 7

Page 8: Blog 110624113553-phpapp01

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

แรก

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

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

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

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

หน+� 8

Page 9: Blog 110624113553-phpapp01

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

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

หน+� 9

Page 10: Blog 110624113553-phpapp01

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

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

หน+� 10

Page 11: Blog 110624113553-phpapp01

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

หน+� 11

Page 12: Blog 110624113553-phpapp01

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

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

หน+� 12

Page 13: Blog 110624113553-phpapp01

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

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

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

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

หน+� 13

Page 14: Blog 110624113553-phpapp01

ข!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

Page 15: Blog 110624113553-phpapp01

ขี�'นท%" 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

Page 16: Blog 110624113553-phpapp01

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

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

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

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

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

หน+� 16

Page 17: Blog 110624113553-phpapp01

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

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

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

หน+� 17

Page 18: Blog 110624113553-phpapp01

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

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

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

หน+� 18

Page 19: Blog 110624113553-phpapp01

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

ก�รใช้+ เคำร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

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

Page 20: Blog 110624113553-phpapp01

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

Page 21: Blog 110624113553-phpapp01

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

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

หน+� 21

Page 22: Blog 110624113553-phpapp01

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

Page 23: Blog 110624113553-phpapp01

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

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

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

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

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

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

หน+� 23

Page 24: Blog 110624113553-phpapp01

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

Page 25: Blog 110624113553-phpapp01

ก�อนอ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

Page 26: Blog 110624113553-phpapp01

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

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

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

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

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

หน+� 26

Page 27: Blog 110624113553-phpapp01

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

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

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

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

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

หน+� 27

Page 28: Blog 110624113553-phpapp01

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

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

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

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

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

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

หน+� 28

Page 29: Blog 110624113553-phpapp01

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

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

ใช้�

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

ใช้�

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

ใช้�

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

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

หน+� 29

Page 30: Blog 110624113553-phpapp01

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

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

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

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

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

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

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

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

หน+� 30

Page 31: Blog 110624113553-phpapp01

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

บล็�อก 

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

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

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

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

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

ไม�

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

ใช้�

หน+� 31

Page 32: Blog 110624113553-phpapp01

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

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

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

 

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

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

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

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

8. OpenID

 

หน+� 32

Page 33: Blog 110624113553-phpapp01

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

9. สีทธี  

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

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

หน+� 33

Page 34: Blog 110624113553-phpapp01

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

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

 Gadget ค"ออะไร? 

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

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

หน+� 34

Page 35: Blog 110624113553-phpapp01

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

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

 

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

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

 

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

หน+� 35

Page 36: Blog 110624113553-phpapp01

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

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

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

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

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

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

 

หน+� 36

Page 37: Blog 110624113553-phpapp01

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

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

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

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

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

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

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

หน+� 37

Page 38: Blog 110624113553-phpapp01

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

  5. Gadget ข�อคว�ม

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

6. Gadget Adsense

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

 7. Gadget ร�ป็ภ�พ

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

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

หน+� 38

Page 39: Blog 110624113553-phpapp01

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

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

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

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

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

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

หน+� 39

Page 40: Blog 110624113553-phpapp01

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

Page 41: Blog 110624113553-phpapp01

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

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

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

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

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

 18. Gadget โล็โก�

หน+� 41

Page 42: Blog 110624113553-phpapp01

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

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

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

  

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

 

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

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

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

 

หน+� 42

Page 43: Blog 110624113553-phpapp01

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

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

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

 

  

หน+� 43

Page 44: Blog 110624113553-phpapp01

ก�รล็บ Gadget 

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

 

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

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

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

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

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

 

 

หน+� 44

Page 45: Blog 110624113553-phpapp01

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

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

 

  

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

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

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

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

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

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

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

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

หน+� 45

Page 46: Blog 110624113553-phpapp01

 องค�ป็ระกอบในำห้นำ��ของบล็�อกท��ผู้มคดว/�ค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

Page 47: Blog 110624113553-phpapp01

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

 

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

เป็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

Page 48: Blog 110624113553-phpapp01

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

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

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

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

หน+� 48

Page 49: Blog 110624113553-phpapp01

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

Page 50: Blog 110624113553-phpapp01

ก�รเร%ยกใช้+ 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

Page 52: Blog 110624113553-phpapp01

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

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

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

หน+� 52

Page 53: Blog 110624113553-phpapp01

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

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

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

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

หน+� 53

Page 54: Blog 110624113553-phpapp01

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

หน+� 54

Page 55: Blog 110624113553-phpapp01

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

ข!2นำท�� 3

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

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

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

หน+� 55

Page 56: Blog 110624113553-phpapp01

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

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

หน+� 56

Page 57: Blog 110624113553-phpapp01

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

หน+� 57

Page 58: Blog 110624113553-phpapp01

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

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

 

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

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

COUNTER ดั�งร�ป็  

หน+� 58

Page 59: Blog 110624113553-phpapp01

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

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

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

หน+� 59

Page 60: Blog 110624113553-phpapp01

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

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

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

หน+� 60

Page 61: Blog 110624113553-phpapp01

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

Page 62: Blog 110624113553-phpapp01

ก�รจ�ดัก�รภ�พใน 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

Page 63: Blog 110624113553-phpapp01

แต์�ถู+�ต์+องก�รร�ป็ภ�พบน 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

Page 64: Blog 110624113553-phpapp01

บทท�� 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

Page 65: Blog 110624113553-phpapp01

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

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

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

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

หน+� 65

Page 66: Blog 110624113553-phpapp01

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

Page 67: Blog 110624113553-phpapp01

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

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

  

 

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

เร"�อง ห้นำ�

หน+� 67

Page 68: Blog 110624113553-phpapp01

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

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

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

Page 69: Blog 110624113553-phpapp01

255

หน+� 69

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

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