การเรียนการสอนสัปดาห์ที่ 2

       การเรียนการสอนสัปดาห์ที่ 2 ท่านรองศาสตราจารย์ ประชิด ทิณบุตร ได้ทำการสอนในเรื่องของการปรับแต่ง Blog ให้มีรูปแบบที่สวยงามโดยมีขั้นตอนดังนี้

1. เข้าหน้าเว็บไซด์ www.blogspot.com 

ภาพที่ 1 แสดงภาพหน้าเว็บ Blogspot.com

ที่มา : https://www.blogger.com/home

2. เลือกคำสั่งการออกแบบเพื่อทำการปรับแต่งหน้าเว็บบล๊อค

ภาพที่ 2 แสดงภาพหน้าคำสั่งการออกแบบ

ที่มา : http://artd3302-rarinthipsiratakerngkiat.blogspot.com/

3. สามารถเลือกธีมสี แบล๊คกราวของหน้าเว็บบล๊อค และเลือกคำสั่งกำหนดค่าเพื่อทำการแก้ไขขนาดของหน้าบล๊อค ขนาดของตัวอักษรและสีต่างๆ

ภาพที่ 3 แสดงภาพหน้าการเลือกธีมและคำสั่งกำหนดค่า

ที่มา : https://www.blogger.com/blogger.g?blogID=6798050994817388568#template

ภาพที่ 4 แสดงภาพหน้าการปรับขนาดบล๊อค

ที่มา : https://www.blogger.com/template-editor.g?blogID=6798050994817388568

ภาพที่ 5 แสดงภาพการปรับแต่งขนาดของตัวอักษรและสีของตัวอักษรภายในบล๊อค

ที่มา : https://www.blogger.com/template-editor.g?blogID=6798050994817388568

 การปรับเพิ่มหน้าเว็บบล๊อค การปรับเพิ่มหน้าเว็บบล๊อคมีขั้นตอนดังต่อไปนี้คือ

1. เลือกคำสั่งการออกแบบ

ภาพที่ 6 แสดงภาพคำสั้งการออกแบบ

ที่มา : http://artd3302-rarinthipsiratakerngkiat.blogspot.com/

2. เลือกคำสั่งหน้าเว็บเพื่อทำการสร้างหน้าเว็บบล๊อคภายในบล๊อค

ภาพที่ 7 แสดงหน้าคำสั่งการสร้างหน้าเว็บบล๊อค

ที่มา : https://www.blogger.com/blogger.g?blogID=6798050994817388568#template

3. เลือกคำสั่งหน้าเว็บใหม่เพื่อสร้างหน้าเว็บลงในบล๊อค

ภาพที่ 8 แสดงภาพคำสั่งการสร้างหน้าเว็บใหม่

ที่มา : https://www.blogger.com/blogger.g?blogID=6798050994817388568#allpages

4. ทำการพิมพ์ชื่อหน้าเว็บที่ต้องการ และใส่เนื้อหาข้อมูลภายในหน้าเว็บ ท่านสามารถปรับแต่งรูปแบบในการพิมพ์ได้ที่กล่องเครื่องมือด้านบน เมื่อใส่ข้อมูลทั้งหมดเรียบร้อยแล้วให้กดปุ่มบันทึก

ภาพที่ 9 แสดงภาพการใส่ข้อความในการสร้างหน้าเว็บใหม่

ที่มา : https://www.blogger.com/blogger.g?blogID=6798050994817388568#editor/target=page

5. จากนั้นมาที่คำสั่งในหน้าของการออกแบบ กดเลือกคำสั่งรูปแบบเพื่อทำการเพิ่มหน้าเว็บลงในบล๊อค

ภาพที่ 10 แสดงคำสั่งรูปแบบ

ที่มา : https://www.blogger.com/blogger.g?blogID=6798050994817388568#allpages

6. จากนั้นไปที่คำสั่งหน้าเว็บและเลือกคำสั่งแก้ไข

ภาพที่ 11 แสดงภาพคำสั่งแก้ไขหน้าเว็บ

ที่มา : https://www.blogger.com/blogger.g?blogID=6798050994817388568#pageelements

7. ขั้นตอนต่อไปให้ทำการเลือกหน้าเว็บที่ต้องการ ทำการปรับลำดับของหน้าเว็บ และกดบันทึก

ภาพที่ 12 แสดงภาพการปรับเพิ่มหน้าเว็บบล๊อค และการเรียงลำดับหน้าเว็บ

ที่มา : https://www.blogger.com/rearrange?blogID=6798050994817388568&action=editWidget&sectionId=crosscol&widgetType=null&widgetId=PageList1

8. ภาพหน้าเว็บบล๊อคที่ทำการปรัปแต่งเรียบร้อยแล้ว

ภาพที่ 13 แสดงภาพหน้าเว็บบล๊อคที่ทำการปรับแต่งเรียบร้อยแล้ว

ที่มา : http://artd3302-rarinthipsiratakerngkiat.blogspot.com/