คู่มือสร้างบล็อก
blog.spu.ac.th
การสร้าง Spu Blog อธิบายวิธีการใช้งาน การ สร้างบล็อก โดยมี 6 ข้อหล ักๆ ด ังนี้
1. การ Login เข้า Blog 1.1
การใส่รูปแทนต ัว
1.2 การแก้ไข Profile
1.3 การเปลี่ยน password
1.4 แก้ไขลายเซ็น 2. วิธีการ Post เรื่องลง ใน Blog
3. วิธีการ Setting
4. จ ัดการก ับ Template
5. การใส่รูปภาพ 5.1 การใส่
Slide ให้รูปภาพ 6. วิธีการใส่ VDO Clips
1. การ Login เข้า Blog
ไปที่ http://blog.spu.ac.th จากน ั้นให้คลิกช่องที่ให้
ใส่ user: password: กรอกให้ครบและคลิกที่ปุ่ม Login ถ้าลืม password ก็ให้คลิกที่ Forgot
password และ username จะถูกส่งไปย ัง e-mail ของท่าน ถ้าย ังไม่มี username ระบบจะไม่ส่งรห ัสไป ถึงท่าน โปรดติดต่อเพื่อขอ username และ
password ตามที่อยู่ในหน้าสุดท้าย
หน้าหล ัก Login ส่วนที่ให้ทำาการ Login
1. การ Login เข้า Blog (ต่อ)
เมื่อ Login เข้า มาแล้วจะมีส่วน ให้แก้ไขเกี่ยว ก ับประว ัติส่วน ต ัว สามารถ เปลี่ยนแปลง - ใส่รูปแทนต ัว - แก้ไข
Profile - เปลี่ยน
Password
- แก้ไขลายเซ็น
1.1 การใส่รูปแทนต ัว
ให้เอารูปที่จะทำาการใส่อยู่ในเครื่องคอมพิวเตอร์
เราก่อน โดยทำาการย่อภาพให้ได้ความกว้าง 150 pixel จะมีคุณภาพดีที่สุดและขนาดของ file จะเล็ก ต่อจาก
นั้นให้คลิกปุ่ม Browse ไปย ัง file ที่เก็บรูป ขนาดของ file ภาพจะต้องไม่เกิน 25 k ถ้าเกินระบบจะไม่ทำาการ อ ัพโหลดให้ และถ้าขนาดรูปมีที่ เล็ก หรือ ใหญ่ไป ระบบ จะทำาการย่อและขยายรูปให้โดยอ ัตโนม ัติ
1.2 การแก้ไข Profile
การแก้ไข Profile จะ เป็นประว ัติของเรา ก็ให้
กรอกรายละเอียดตาม ความเป็นจริงเพื่อการ ตรวจสอบ ให้ส ังเกตุ
เครื่องหมายดอกจ ัน เครื่องหมายนี้ตามหล ัง แสดงว่าให้กรอกช่อง นั้นห้ามมีการเว้น แล้ว ระบบจะอนุญาติให้
แก้ไขได้
1.3 การเปลี่ยน password
คลิกที่ปุ่มเปลี่ยน
password จะมีหน้า ต่างขึ้นมาอีกหน้า ด ัง รูป ให้เราใส่
password อ ันเก่า ก่อนแล้วให้ใส่
password ใหม่ ไม่
ควรตำ่ากว่า 4 และไม่
ควรเกิน 16 ต ัวอ ักษร แล้วให้ยืนย ัน
password ต ัวใหม่อีก คร ั้งในช่องล่างสุด
เสร็จแล้วคลิกที่ปุ่ม เปลี่ยน password
1.4 การแก้ไขลายเซ็น
คลิกที่ปุ่มแก้ไขลาย
เซ็น จะมีหน้าต่างขึ้นมา อีกหน้า ก็สามารถพิมพ์
คำาต่างๆ ได้เลย
สามารถปร ับเปลี่ยนสี
ต ัวหนา ต ัวเอนได้ แล้ว คลิกที่ปุ่ม บ ันทึก
2. วิธีการ Post เรื่องลง ใน Blog
คลิกที่ปุ่ม ชื่อ Blog (Nal2usH) เพื่อเข้าไป ทำาการ Post เรื่องลงใน Blog
2. วิธีการ Post เรื่องลง ใน Blog (ต่อ)
คลิกที่ปุ่มสร้างเรื่อง เพื่อ ทำาการลงเรื่องใน Blog
เรื่องที่
สร้างแล้ว
แก้ไขหรือลบเรื่องที่สร้าง
2. วิธีการ Post เรื่องลง ใน Blog (ต่อ)
1.อ ันแรกให้พิมพ์ชื่อ เรื่อง
2.เลือกกลุ่มของเรื่อง 3.การเปิดปิด
Comment
4.หน้าต่างของการ จ ัดต ัวอ ักษร
5.ส่วนของ html 6.สร้างหมวดของ
Blog
7.การอนุญาติให้อ่าน 8.ทำาการบ ันทึก โดย
ให้เผยแพร่
หรือไม่เผยแพร่
1 2 6
4 3
5
7
8
2. วิธีการ Post เรื่องลง ใน Blog (ต่อ)
ส่วนของ html
พื้นที่
uploa
คลิกสล ับหน้าต่างd การทำางาน
3. วิธีการ Setting
คลิกที่เมนูบาร์ปุ่ม Setting จะเข้ามา หน้าแก้ไขจ ัดการระบบของ Blog ของ ท่านหมดทุกอย่าง
1. สามารถต ั้งชื่อ title bar 2. ชื่อของ Blog
3. คำาอธิบายเกี่ยวก ับ Blog
4. คำาค้นหา ที่จะพบเจอใน Google หรือ Yahoo
5. กลุ่มที่เราจะทำาการเขียน 6. เปลี่ยน Password
7. การอนุญาติให้อ่าน
8. การอนุญาตให้นำาเรื่องไปเผยแพร่ได้
9. การโชว์ E-mail Address ใน Blog 10. เมื่อมีคนมา Comment สามารถ แจ้งเตือนที่เมล์เราได้
11. จ ัดเนื้อหาต่อหน้าให้โชว์กี่เรื่อง http://blog.spu.ac.th/Nal2usH 12. ต้องการให้โชว์ RSS เรื่องของข่าว ด้วยหรือไม่
4. จ ัดการก ับ Template
http://blog.spu.ac.th/manage_theme .php
คลิกที่เมนูบาร์ปุ่ม
Template จะมีรูปแบบ ให้เลือก แต่ตอนนี้จะมีรูป แบบเดียวอยู่ ก็จะบ ังค ับ ให้ใช้รูปแบบนี้ไปก่อน และจะมีเพิ่มเติมมาอีก 2 Template แต่เรา
สามารถแก้ไข
Template เองได้โดย การคลิกที่ปุ่ม แก้ไข css
4. จ ัดการก ับ Template (ต่อ)
เราจะพบหน้าต่างของ css คือ stylesheet น ั้นเอง เป็นต ัวกำานดค่า การแสดงผลของ blog จะให้มีสีส ันอย่างไร ต ัว หน ังสือสีอะไร กว้างยาว เท่าไร การแก้ในส่วนนี้
ต้องมีพื้นฐานเรื่อง html ส ักนิดหนึ่ง และก็ไม่
ยากจนเกินไป สามารถ แก้ไขได้ก ันทุกคน ยก ต ัวอย่างเช่นการแก้
Code สีให้ส ังเกตุคำา # ตามด้วยต ัวเลข 6 ต ัว
หรือภาษาอ ังกฤษ เมื่อ แก้ไขแล้วให้บ ันทึก แล้วไปดูหน้าแสดง Blog จะเห็นการ
เปลี่ยนแปลงเรื่องของสี
เมื่อแก้ไขแล้วผิดพลาด เราสามารถนำาโค้ดเดิม กล ับมาโดยการคลิกที่ปุ่ม ยกเลิกการแก้ไข CSS
5. การใส่รูปภาพ
คลิกที่เมนูบาร์ Picture http://
blog.spu.ac.th/picture.php 1.ใส่ชื่อ กลุ่มของภาพ หรือ อ ัลบ ั้ม
2.คำาบรรยายกลุ่ม หรือ อ ัลบ ั้ม 3.จำานวนรูปภาพที่
ต้องการใส่
1
2
3
5.1 การใส่ Slide รูปภาพ
คลิกเมนูย่อยของ Picture>เลือก gallery
1.เลือกกลุ่มของภาพ 2.เลือกรูปแบบการ
เคลื่อนไหวของภาพ เหมือนการทำา
Powerpoint 3.ดูต ัวอย่างภาพ
เคลื่อนไหวด้านล่าง
1
2
3
6. การใส่ VDO clips
คลิกเมนูบาร์ VDO clips 1.ใส่ชื่อเรื่อง
2.ใส่คำาบรรยายของ video 3.ต้องอ ัพโหลดรูปประกอบ
ด้วย
4.เลือก upload เอง จะต้อง เป็น file ที่มีขนาดเล็ก และ ไม่ควรเกิน 100MB
5.อ ัพโหลด
http://blog.spu.ac.th/video.php
1
2
4
3
5
6. การใส่ VDO clips (ต่อ)
วิธีการ Embed จากเว บอื่น
1.ใส่ชื่อเรื่อง
2.ใส่คำาบรรยายของ video
3.ต้องอ ัพโหลดรูป ประกอบด้วย
4.ยกต ัวอย่างการเอา Code Embed โดย ให้ไปที่
www.youtube.c om หา Clips ที่ชอบ แล้วทำาการ Copy Code มาวางในช่อง ใส่ลิงค์ได้ท ันที
5.บ ันทึก VDO Clip
1
2
4
3
embed
5
