blogger.com ppp

ผชวยศาสตราจารยธนา จารพนธเศรษฐ

สาขาวชาเทคโนโลยสารสนเทศ

มหาวทยาลยราชภฏสราษฎรธาน

[email protected]

http://www.oc.sru.ac.th

การใชงาน blogger.com เอกสารการสอน

บลอก www.blogger.com

บลอก (Blog) แหลงบนทกขอมลออนไลน ทใชแบงปนขอมลตางๆ ในเรองสวนตว หรอเรองทผจดท า

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

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

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

สามารถอปเดทเรองราวในบลอกได

blogger.com เปนบรการหนงของ google มภาษาไทย ในการอธบายเมนตางๆ และสามารถเลอก

ภาษาทจะแสดงเมนได หากตองการน าเสนอในภาษาอนๆ การสรางบลอกกบ blogger.com ชอทได จะไดเปน

ชอทตง.blogspot.com

๑. ขนตอนการสรางเวบบลอก ๑.๑ เปดโปรแกรมเวบเบราเซอร

๑.๒ พมพ http://www.blogger.com

ภาพท ๑.๑ หนาแรกการเขาบลอก

การสรางบลอกของผใช จะใชอเมล และรหสผานเดยวกนกบ อเมล@gmail.com ถาผใชมอยแลว

พมพอเมล รหสผาน และคลก ลงชอเขาใชงาน ถายงไมมใหเขาไปสมครอเมล@gmail.com กอนท สมครใช

งาน ตรงมมซายบน

เ อ ก ส า ร ก า ร ส ร า ง บ ล อ ก b l o g g e r . c o m | ๒

ผศ.ธนา จารพนธเศรษฐ | [email protected] | http://www.thanac.com

ภาพท ๑.๒ ขอตอนรบสบลอก

เลอกคลก ด าเนนการตอไปยงบลอกเกอร

ภาพท ๑.๒ เรมสรางบลอก

เลอก บลอกใหม เพอสรางบลอก

เ อ ก ส า ร ก า ร ส ร า ง บ ล อ ก b l o g g e r . c o m | ๓


๑.๓ เมอคลกทบลอกใหม จะไดหนาจอใหปอน หวขอบลอก ทอย(ชอบลอกเปนภาษาองกฤษและ

ตวเลข) เลอกแมแบบ

ภาพท ๑.๓ สรางบลอกใหม

๑.๔ เลอกคลก สรางบลอก รอสกนดหนงจะกลบมาทจอเดม โดยจะเหนวามหวขอบลอกทสรางไว

ขนมา

ภาพท ๑.๔ สรางบลอกบานเรานาอย

เ อ ก ส า ร ก า ร ส ร า ง บ ล อ ก b l o g g e r . c o m | ๔


๑.๕ หากตองการดวาบลอกทสรางขนมลกษณะอยางไรใหคลกท ดบลอก

ภาพท ๑.๕ บลอกแรกบานเรานาอย

๒. การเปลยนแมแบบบลอก ๒.๑ เลอกคลก แมแบบ ส าหรบเปลยน ลกษณะหนาเวบบลอก

ภาพท ๒.๑ เลอกเปลยนแมแบบบลอกแบบ ๑

ภาพท ๒.๒ เลอกเปลยนแมแบบบลอกแบบ ๒

เ อ ก ส า ร ก า ร ส ร า ง บ ล อ ก b l o g g e r . c o m | ๕


๒.๒ ขนหนาจอเลอก แมแบบ เลอกรปแบบทตองการดวยการคลกทรปแบบนน

ภาพท ๒.๓ เลอกแมแบบบลอก

๒.๓ เลอกคลก ก าหนดคา เพอตงคาเพมเตม

ภาพท ๒.๔ ตงคาเทมเพลต

เ อ ก ส า ร ก า ร ส ร า ง บ ล อ ก b l o g g e r . c o m | ๖


๒.๔ เลอกคลก พนหลง เพอตงคาพนหลง

ภาพท ๒.๕ เปลยนพนหลง

เลอกพนหลงจากรปภาพทมใหมา หรอเลอกอปโหลดภาพจากเครองโดยภาพทใชจะตองเปนชนด JPG

