1
นาย สุรเดช อุทรักษ์ วิชาเทคโนโลยีเพื่อการออกแบบนิเทศศิลป์
2
คานา
Blogger จัดเป็นบริการฟรีจากทาง Google ที่มีประโยชย์ และใช้งานง่าย เป็นอีกหนึ่งช่องทางในการ เผยแพร่งาน หรือ ศึกษาเรียนรู้ในโลกอินเตอร์เน็ต รายงานเล่มนี้จัดทาขึ้นเพื่อสอนการทา Blogger ตั้งแต่เริ่มต้นไปจนถึงการตกแต่งเพื่อความน่าสนใจ หวังว่าจะเป็นประโยชน์แก่ผู้อ่านไม่มากก็น้อย หาก มีความผิดพลาดประการใดก็ขออภัย ณ ที่นี้ด้วย
นาย สุรเดช อุทรักษ์
นาย สุรเดช อุทรักษ์ วิชาเทคโนโลยีเพื่อการออกแบบนิเทศศิลป์
3
Blogger คืออะไร Blogger เป็นอีกหนึ่งบริการของ Google ที่จะช่วยให้คุณมีพื้นที่สาหรับเขียนเรื่องราวต่าง ๆ ที่คุณต้องการใน ลักษณะของ Webblog บริการเหล่านี้คุณสามารถใช้งานได้ฟรี โดยไม่มีค่าใช้จ่าย สาหรับคนที่อยากมีเว็บไซต์ ส่วนตัว แต่ไม่อยากมีค่าใช้จ่าย blogger สามารถช่วยคุณได้ หากคุณต้องการใช้ blogger เพียงแค่สมัคร Gmail ก็สามารถสร้าง blog ได้อย่างมากมาย นอกจากนี้การสร้าง blog ด้วย blogger นั้นเชื่อมโยงพื้นที่เก็บรูปภาพเข้ากับ picasa ซึ่งเป็นบริการด้านภาพถ่าย ทาให้คุณมีพื้นที่เขียน blog และพื้นที่เก็บรูปภาพที่สัมพันธ์กัน
Webblog กับ Website ต่างกันอย่างไร 1. Website ต้องมี Domain Name และ Hosting เป็นของตนเอง และเสียค่าใช้จ่าย ส่วน Webblog นั้นเราสามารถ สมัครใช้บริการได้ฟรี แต่เราต้องใช้ Domain ของผู้ให้บริการ Webblog นั้น ๆ อยู่ในชื่อ domain ของเราด้วย เช่น http://ninetechno.blogspot.com เป็นต้น 2. Website คุณสามารถสร้างรูปแบบของเว็บไซต์ได้เองมีความยืดหยุ่น ส่วน Webblog นั้นมี Template ให้เลือก โดย การเขียน blog ก็จะมีโครงสร้างที่ตายตัวไม่สามารถปรับเปลี่ยนได้มากนัก 3. Website หากคุณต้องการเขียนเองต้องเรียนรู้ภาษาคอมพิวเตอร์หลายภาษาอยู่พอสมควร แต่ Webblog คุณเพียง แค่เรียนรู้การใช้งานเล็กน้อยคุณก็สามารถใช้งานได้
Webblog ทาอะไรได้บ้าง 1. 2. 3. 4. 5.
ทาเป็นเว็บไซต์ส่วนตัว ไม่ค่อยเกิดปัญหาเรื่องเว็บล่ม เขียนเรื่องราวต่าง ๆ และแบ่งปันให้กับผู้อื่น หารายได้กับ google เช่น การเขียนบทความ และนาโฆษณาของ google มาติดลง webblog ของตนเอง ทาธุรกิจที่เรียกว่า E-commerce ก็พอจะใช้ได้อยู่บ้างครับ
นาย สุรเดช อุทรักษ์ วิชาเทคโนโลยีเพื่อการออกแบบนิเทศศิลป์
4
การสมัครใช้บริการ Blogger การสมัครใช้บริการ Blogger ในปัจจุบันนี้ทาได้ง่ายมาก ๆ สาหรับกรณีที่คุณยังไม่มี Gmail ให้สมัครตามขั้นตอน ดังต่อไปนี้ได้เลย โดยจะเห็นว่าขั้นตอนการสมัครนั้นเป็นแบบฟอร์มเดียวกับการสมัครGmail นั่นเอง เริ่มจากเข้าสู่ เว็บไซต์โดยพิมพ์ www.blogger.com
คลิกปุ่ม
ซึ่งจะปรากฏหน้าเว็บไซต์ และแบบฟอร์มสาหรับการสมัครใช้บริการ
กอรกข้อมูลและรายละเอียดตามภาพด้านล่างประกอบด้วย ชื่อ : เป็นภาษาไทยหรือภาษาอังกฤษ เลือกชื่อผู้ใช้ : ส่วนนี้จะนาไปเป็นชื่อที่ใช้สาหรับเข้าสู่ระบบ และเป็นชื่อ Email ของคุณ ส่วนนี้แนะนาให้เป็น ตัวอักษรภาษาอังกฤษพิมพ์เล็ก รหัสผ่าน : ตั้งรหัสผ่านสาหรับใช้เข้าสู่ระบบประกอบด้วยตัวเลขผสมกับตัวอักษรภาษาอังกฤษไม่น้อยกว่า 8 ตัว วันเกิด : คลิกเลือกวัน และเดือนเกิด สาหรับปีเกิดให้ใส่เป็นปี ค.ศ. เพศ : คลิกเลือกเพศของคุณ โทรศัพท์มือถือ : เมื่อเราใส่เบอร์โทรศัพท์มือถืออาจมีการยืนยันโดยการโทรศัพท์เข้าหาเบอร์ของคุณ หรือจะเลือกส่ง รหัสลับเป็น SMS ก็ได้ เป็นขั้นตอนที่ทาให้บัญชี Email ของคุณมีความปลอดภัยมากขึ้น ที่อยู่อเี มลปัจจุบันของคุณ : หากไม่มีก็ไม่ต้องใส่ พิสูจน์ว่าคุณไม่ได้เป็นหุ่นยนต์ : พิมพ์ตัวอักษรตามที่คุณมองเห็นลงไป สุดท้ายคลิกเลือกฉันยอมรับข้อกาหนดในการให้บริการ แนะนโยบายส่วนบุคคลของ Google เสร็จเรียบร้อยคลิก ขั้นตอนต่อไป
นาย สุรเดช อุทรักษ์ วิชาเทคโนโลยีเพื่อการออกแบบนิเทศศิลป์
5
ปรากฏขั้นตอนสาหรับใส่รูปภาพให้กับข้อมูลส่วนตัวของคุณ หากไม่ต้องการ คลิกขั้นตอนถัดไป
เข้าสู่หน้าต้อนรับตามภาพด้านล่างแสดงว่าคุณสมัครเสร็จเรียบร้อยแล้ว จากนั้นคลิกปุ่มกลับไปที่ Blogger
ในหน้านี้เป็นขั้นตอนสุดท้ายของการสมัครปุ่ม ดาเนินการต่อไปยังบล็อกเกอร์ ก็เป็นอันเสร็จเรียบร้อย
นาย สุรเดช อุทรักษ์ วิชาเทคโนโลยีเพื่อการออกแบบนิเทศศิลป์
6
คู่มือบริหารและตกแต่ง Blogger รายงานนี้คือบันทึกความรู้เรื่องการปรับแต่งการจัดการบริหารเว็บบล็อก (Blogger) ในฐานะ ผู้จัดการระบบ (Admin) Google Blogger Domain & Hosting ที่ blogspot.com โดยจะอธิบาย รายละเอียดขั้นตอนดังต่อไปนี้ ขั้นตอนการใช้งาน Blogger นั้น สิ่งสาคัญอันดับแรกต้องมีการสมัคร Gmail เสียก่อนจึงจะ สามารถใช้งาน Blogger ได้ วิธีการสมัคร Gmail ให้เข้าไปที่ www.gmail.com
1 2
ที่มา นายสุรเดช อุทรักษ์ ขั้นตอนการเรียนรู้การใช้งาน Blogger หมายเลข 1 กรณีที่ยังไม่มี Gmail สามารถคลิกสร้างบัญชีได้ในมุมขวาด้านบน และกรอกข้อมูลที่บัญชี ได้ให้ไว้ให้ครบ หมายเลข 2 ถ้ามี Gmail เป็นของตนเองแล้วสามารถใช้ Gmail ลงชื่อเข้าใช้งานได้ทันที
นาย สุรเดช อุทรักษ์ วิชาเทคโนโลยีเพื่อการออกแบบนิเทศศิลป์
7
ขั้นตอนต่อไปเมื่อสมัคร Gmail เสร็จเรียบร้อยแล้ว ให้เข้าไปที่ www.blogger.com แล้ว สามารถลงชื่อเข้าใช้งานได้ทันที เมื่อลงชื่อเข้าใช้เสร็จเรียบร้อยแล้วระบบจะเข้าไปสู่หน้า home โดย รายละเอียดขั้นตอนการใช้งานมีดังต่อไปนี้
5
3 4 ที่มา นายสุรเดช อุทรักษ์
หมายเลข 3 คาสั่งในการสร้องบล็อกใหม่
6
หมายเลข 4 รายชื่อบล็อกทั้งหมดที่เรามี หมายเลข 5 คาสั่งดูบล็อก เพื่อเข้าไปดูในบล็อคนั้นๆ หมายเลข 6 คาสั่งในการปรับแต่งบล็อคต่างๆ หมายเลข 7 คาสั่งในการเขียนบทความใหม่
7
นาย สุรเดช อุทรักษ์ วิชาเทคโนโลยีเพื่อการออกแบบนิเทศศิลป์
8
12
8 13 10
11
9
ที่มา นายสุรเดช อุทรักษ์ หมายเลข 8 พื่นที่ใส่ชื่อโพส หมายเลข 9 พื่นที่ที่เราใส่เขียนบทความ หมายเลข 10 เครื่องมือต่างๆในการเขียนบทความ หมายเลข 11 คาสั่งบันทึก เพื่อที่จะบันทึกบทความที่เราเขียนใว้ หมายเลข 13 คาสั่งแผยแพร่ เพื่อเผยแพร่บทความลงบล็อค
15
14
หมายเลข 14 คาสั่งในการแทรกรูปภาพ หรือ วีดีโอ หมายเลข 15 คาสั่งต่างในการปรับ ฟอร์ต
นาย สุรเดช อุทรักษ์ วิชาเทคโนโลยีเพื่อการออกแบบนิเทศศิลป์
9
17 18
16
หมายเลข 16 คาสั่งรูปแบบ เพื่อเข้าไปปรับแต่งตาแหน่งหรือเกตเจตต่างๆของบล็อก หมายเลข 17 คาสั่งเพื่ม Gadget หมายเลข 18 Gadget ทั้งหมดที่เรามี โดยสามารถปรับตาแหน่งได้ตามต้องการ
19
หมายเลข 19 เมื่อกดคาสั่งเพื่ม Gadget นี้คือ Gadget ที่เราสามารถเพื่มเติมในบล็อคเราได้
นาย สุรเดช อุทรักษ์ วิชาเทคโนโลยีเพื่อการออกแบบนิเทศศิลป์
10
21
20 หมายเลข 20 คาสั่งแม่แบบ เพื่อเข้าไปปรับแต่งในส่วนของการออกแบบต่างๆ หมายเลข 21 ตาแหน่งต่างๆภายในบล็อกที่เราสามารถปรับแต่งได้
23 24
22
หมายเลข 22 โดยเราสามารถปรับแต่ง สี หรือ แบบอักษร ได้อย่างที่เราต้องการ หมายเลข 23 โดยเราสามารถดูการปรับแต่งของเราได้ โดยคาสั่ง แสดงตัวอย่าง หมายเลข 24 คาสั่งใช้กับบล็อก เมื่อต้องการแบบที่เราต้องการแล้ว เพื่อยืนยันในการปรับแต่งของเรา
นาย สุรเดช อุทรักษ์ วิชาเทคโนโลยีเพื่อการออกแบบนิเทศศิลป์
11
26 25 27 หมายเลข 25 คาสั่งการตั้งค่า เพื่อเข้าไปปรับแต่งในส่วนของข้อมูลเบื้องต้นของเรา หมายเลข 26 ในส่วนของการปรับแต่ง พื้นฐาน คือในส่วนของ ข้อมูลเบื่องต้นเช่น ชื่อบล็อก และ คาอธิบาย บล็อก หมายเลข 27 เราสามารถเพื่ม ผู้ดูแลเพื่มได้ ด้วยการใส่ อีเมล และกด เพื่มผู้เขียน
นาย สุรเดช อุทรักษ์ วิชาเทคโนโลยีเพื่อการออกแบบนิเทศศิลป์
12
30 29 28
ที่มา นายสุรเดช อุทรักษ์ หมายเลข 28 หน้าเว็ปบล็อกของเรา หมายเลข 29 ส่วนของบทความที่เราเขียน หมายเลข 30 คาสั่งบทความใหม่ สาหรับเขียนบทความ
นาย สุรเดช อุทรักษ์ วิชาเทคโนโลยีเพื่อการออกแบบนิเทศศิลป์
13
การนา วีดีโอ จาก ยูทูปมาโพสลง blogger
31
34 33
32
35 หมายเลข 31 เลือกแทรกวีดีโอ จากโพสใหม่ หมายเลข 32 เลือกจาก youtube หมายเลข 33 ใส่ วีดีโอ ที่เราต้องการจากช่องค้นหา หมายเลข 34 เมื่อใส่ชื่อที่เราต้องการเสร็จ ก็กด ค้นหา หมายเลข 35 เลือกวีดีโอที่เราต้องการ จากนั้นกด เสร็จ เป็นอันเรียบร้อย
นาย สุรเดช อุทรักษ์ วิชาเทคโนโลยีเพื่อการออกแบบนิเทศศิลป์
14
การนาหนังสือจาก Issuu มาลงใน Blogger
36
37
38
39
หมายเลข 36 เข้า issuu.com เลือกหนังสือที่เราต้องการ หมายเลข 37 เลือก Share หมายเลข 38 เลือก Embed หมายเลข 39 เมื่อกดแล้วจะมีโค้ดขึ้น มาให้เรา copy โค้ดทั้งหมด แล้วนามาใส่ในส่วน HTML ในโพส
นาย สุรเดช อุทรักษ์ วิชาเทคโนโลยีเพื่อการออกแบบนิเทศศิลป์
15
การเพื่ม Tabs ของหน้าเว็บ
42
40
41
43
หมายเลข 40 เลือกในส่วน หน้าเว็บ หมายเลข 41 เข้ามาแล้ว กดตรง หน้าเว็บใหม่ หมายเลข 42 เลือหหน้าเว็บเปล่า หมายเลข 43 พอเลือกแล้ว เราก็ใส่ชื่อของ Tabs ของเราพร้อมใส่โพสได้เช่นกัน
นาย สุรเดช อุทรักษ์ วิชาเทคโนโลยีเพื่อการออกแบบนิเทศศิลป์
16
การใส่ CREATIVE COMMONS LICENSE ให้ Blogger
44
46
45
47 หมายเลข 44 เข้าเว็บไซค์ http://creativecommons.org หมายเลข 45 เลือก Choose a License หมายเลข 46 กาหนดรูปแบบของ ลิขสิทธิ์ ที่เขาต้องการ หมายเลข 47 เมื่อเลือกได้อย่างที่ต้องการแล้วก็ นาโค้ด มาใส่ใน บล็อก ของเราในส่วนที่ต้องการ นาย สุรเดช อุทรักษ์ วิชาเทคโนโลยีเพื่อการออกแบบนิเทศศิลป์
17
การทางานในส่วนของ HTML เป็นการทางานในรูปแบบของ HTML คือการแก้รายระเอียดต่างในรูปแบบของ ภาษาC นั้นเอง
48 49
หมายเลข 48 เลือก ในส่วนของ HTML ในโพสใหม่ หมายเลข 49 เราสามารถเข้ามาแก้รายละเอียดต่างๆในส่วยนี้ได้ ไม่ว่าจะเป็นขนาดต่างๆ หรือ อะไรที่ นอกเหนือจากการปรับแต่งใน หัวข้อ “เขียน”
นาย สุรเดช อุทรักษ์ วิชาเทคโนโลยีเพื่อการออกแบบนิเทศศิลป์
18
ทาความรู้จักกับ Gadget Gadget คือ ส่วนขยายของบล็อก เพื่อเพื่มลูกเล่นที่น่าสนใจอื่นๆมากมาย โดย Gadget ก็มีให้เลือกใช้ งานมากมายตามที่เราต้องการ
50
51
52 53
หมายเลข 50 เข้าไปในส่วนของ รูปแบบ หมายเลข 51 เลือกตรงส่วนของ เพื่มGadget หมายเลข 52 เมื่อเลือกแล้ว ก็จะมา Gadget มากมายให้เราเลือกมาใส่ใน Blogger ของเรามากมาย ตามความเหมาะสม โดยมีการแบ่งหมวดหมูเอาใว้ชัดเจน หมายเลข 53 โดยเมื่อเราเลือก Gadget เรียบร้อย ก็จะมีหน้าต่างของ GadGet นั้นขึ้นมาเพื่อให้เรา นาย สุรเดช อุทรักษ์ วิชาเทคโนโลยีเพื่อการออกแบบนิเทศศิลป์
19
ปรับค่าต่างๆตามความเหมาะสม เมื่อกาหนดค่าเรียบร้อยแล้ว ก็กดบันทึก เพื่อเผยแพร่ Gedget นั้นๆ ลงใน Blogger ของเรา
54
หมายเลข 54 เมื่อเพื่มแล้ว Gadget ที่เราเลือกก็จะปรากฏ ในแถบด้านของของ Blogger โดยเรา สามารถสลับตาแหน่งของ Gadget ได้โดยการลากสลับตาแหน่งกัน
นาย สุรเดช อุทรักษ์ วิชาเทคโนโลยีเพื่อการออกแบบนิเทศศิลป์
20
ตัวอย่างการจัดหน้าเว็บ Blogger ต่างๆ
นาย สุรเดช อุทรักษ์ วิชาเทคโนโลยีเพื่อการออกแบบนิเทศศิลป์
21
รายงานสรุปวิชา : ARTI3319 เทคโนโลยีเพื่อการออกแบบนิเทศศิลป์ รายงาน : คู่มือบริหารและตกแต่ง Blogger จัดทาโดย นายสุรเดช อุทรักษ์ รหัสนักศึกษา 5211302178 กลุ่มเรียน 201 คณะมนุษยศาสตร์และสังคมศาสตร์ สาขาวิชาออกแบบนิเทศศิลป์ Contact E-mail: suradach14@gmail.com
นาย สุรเดช อุทรักษ์ วิชาเทคโนโลยีเพื่อการออกแบบนิเทศศิลป์
22
นาย สุรเดช อุทรักษ์ วิชาเทคโนโลยีเพื่อการออกแบบนิเทศศิลป์