1
เอกสารบันทึก
ความรู้ในร
ายวิชา
เทคโนโลยีเพ ื่อ
การออกแบบนิเทศ ศิลป์
การปรั บแต่ ขนาดและกราฟฟิ ง ก บนพื้ โดยนายกิิต บัน จัด
การเว็บบล
ทึ
็อก
ติ
กความรู เรื่อง ้
พงษ์
นเว็บบล็
อก
วามนตรี
การปรับแต่ง หร
ือ
การบริห
า
ในฐานะผู้จัด (Admin) การระบบ ของ Google
Blogger Domain & Hosting ที่ Blogspot.com
ขั้นตอ
นแรกต้
องเข้
าใช้ด้วยอีเ
มล์ข
URL: http://www.bloggger.com
1
2
ภาพที่
1 แสดงหน้าเ ว็ บบล็ การเริ อก ่ม ของต้ นการสร้ Blogspot าง
ทีม ่ า:กิตต
ิพง ษ์
วามนตรี 2556 ,
หมายเลข 1 แสดงถึง การสร้
กิตต
ิพง ษ์
วามนตรี วันพุธ
ที่
สงบล็อ
คใหม่
3 กรกฎาคม พ.ศ. 2556
องตัว เองและเข
2
เอกสารบันทึกความรู้ในรายวิชาเทคโนโลยีเพื่อการออกแบบนิเทศศิลป์
หมายเลข 2 แสดงถึง เมนูการปรับค่าต่างๆ
เริ่มการสร้างBloggerใหม่
2
1
3
ภาพที่ 2 แสดงหน้าการใส่หัวข้อ และการตั้งชื่อที่อยู่URL: ทีม ่ า:กิตติพงษ์ วามนตรี,2556
หมายเลข 1 แสดงถึง หัวข้อของ Blogsport หมายเลข 2 แสดงถึง ใส่ชื่อที่อยู่ URL ในการสร้างBloggerนี้จะใช้ชื่อ URLคือ
http://cruchinese-satisarat.blogspot.com หมายเลข 3 แสดงถึง การเลือกแม่แบบของบล็อค
กิตติพงษ์ วามนตรี
วันพุธที่ 3 กรกฎาคม พ.ศ. 2556
3
เอกสารบันทึกความรู้ในรายวิชาเทคโนโลยีเพื่อการออกแบบนิเทศศิลป์
การปรับแต่ง Blogger
1
ภาพที่ 3 แสดงหน้า การจัดการBlogger ทีม ่ า:กิตติพงษ์ วามนตรี,2556
หมายเลข 1 แสดงถึง เมนูต่างๆในการจัดการBlogger ดังต่อไปนี้ - ภาพรวม - บทความ - หน้าเว็บ - ความคิดเห็น - Google+ กิตติพงษ์ วามนตรี
วันพุธที่ 3 กรกฎาคม พ.ศ. 2556
มี
4
เอกสารบันทึกความรู้ในรายวิชาเทคโนโลยีเพื่อการออกแบบนิเทศศิลป์
- สถิติ - รายได้ - รูปแบบ - แม่แบบ - การตั้งค่า
กิตติพงษ์ วามนตรี
วันพุธที่ 3 กรกฎาคม พ.ศ. 2556
5
เอกสารบันทึกความรู้ในรายวิชาเทคโนโลยีเพื่อการออกแบบนิเทศศิลป์
แม่แบบ
2
1
4
3
ภาพที่ 4 แสดงหน้า การใช้งานแม่แบบ ทีม ่ า:กิตติพงษ์ วามนตรี,2556 ให้คุณสามารถแก้ไขแกดเจ็ตในบล็อกของคุณ
คลิกและลากเพื่อ
จัดเรียงแกดเจ็ต ในการเปลีย ่ นคอลัมน์และความกว้างให้ใช้ เครื่องมือออกแบบเทมเพลต
หมายเลข 1 แสดงถึง ส่วนหัวของเว็บบล็อกสามารถใส่ข้อความ หรือแทรกรูปภาพได้ หมายเลข 2 แสดงถึง การปรับแต่งแถบนาทาง หมายเลข 3 แสดงถึง การเพิ่มลูกเล่นหรือแกดเจ็ต หมายเลข 4 แสดงถึง ส่วนที่แสดงถึงบทความ
กิตติพงษ์ วามนตรี
วันพุธที่ 3 กรกฎาคม พ.ศ. 2556
6
เอกสารบันทึกความรู้ในรายวิชาเทคโนโลยีเพื่อการออกแบบนิเทศศิลป์
การปรับแต่งพื้นหลัง
2
3
1
ภาพที่ 5 แสดงหน้าการแก้ไขพื้นหลังบล็อก http://cruchinesesatisarat.blogspot.com ทีม ่ า:กิตติพงษ์ วามนตรี,2556
หมายเลข 1 แสดงถึง เลือกเมนูพื้นหลัง หมายเลข 2 แสดงถึง พื้นหลังที่มีให้เลือกอยู่แล้ว หมายเลข 3 แสดงถึง การเลือกพื้นหลังที่เราได้เตรียมไว้
กิตติพงษ์ วามนตรี
วันพุธที่ 3 กรกฎาคม พ.ศ. 2556
7
เอกสารบันทึกความรู้ในรายวิชาเทคโนโลยีเพื่อการออกแบบนิเทศศิลป์
กิตติพงษ์ วามนตรี
วันพุธที่ 3 กรกฎาคม พ.ศ. 2556
8
1
เอกสารบันทึกความรู้ในรายวิชาเทคโนโลยีเพื่อการออกแบบนิเทศศิลป์
2
ภาพที่ 6 แสดงหน้าการปรับความกว้างของบล็อก http://cruchinesesatisarat.blogspot.com ทีม ่ า:กิตติพงษ์ วามนตรี,2556
หมายเลข 1 แสดงถึง ให้ปรับขนาดทั้งบล็อกที่ 980px หมายเลข 2 แสดงถึง ปรับแถบข้างขวาที่ 330px
1
กิตติพงษ์ วามนตรี
วันพุธที่ 3 กรกฎาคม พ.ศ. 2556
9
เอกสารบันทึกความรู้ในรายวิชาเทคโนโลยีเพื่อการออกแบบนิเทศศิลป์
2
ภาพที่ 7 แสดงหน้า การตั้งค่ารูปแบบ
http://cruchinese-
satisarat.blogspot.com ทีม ่ า:กิตติพงษ์ วามนตรี,2556
หมายเลข 1 แสดงถึง การออกแบบเนื้อความ หมายเลข 2 แสดงถึง การออกแบบส่วนท้าย
3 1
4
เครื่องมือออกแบบ
กิตติพงษ์ วามนตรี
วันพุธที่ 3 กรกฎาคม พ.ศ. 2556
11
เอกสารบันทึกความรู้ในรายวิชาเทคโนโลยีเพื่อการออกแบบนิเทศศิลป์
3
ภาพที่ 9 แสดงหน้า แสดงหน้าเว็บบล็อกหลังแก้ไขเสร้จสิ้น http://cruchinese-satisarat.blogspot.com ทีม ่ า:กิตติพงษ์ วามนตรี,2556
หมายเลข 1 แสดงถึง หัวข้อบล็อกที่แทรกรูปภาพเข้าไป หมายเลข 2 แสดงถึง แผงการควบคุมต่างๆ หมายเลข 3 แสดงถึง บทความต่างๆของบล็อก
กิตติพงษ์ วามนตรี
วันพุธที่ 3 กรกฎาคม พ.ศ. 2556
10
เอกสารบันทึก
ความรู้ในร
ายวิชา
เทคโนโลยีเพ ื่อ
การออกแบบนิเทศ ศิลป์
2
ภาพที่ 8 แสดงหน้า การตั้งค่า satisarat.blogspot.com
http://cruchineseขั้นสูง
ทีม ่ า:กิต ติพงษ์ วามนตรี,2556
หมายเลข 1 แสดงถึง การตั้งค่า
หน้าเ
ว็บ
หมายเลข 2 แสดงถึง แบบอักษร หมายเลข 3 แสดงถึง สี
พื้นหล
หมายเลข 4 แสดงถึง สี
ตัวอั
หน้าเ ว็Blogger บ
กิตต
ิพง ษ์
วามนตรี วันพุธ
ัง กษร
1
ที่
2
3 กรกฎาคม พ.ศ. 2556