GIF หรอ PNG ทมขนาดสงสด ๓๐๐ กโลไบต เพอใหสามารถแสดงพนหลงเตมจอภาพควรใชภาพขนาด

๑๘๐๐ x ๑๖๐๐ ขนไป

ภาพท ๒.๖ เลอกพนหลง

เ อ ก ส า ร ก า ร ส ร า ง บ ล อ ก b l o g g e r . c o m | ๗


๒.๕ เลอกคลก ปรบความกวาง เพอตงคาความกวางของสวนแสดงผลและแถบเมน ดวยการเลอน

แถบไปทางซายหรอขวา

ภาพท ๒.๗ เลอกปรบความกวาง

๒.๖ เลอกคลก รปแบบ เพอตงคาลกษณะรปแบบการน าเสนอ

ภาพท ๒.๘ เลอกรปแบบ

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

ไปตามเทมเพลตทเลอก

เ อ ก ส า ร ก า ร ส ร า ง บ ล อ ก b l o g g e r . c o m | ๘


๒.๗ เลอกคลก ขนสง เพอตงคาลกษณะอกษร สอกษร สพน สลงก และอนๆ

ภาพท ๒.๙ เลอกขนสง

๒.๘ เลอกคลก ใชกบบลอก เพอตงคาลกษณะ

๒.๙ เลอกคลก กลบส Blogger เพอกลบหนาปกต

๓. การตงคาบลอก ๓.๑ เลอกคลก การตงคา ส าหรบก าหนดคาตางๆ ของบลอกไมวาจะเปนการฟดขอมลของเวบไซต

การเปลยนชอบลอก เพมผเขยนบลอก การแสดงบทความ ความคดเหน อเมล ภาษา เวลา และอนๆ

ภาพท ๓.๑ การตงคา

เ อ ก ส า ร ก า ร ส ร า ง บ ล อ ก b l o g g e r . c o m | ๙


๓.๒ คลก พนฐาน ส าหรบตงคาชอ ค าอธบาย และอนๆ เลอกโดยการคลก แกไข ทรายการนนๆ

ภาพท ๓.๒ พนฐาน

๓.๓ คลก โพสตและความคดเหน ส าหรบแกไขรปแบบการแสดงบทความ ความคดเหน

ภาพท ๓.๓ โพสตและความคดเหน

เ อ ก ส า ร ก า ร ส ร า ง บ ล อ ก b l o g g e r . c o m | ๑๐


๓.๔ คลก มอถอและอเมล ส าหรบแกไขการโพสตโดยใช SMS/MMS อเมล หรออเมลส าหรบแจง

เตอนเมอมความคดเหนใหม

ภาพท ๓.๔ มอถอและอเมล

๓.๕ คลก ภาษาและการจดรปแบบ ส าหรบแกไขภาษาทใชแสดงและรปแบบเวลาทตองการ

ภาพท ๓.๕ ภาษาและการจดรปแบบ

เ อ ก ส า ร ก า ร ส ร า ง บ ล อ ก b l o g g e r . c o m | ๑๑


๓.๖ คลก คาก าหนดของการคนหา ส าหรบแกไขเมตาแทก เสนทางและการจดท าดชน

ภาพท ๓.๖ คาก าหนดของการคนหา

๓.๗ คลก อนๆ ส าหรบลบบลอก ฟดขอมลของไซต และอนๆ

ภาพท ๓.๗ อนๆ

เ อ ก ส า ร ก า ร ส ร า ง บ ล อ ก b l o g g e r . c o m | ๑๒


๔. การปรบรปแบบ ๔.๑ เลอกคลก รปแบบ ส าหรบปรบเปลยน ลกษณะรปแบบหนาเวบบลอก (รปแบบทปรากฏ จะ

แตกตางกนตามแมแบบทเลอก)

ภาพท ๔.๑ ก าหนดรปแบบ

๔.๒ แกไขสวนหว เลอกคลก แกไข

ภาพท ๔.๒ ก าหนดคาสวนหว

เ อ ก ส า ร ก า ร ส ร า ง บ ล อ ก b l o g g e r . c o m | ๑๓


