Download - Blogger.com ppp
![Page 1: Blogger.com ppp](https://reader030.vdocuments.mx/reader030/viewer/2022032513/55cfeaa9bb61ebd0298b4607/html5/thumbnails/1.jpg)
ผชวยศาสตราจารยธนา จารพนธเศรษฐ
สาขาวชาเทคโนโลยสารสนเทศ
มหาวทยาลยราชภฏสราษฎรธาน
http://www.oc.sru.ac.th
การใชงาน blogger.com เอกสารการสอน
![Page 2: Blogger.com ppp](https://reader030.vdocuments.mx/reader030/viewer/2022032513/55cfeaa9bb61ebd0298b4607/html5/thumbnails/2.jpg)
บลอก www.blogger.com
บลอก (Blog) แหลงบนทกขอมลออนไลน ทใชแบงปนขอมลตางๆ ในเรองสวนตว หรอเรองทผจดท า
ตองการน าเสนอ บลอกประกอบดวย ขอความ ภาพ เพลง หรอวดโอ บลอกเปนเวบไซตทมเนอหาหลากหลาย
ขนอยกบเจาของบลอก บลอกสามารถใชเปนเครองมอสอสาร การประกาศขาวสาร การแสดงความคดเหน
การเผยแพรผลงาน ในหลายดาน บลอกสามารถเผยแพรไปไดอยางรวดเรว ทกททเช อมตออนเทอรเนตและ
สามารถอปเดทเรองราวในบลอกได
blogger.com เปนบรการหนงของ google มภาษาไทย ในการอธบายเมนตางๆ และสามารถเลอก
ภาษาทจะแสดงเมนได หากตองการน าเสนอในภาษาอนๆ การสรางบลอกกบ blogger.com ชอทได จะไดเปน
ชอทตง.blogspot.com
๑. ขนตอนการสรางเวบบลอก ๑.๑ เปดโปรแกรมเวบเบราเซอร
๑.๒ พมพ http://www.blogger.com
ภาพท ๑.๑ หนาแรกการเขาบลอก
การสรางบลอกของผใช จะใชอเมล และรหสผานเดยวกนกบ อเมล@gmail.com ถาผใชมอยแลว
พมพอเมล รหสผาน และคลก ลงชอเขาใชงาน ถายงไมมใหเขาไปสมครอเมล@gmail.com กอนท สมครใช
งาน ตรงมมซายบน
![Page 3: Blogger.com ppp](https://reader030.vdocuments.mx/reader030/viewer/2022032513/55cfeaa9bb61ebd0298b4607/html5/thumbnails/3.jpg)
เ อ ก ส า ร ก า ร ส ร า ง บ ล อ ก b l o g g e r . c o m | ๒
ผศ.ธนา จารพนธเศรษฐ | [email protected] | http://www.thanac.com
ภาพท ๑.๒ ขอตอนรบสบลอก
เลอกคลก ด าเนนการตอไปยงบลอกเกอร
ภาพท ๑.๒ เรมสรางบลอก
เลอก บลอกใหม เพอสรางบลอก
![Page 4: Blogger.com ppp](https://reader030.vdocuments.mx/reader030/viewer/2022032513/55cfeaa9bb61ebd0298b4607/html5/thumbnails/4.jpg)
เ อ ก ส า ร ก า ร ส ร า ง บ ล อ ก b l o g g e r . c o m | ๓
ผศ.ธนา จารพนธเศรษฐ | [email protected] | http://www.thanac.com
๑.๓ เมอคลกทบลอกใหม จะไดหนาจอใหปอน หวขอบลอก ทอย(ชอบลอกเปนภาษาองกฤษและ
ตวเลข) เลอกแมแบบ
ภาพท ๑.๓ สรางบลอกใหม
๑.๔ เลอกคลก สรางบลอก รอสกนดหนงจะกลบมาทจอเดม โดยจะเหนวามหวขอบลอกทสรางไว
ขนมา
ภาพท ๑.๔ สรางบลอกบานเรานาอย
![Page 5: Blogger.com ppp](https://reader030.vdocuments.mx/reader030/viewer/2022032513/55cfeaa9bb61ebd0298b4607/html5/thumbnails/5.jpg)
เ อ ก ส า ร ก า ร ส ร า ง บ ล อ ก b l o g g e r . c o m | ๔
ผศ.ธนา จารพนธเศรษฐ | [email protected] | http://www.thanac.com
๑.๕ หากตองการดวาบลอกทสรางขนมลกษณะอยางไรใหคลกท ดบลอก
ภาพท ๑.๕ บลอกแรกบานเรานาอย
๒. การเปลยนแมแบบบลอก ๒.๑ เลอกคลก แมแบบ ส าหรบเปลยน ลกษณะหนาเวบบลอก
ภาพท ๒.๑ เลอกเปลยนแมแบบบลอกแบบ ๑
ภาพท ๒.๒ เลอกเปลยนแมแบบบลอกแบบ ๒
![Page 6: Blogger.com ppp](https://reader030.vdocuments.mx/reader030/viewer/2022032513/55cfeaa9bb61ebd0298b4607/html5/thumbnails/6.jpg)
เ อ ก ส า ร ก า ร ส ร า ง บ ล อ ก b l o g g e r . c o m | ๕
ผศ.ธนา จารพนธเศรษฐ | [email protected] | http://www.thanac.com
๒.๒ ขนหนาจอเลอก แมแบบ เลอกรปแบบทตองการดวยการคลกทรปแบบนน
ภาพท ๒.๓ เลอกแมแบบบลอก
๒.๓ เลอกคลก ก าหนดคา เพอตงคาเพมเตม
ภาพท ๒.๔ ตงคาเทมเพลต
![Page 7: Blogger.com ppp](https://reader030.vdocuments.mx/reader030/viewer/2022032513/55cfeaa9bb61ebd0298b4607/html5/thumbnails/7.jpg)
เ อ ก ส า ร ก า ร ส ร า ง บ ล อ ก b l o g g e r . c o m | ๖
ผศ.ธนา จารพนธเศรษฐ | [email protected] | http://www.thanac.com
๒.๔ เลอกคลก พนหลง เพอตงคาพนหลง
ภาพท ๒.๕ เปลยนพนหลง
เลอกพนหลงจากรปภาพทมใหมา หรอเลอกอปโหลดภาพจากเครองโดยภาพทใชจะตองเปนชนด JPG
GIF หรอ PNG ทมขนาดสงสด ๓๐๐ กโลไบต เพอใหสามารถแสดงพนหลงเตมจอภาพควรใชภาพขนาด
๑๘๐๐ x ๑๖๐๐ ขนไป
ภาพท ๒.๖ เลอกพนหลง
![Page 8: Blogger.com ppp](https://reader030.vdocuments.mx/reader030/viewer/2022032513/55cfeaa9bb61ebd0298b4607/html5/thumbnails/8.jpg)
เ อ ก ส า ร ก า ร ส ร า ง บ ล อ ก b l o g g e r . c o m | ๗
ผศ.ธนา จารพนธเศรษฐ | [email protected] | http://www.thanac.com
๒.๕ เลอกคลก ปรบความกวาง เพอตงคาความกวางของสวนแสดงผลและแถบเมน ดวยการเลอน
แถบไปทางซายหรอขวา
ภาพท ๒.๗ เลอกปรบความกวาง
๒.๖ เลอกคลก รปแบบ เพอตงคาลกษณะรปแบบการน าเสนอ
ภาพท ๒.๘ เลอกรปแบบ
หากตองการแกไขในรายละเอยดแตละสวนใหคลกเลอก แกไข ในสวนนนๆ ซงขนตอนจะแตกตางกน
ไปตามเทมเพลตทเลอก
![Page 9: Blogger.com ppp](https://reader030.vdocuments.mx/reader030/viewer/2022032513/55cfeaa9bb61ebd0298b4607/html5/thumbnails/9.jpg)
เ อ ก ส า ร ก า ร ส ร า ง บ ล อ ก b l o g g e r . c o m | ๘
ผศ.ธนา จารพนธเศรษฐ | [email protected] | http://www.thanac.com
๒.๗ เลอกคลก ขนสง เพอตงคาลกษณะอกษร สอกษร สพน สลงก และอนๆ
ภาพท ๒.๙ เลอกขนสง
๒.๘ เลอกคลก ใชกบบลอก เพอตงคาลกษณะ
๒.๙ เลอกคลก กลบส Blogger เพอกลบหนาปกต
๓. การตงคาบลอก ๓.๑ เลอกคลก การตงคา ส าหรบก าหนดคาตางๆ ของบลอกไมวาจะเปนการฟดขอมลของเวบไซต
การเปลยนชอบลอก เพมผเขยนบลอก การแสดงบทความ ความคดเหน อเมล ภาษา เวลา และอนๆ
ภาพท ๓.๑ การตงคา
![Page 10: Blogger.com ppp](https://reader030.vdocuments.mx/reader030/viewer/2022032513/55cfeaa9bb61ebd0298b4607/html5/thumbnails/10.jpg)
เ อ ก ส า ร ก า ร ส ร า ง บ ล อ ก b l o g g e r . c o m | ๙
ผศ.ธนา จารพนธเศรษฐ | [email protected] | http://www.thanac.com
๓.๒ คลก พนฐาน ส าหรบตงคาชอ ค าอธบาย และอนๆ เลอกโดยการคลก แกไข ทรายการนนๆ
ภาพท ๓.๒ พนฐาน
๓.๓ คลก โพสตและความคดเหน ส าหรบแกไขรปแบบการแสดงบทความ ความคดเหน
ภาพท ๓.๓ โพสตและความคดเหน
![Page 11: Blogger.com ppp](https://reader030.vdocuments.mx/reader030/viewer/2022032513/55cfeaa9bb61ebd0298b4607/html5/thumbnails/11.jpg)
เ อ ก ส า ร ก า ร ส ร า ง บ ล อ ก b l o g g e r . c o m | ๑๐
ผศ.ธนา จารพนธเศรษฐ | [email protected] | http://www.thanac.com
๓.๔ คลก มอถอและอเมล ส าหรบแกไขการโพสตโดยใช SMS/MMS อเมล หรออเมลส าหรบแจง
เตอนเมอมความคดเหนใหม
ภาพท ๓.๔ มอถอและอเมล
๓.๕ คลก ภาษาและการจดรปแบบ ส าหรบแกไขภาษาทใชแสดงและรปแบบเวลาทตองการ
ภาพท ๓.๕ ภาษาและการจดรปแบบ
![Page 12: Blogger.com ppp](https://reader030.vdocuments.mx/reader030/viewer/2022032513/55cfeaa9bb61ebd0298b4607/html5/thumbnails/12.jpg)
เ อ ก ส า ร ก า ร ส ร า ง บ ล อ ก b l o g g e r . c o m | ๑๑
ผศ.ธนา จารพนธเศรษฐ | [email protected] | http://www.thanac.com
๓.๖ คลก คาก าหนดของการคนหา ส าหรบแกไขเมตาแทก เสนทางและการจดท าดชน
ภาพท ๓.๖ คาก าหนดของการคนหา
๓.๗ คลก อนๆ ส าหรบลบบลอก ฟดขอมลของไซต และอนๆ
ภาพท ๓.๗ อนๆ
![Page 13: Blogger.com ppp](https://reader030.vdocuments.mx/reader030/viewer/2022032513/55cfeaa9bb61ebd0298b4607/html5/thumbnails/13.jpg)
เ อ ก ส า ร ก า ร ส ร า ง บ ล อ ก b l o g g e r . c o m | ๑๒
ผศ.ธนา จารพนธเศรษฐ | [email protected] | http://www.thanac.com
๔. การปรบรปแบบ ๔.๑ เลอกคลก รปแบบ ส าหรบปรบเปลยน ลกษณะรปแบบหนาเวบบลอก (รปแบบทปรากฏ จะ
แตกตางกนตามแมแบบทเลอก)
ภาพท ๔.๑ ก าหนดรปแบบ
๔.๒ แกไขสวนหว เลอกคลก แกไข
ภาพท ๔.๒ ก าหนดคาสวนหว
![Page 14: Blogger.com ppp](https://reader030.vdocuments.mx/reader030/viewer/2022032513/55cfeaa9bb61ebd0298b4607/html5/thumbnails/14.jpg)
เ อ ก ส า ร ก า ร ส ร า ง บ ล อ ก b l o g g e r . c o m | ๑๓
ผศ.ธนา จารพนธเศรษฐ | [email protected] | http://www.thanac.com
หากตองการใหสวนหวเปนภาพโลโก ใหเลอกไฟล เพอสงรปภาพโลโก แลวจงเลอกรปบบการ
จดวาง เมอไดตามตองการ คลก บนทก
๔.๓ เพม Gadget เลอกคลก เพม Gadget เพมแกดเจดในบลอก เลอกแกดเจดทตองการโดยการ
คลกทแกดเจดนนๆ
ภาพท ๔.๓ เลอกเพมแกดเจด
ตวอยางเลอกการแปลภาษา
ภาพท ๔.๔ ก าหนดคาการแปลภาษา
เลอกคลก บนทก เมอก าหนดคาการแปลภาษาแลวเสรจ
![Page 15: Blogger.com ppp](https://reader030.vdocuments.mx/reader030/viewer/2022032513/55cfeaa9bb61ebd0298b4607/html5/thumbnails/15.jpg)
เ อ ก ส า ร ก า ร ส ร า ง บ ล อ ก b l o g g e r . c o m | ๑๔
ผศ.ธนา จารพนธเศรษฐ | [email protected] | http://www.thanac.com
๔.๔ การแกไขหรอลบ Gadget เลอกคลก แกไข ทแกดเจดในบลอก
ภาพท ๔.๕ เลอกแกไขแกดเจด
ภาพท ๔.๖ แกไขหรอลบแกดเจด
เลอก แกไขตามแลวจงเลอกคลก บนทก
เลอก ลบแกดเจด โดยการเลอกคลก ลบ
๕. หนาเวบ ๕.๑ เลอกคลก หนาเวบ เพอสราง ลบ แกไขหนาเวบ
ภาพท ๕.๑ หนาเวบ
![Page 16: Blogger.com ppp](https://reader030.vdocuments.mx/reader030/viewer/2022032513/55cfeaa9bb61ebd0298b4607/html5/thumbnails/16.jpg)
เ อ ก ส า ร ก า ร ส ร า ง บ ล อ ก b l o g g e r . c o m | ๑๕
ผศ.ธนา จารพนธเศรษฐ | [email protected] | http://www.thanac.com
๕.๒ เลอกคลกหลงขอความ แสดงหนาเวบเปน ไมแสดง แทบดานบนสด ลงกดานขาง
ภาพท ๕.๒ ต าแหนงแสดงหนาเวบ
เลอกวาจะใหแสดงหรอไมแสดงรายการหนาเวบ ณ ต าแหนงใด
๕.๓ เลอกคลก หนาเวบใหม เพอสรางหนาเวบใหม หรอเชอมไปยงเวบอน
ภาพท ๕.๓ รายการหนาเวบใหม
๕.๔ เลอกคลก ทอยเวบ เพอสรางลงคไปยงเวบอน พมพทอยเวบแลวคลก บนทก
ภาพท ๕.๔ รายการเชอมโยง
![Page 17: Blogger.com ppp](https://reader030.vdocuments.mx/reader030/viewer/2022032513/55cfeaa9bb61ebd0298b4607/html5/thumbnails/17.jpg)
เ อ ก ส า ร ก า ร ส ร า ง บ ล อ ก b l o g g e r . c o m | ๑๖
ผศ.ธนา จารพนธเศรษฐ | [email protected] | http://www.thanac.com
๕.๕ เลอกคลก หนาเวบเปลา เพอสรางหนาเวบใหม พมพหนาเวบ และเนอหา แลวคลกเลอก
เผยแพร เมอใสขอมลเรยบรอยแลว
ภาพท ๕.๕ สรางหนาเวบ
๕.๖ เลอกคลก ดบลอก เพอดหนาเวบบลอก
ภาพท ๕.๖ หนาบลอกทสรางใหม
![Page 18: Blogger.com ppp](https://reader030.vdocuments.mx/reader030/viewer/2022032513/55cfeaa9bb61ebd0298b4607/html5/thumbnails/18.jpg)
เ อ ก ส า ร ก า ร ส ร า ง บ ล อ ก b l o g g e r . c o m | ๑๗
ผศ.ธนา จารพนธเศรษฐ | [email protected] | http://www.thanac.com
๖. บทความ ในบลอกทวไปสวนทส าคญทสดกคอการใสเนอหาสาระ เพอการเผยแพรความรใหกบผสนใจทเขามา
เยยมชมเวบบลอก
๖.๑ เลอกคลก บทความ ส าหรบเพมบทความในบลอก
ภาพท ๖.๑ บทความ
๖.๒ เลอกคลก สรางโพสตใหม หรอ บทความใหม เพอเขยนบทความในบลอก
ภาพท ๖.๒ บทความ
พมพเนอเรองทตองการเผยแพร โดยก าหนดรปแบบเหมอนการพมพเอกสารทวไป
เลอก เมอตองการใสภาพในบทความ
เลอก เมอตองการใสวดโอในบทความ
เลอก เมอตองการแบงหนา
![Page 19: Blogger.com ppp](https://reader030.vdocuments.mx/reader030/viewer/2022032513/55cfeaa9bb61ebd0298b4607/html5/thumbnails/19.jpg)
เ อ ก ส า ร ก า ร ส ร า ง บ ล อ ก b l o g g e r . c o m | ๑๘
ผศ.ธนา จารพนธเศรษฐ | [email protected] | http://www.thanac.com
ภาพท ๖.๓ แทรกรปภาพ
ภาพท ๖.๔ แทรกวดโอ
๖.๓ เมอเขยนบทความเรยบรอยแลว คลกเลอก เผยแพร
ภาพท ๖.๕ บทความทมอย
![Page 20: Blogger.com ppp](https://reader030.vdocuments.mx/reader030/viewer/2022032513/55cfeaa9bb61ebd0298b4607/html5/thumbnails/20.jpg)
เ อ ก ส า ร ก า ร ส ร า ง บ ล อ ก b l o g g e r . c o m | ๑๙
ผศ.ธนา จารพนธเศรษฐ | [email protected] | http://www.thanac.com
๗. ดผลบลอกทสราง ดผลการสรางเวบบลอก เขาท http://ccdlondon.blogspot.com/
ภาพท ๗.๑ บลอกทสราง
ผชวยศาสตราจารยธนา จารพนธเศรษฐ สาขาวชาเทคโนโลยสารสนเทศ
มหาวทยาลยราชภฏสราษฎรธาน [email protected]