การปรบแตงเวบบลอก 1

การปรบแตงเวบบลอก 2

ความรเรองระบบเทคโนโลยการออกแบบนเทศศลปเรอง

การปรบแตงเวบบลอกใน Blogspot.com

โดย.น.ส.ปาจรย เขยวชอม รหส 5311317084

อเมล pajaree5311317084@gmail.com เวบบลอกชอ http://arti3319-

pajaree.blogspot.com

ในการปรบแตงเวบบลอกฟรสวนตวในเวบยอยของ blogspot.com มวธการสรางเปน ล าดบ

ขนตอน ดงน

ภาพท 1 เปนภาพหนาจอแสดงวธการเพม Gadget โดยใหคลกเลอกทรปแบบตรงเมนขางๆ

การเพม Gadget นนจะเพมความสวยงามใหกบบลอก โดย Gadget นสามารถใสนาฬกา ปฏทน

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

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

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

ทมา : น.ส.ปาจรย เขยวชอม,2556.

1.คลกเพอเพม Gadget

2.คลกเพอแกไขขอความสวนหว

การปรบแตงเวบบลอก 3

ภาพท 2 เมอเราคลกเลอกเพม Gadget แลวกจะแสดงหนาจอตวเลอกของ Gadget วา

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

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

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

ทมา : น.ส.ปาจรย เขยวชอม,2556.

4.คลกเพอเขาไปแกไขปรบแตงบลอก

3.คลกเพอเลอก Gadget ทตองการ {

การปรบแตงเวบบลอก 4

ภาพท 3 ภาพหนาจอแสดงการตงคาแมแบบ โดยเราสามารถตงคาแมแบบไดโดยการคลกเลอก

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

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

ของบลอกกสามารถปรบการตงคาไดในน สวนถาใครมความช านาญและมความรทางดานการตงคาแบบ

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

ทมา : น.ส.ปาจรย เขยวชอม,2556.

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

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

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

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

ทมา : น.ส.ปาจรย เขยวชอม,2556.

5.คลกเพอเลอกเทมเพลต

รปแบบของเทมเพลตทมใหเลอก {

การปรบแตงเวบบลอก 5

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

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

บลอกทสามารถเปลยนสตวอกษรหรอตวอกษร และสามารถเปลยนสพนหลงของสวนตางๆได ทกสวน

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

ปรบสพนหลงทงหมดกได

ทมา : น.ส.ปาจรย เขยวชอม,2556.

6.คลกเพอเลอกการปรบแตงขนสง

6.คลกเพอปรบแตงขนาดรปภาพใหพอดกบบลอก

การปรบแตงเวบบลอก 6

ภาพท 6 ภาพหนาจอการแสดงวธการดขนาดรปภาพเพอจะเขาไปเพมหรอลดขนาดรปภาพให

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

เครองมอท html ทางดานซายบนของรปทอยขางค าวาเขยนซงถาเราเลอกเขยนกจะกลบไปเปนหนาจอ

ปกต เมอเลอก html เพอท าการก าหนดขนาดรปภาพใหมขนาดทพอดกบบลอกเพอใหบลอกนนมความ

สวยงามในการท างาน โดยก ารปรบ html ให width ปรบขนาดใหมขนาด 550 และ height ปรบ

ขนาดใหมขนาด330

ทมา : น.ส.ปาจรย เขยวชอม,2556.

ภาพท 7 ภาพแสดงหนาจอการตดขอความ เพอการจดหนา blog ใหสนลงและเกดความ

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

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

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

การตดกระดาษเปนสญลกษณวาไดท าการตดกระดาษแลว แตถาไมตองการตดกระดาษกไปคลกเลอกท

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

ทมา : น.ส.ปาจรย เขยวชอม,2556.

7.คลกเลอกเครองมอแทรกการ

ขามเพอตดขอความ

การปรบแตงเวบบลอก 7

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

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

ทมา : น.ส.ปาจรย เขยวชอม,2556.

ภาพท 9 ภาพแสดงหนาจอการตกแตงบลอกทเสรจแลวโดยมนาฬกาตกแตงเพมความสวยงาม

ทมา : น.ส.ปาจรย เขยวชอม,2556.

8.คลกเลอกหนาเวบเพอเพมหนาเวบ

การปรบแตงเวบบลอก 8