หากตองการใหสวนหวเปนภาพโลโก ใหเลอกไฟล เพอสงรปภาพโลโก แลวจงเลอกรปบบการ

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

๔.๓ เพม Gadget เลอกคลก เพม Gadget เพมแกดเจดในบลอก เลอกแกดเจดทตองการโดยการ

คลกทแกดเจดนนๆ

ภาพท ๔.๓ เลอกเพมแกดเจด

ตวอยางเลอกการแปลภาษา

ภาพท ๔.๔ ก าหนดคาการแปลภาษา

เลอกคลก บนทก เมอก าหนดคาการแปลภาษาแลวเสรจ

เ อ ก ส า ร ก า ร ส ร า ง บ ล อ ก b l o g g e r . c o m | ๑๔


๔.๔ การแกไขหรอลบ Gadget เลอกคลก แกไข ทแกดเจดในบลอก

ภาพท ๔.๕ เลอกแกไขแกดเจด

ภาพท ๔.๖ แกไขหรอลบแกดเจด

เลอก แกไขตามแลวจงเลอกคลก บนทก

เลอก ลบแกดเจด โดยการเลอกคลก ลบ

๕. หนาเวบ ๕.๑ เลอกคลก หนาเวบ เพอสราง ลบ แกไขหนาเวบ

ภาพท ๕.๑ หนาเวบ

เ อ ก ส า ร ก า ร ส ร า ง บ ล อ ก b l o g g e r . c o m | ๑๕


๕.๒ เลอกคลกหลงขอความ แสดงหนาเวบเปน ไมแสดง แทบดานบนสด ลงกดานขาง

ภาพท ๕.๒ ต าแหนงแสดงหนาเวบ

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

๕.๓ เลอกคลก หนาเวบใหม เพอสรางหนาเวบใหม หรอเชอมไปยงเวบอน

ภาพท ๕.๓ รายการหนาเวบใหม

๕.๔ เลอกคลก ทอยเวบ เพอสรางลงคไปยงเวบอน พมพทอยเวบแลวคลก บนทก

ภาพท ๕.๔ รายการเชอมโยง

เ อ ก ส า ร ก า ร ส ร า ง บ ล อ ก b l o g g e r . c o m | ๑๖


๕.๕ เลอกคลก หนาเวบเปลา เพอสรางหนาเวบใหม พมพหนาเวบ และเนอหา แลวคลกเลอก

เผยแพร เมอใสขอมลเรยบรอยแลว

ภาพท ๕.๕ สรางหนาเวบ

๕.๖ เลอกคลก ดบลอก เพอดหนาเวบบลอก

ภาพท ๕.๖ หนาบลอกทสรางใหม

เ อ ก ส า ร ก า ร ส ร า ง บ ล อ ก b l o g g e r . c o m | ๑๗


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

เยยมชมเวบบลอก

๖.๑ เลอกคลก บทความ ส าหรบเพมบทความในบลอก

ภาพท ๖.๑ บทความ

๖.๒ เลอกคลก สรางโพสตใหม หรอ บทความใหม เพอเขยนบทความในบลอก

ภาพท ๖.๒ บทความ

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

เลอก เมอตองการใสภาพในบทความ

เลอก เมอตองการใสวดโอในบทความ

เลอก เมอตองการแบงหนา

เ อ ก ส า ร ก า ร ส ร า ง บ ล อ ก b l o g g e r . c o m | ๑๘


ภาพท ๖.๓ แทรกรปภาพ

ภาพท ๖.๔ แทรกวดโอ

๖.๓ เมอเขยนบทความเรยบรอยแลว คลกเลอก เผยแพร

ภาพท ๖.๕ บทความทมอย

เ อ ก ส า ร ก า ร ส ร า ง บ ล อ ก b l o g g e r . c o m | ๑๙


๗. ดผลบลอกทสราง ดผลการสรางเวบบลอก เขาท http://ccdlondon.blogspot.com/

ภาพท ๗.๑ บลอกทสราง

ผชวยศาสตราจารยธนา จารพนธเศรษฐ สาขาวชาเทคโนโลยสารสนเทศ

มหาวทยาลยราชภฏสราษฎรธาน [email protected]

blogger.com ppp

Art & Photos