Page 1
Page 2
คำนำ บล็อก (BLOG) คือเว็บไซต์ที่เจ้าของ หรือ admin สามารถบันทึกเรื่องราวของตนเองลง ใน เว็บได้ตลอดเวลา การสร้างเว็บบล็อก สามารถทำได้ง่ายๆด้วยตัวเอง ไม่ซับซ้อน และภายระบบการ จัดการบริหารเว็บไซต์พื้นฐานให้ เช่นเครื่องมือสำหรับเขียนเรื่อง โพสรูป จัดหมวดมู่ และลูกเล่นอื่นๆ รายงานเล่มนี้ จัดทำขึ้นเพื่อรวบรวมหลักฐาน กระบวนการศึกษาและการตกแต่งเว็บบล็อก Blogger อันเป็นเนื้อหาที่ผ่านกระบวนการเรียนการ สอนในรายวิชา เทคโนโลยีเพื่อการออกแบบ นิเทศศิลป์ ( Arti3319 ) สอนโดย ผศ.ประชิด ทิณบุตร หากเนื้อหาในรายงาน มีความผิดพลาดประ การใด ทางผู้จัดทำ ต้องขอ อภัย มา ณ ที่นี้ด้วย นางสาวจารุรัตน์ น่าเยี่ยม ผู้จัดทำ
Page 3
สารบัญ หน้า 1. รู้จักกับ Blogger 2. การศึกษาจัดการ และปรับแต่ง Blogger - ความรู้ทั่วไปเมื่อเข้ามาหน้าแก้ไขข้อความ - การใช้งานหน้าบทความที่แสดงผลเป็นโค๊ต html - Creative Commons – CC - วิธีเพิ่ม Gadget ปฎิทินลงใน Blogger - วิธีการดูขนาดรูปภาพ และกำหนดขนาดรูปภาพ - วิธีการใส่ Tab Menu บนส่วนหัวของหน้าเว็บ - วิธีติดตั้ง Template ลงใน Blogger 3. สรุปการเรียนรู้ Blogger
4 5 7 8 9 14 18 20 22 25
Page 4
รู้จักกับ Blogger Blogger คืออะไร? Blogger เป็นอีกหนึ่งบริการของ Google ที่จะช่วยให้คุณมีพื้นที่สำหรับเขียนเรื่องราวต่าง ๆ ที่คุณต้องการในลักษณะของ Webblog บริการเหล่านี้คุณสามารถใช้งานได้ฟรี โดยไม่มีค่าใช้จ่าย สำหรับคนที่อยากมีเว็บไซต์ส่วนตัว แต่ไม่อยากมีค่าใช้จ่าย blogger สามารถช่วยคุณได้ Webblog กับ Website ต่างกันอย่างไร Website ต้องมี Domain Name และ Hosting เป็นของตนเอง และเสียค่าใช้จ่าย ส่วน Webblog นั้นเราสามารถสมัครใช้บริการได้ฟรี แต่เราต้องใช้ Domain ของผู้ให้บริการ Webblog นั้น ๆ อยู่ในชื่อ domain ของเราด้วย เช่น http://ninetechno.blogspot.com เป็นต้น คุณ สามารถสร้างรูปแบบของเว็บไซต์ได้เองมีความยืดหยุ่น ส่วน Webblog นั้นมีtemplate ให้เลือก โดยการเขียน blog ก็จะมีโครงสร้างที่ตายตัวไม่สามารถปรับเปลี่ยนได้มากนักหากคุณต้องการเขียน เองต้องเรียนรู้ภาษาคอมพิวเตอร์หลายภาษาอยู่พอสมควร แต่คุณเพียงแค่เรียนรู้การใช้งานเล็กน้อย คุณก็สามารถใช้งานได้Webblog ทำอะไรได้บ้าง
ข้อมูลจาก http://joezaar.blogspot.com/ เข้าถึงเมื่อ กุมภาพันธ์ 2556
Page 5
การศึกษาจัดการและปรับแต่ง Blogger การเปิดใช้งาน Blogger นั้น เพียงสมัครสมาชิคของ Gmail ก็สามารถครอบคลุมการใช้งาน ทั้ง Gmail Google Plus , Google Drive , Google Sites และ Blogger ได้โดยง่าย รู้จักกับหน้าจัดการของ Blogger
Page 6
ภาพที่ 1-2 แสดงภาพหน้าลักและการสร้าง Blogger ที่มา : จารุรัตน์ , 2556
ภาพที่ 3-4 แสดงภาพชุดคำสั่งและการเขียนบทความใน Blogger ที่มา : จารุรัตน์ , 2556
Page 7
ความรู้ทั่วไปเมื่อเข้ามาหน้าแก้ไขบทความ
Page 8
การใช้งานหน้าบทความที่แสดงผลเป็นโค๊ต html
โค๊ต html กับไฟล์ภาพ
Page 9
ภาพที่ 5 – 9 อธิบายและแสดงตัวอย่างการแก้ไขบทความเบื้องต้น ที่มา : จารุรัตน์ น่าเยี่ยม , 2556 Creative Commons - CC สัญญาอนุญาติใช้งาน หรือ Creative Commons - CC คือสัญญาอนุญาตของครีเอทีฟคอม มอนต์นี้ จะเอื้อให้มีการใช้สื่อ ทั้งภาพ เสียง ข้อมูล โดยการแบ่งแยกสัญญาอนุญาตออก ในรูปแบบ ของการแจกจ่ายและใช้ข้อมูล โดยเน้นที่การอ้างอิงเจ้าของลิขสิทธิ์เดิม ขั้นตอนการขอเริ่มใช้งาน Creative Commons - CC
Page 10
Page 11
ความหมายของไอค่อนต่างๆ
= แสดงที่มา ต้องมีการแสดงที่มาของงานดังเกล่า ตามรูปแบบของผู้สร้างสรรค์ หรือผู้อนุญาตกำหนด
= ไม่ใช้เพื่อการค้า ยินยอมให้ผู้อื่นคัดลอก แจกจ่าย จัดแสดง และเผยแพร่ แต่ต้องไม่เป็นการนำไปใช้เพื่อการค้าผลกำไรใดๆ
= ไม่ดัดแปลง ยินยอมให้ผู้อื่น คัดลอก แจกจ่าย จัดแสดง แต่ห้ามแก้ไขใดๆ
Page 12
Page 13
ภาพที่ 10-17 ภาพอธิบายและแสดงขั้นตอนการใช้งาน Creative Commons - CC ที่มา : จารุรัตน์ น่าเยี่ยม ,2556
Page 14
วิธีเพิ่ม Gadget ปฎิทินลงใน Blogger ก่อนอื่นเราต้องรู้จักกับ Website ที่แจก Gadget Free เสียก่อน...สำหรับตัวอย่างในครั้ง นี้จะใช้ปฎิทินของเว็บ Mycalendar.org สามารถเข้าไปได้ที่ http://mycalendar.org/widget/getwidget/
สามารถเลือกขนาดเพื่อให้กระชับเข้ากับขนาดของเฟรมใน Blog ที่เราตั้งได้
Page 15
เมื่อปรับความเหมาะสมของปฎิทินเรียบร้อยก็ Copy โค๊ตออกมา
จากนั้นมาที่หน้าปรับแต่ง Blogger เลือกที่รูปแบบ > เพิ่ม Gadget > Html/จาวาสคริปต์
Page 16
Paste Code ที่ Copy มาลงในช่องว่าง แล้วคลิกข้อความที่มีรูปแบบ
ผลที่แสดงออกมา จะเห็นเพียงเท่านี้ แต่อย่าพึ่งตกใจคิดว่าไม่สำเร็จนะคะ ให้กดบันทึกแล้วออก จากหน้านี้ก่อน
Page 17
หมายเหตุ ** แม้จะดูผลด้วยการแสดงตัวอย่างภาพที่ได้ก็ยังจะเห็นเหมือนขั้นตอนที่แล้ว
ต้องคลิกบันทึกการจัดเรียงในหน้า Blogger ก่อนค่ะ จากนั้นค่อนเข้า Blog จริงๆเพื่อมาดูผล ก็จะได้ผลสำเร็จตามรูป
ภาพที่ 18-25 แสดงวิธีการเพิ่ม gatget calendar ลงใน blogspot ที่มา : จารุรัตน์ น่าเยี่ยม , 2556
Page 18
วิธีการดูขนาดรูปภาพ และกำหนดขนาดรูปภาพ
การสังเกตโค๊ต <img ซึ่งหมายถึงโค๊ตรูปภาพ โดยความสูงและความกว้างของภาพสามารถปรับโดยใส่ขนาดได้ในโค๊ต html
Page 19
2. การตัดข้อความ เพื่อการจัดหน้า blog ให้สั้นลงดังภาพ
นำ Cursor เมาส์ไปคลิกในจุดที่ต้องการจะตัดข้อความ แล้วเลือกแทรกการข้าม
Page 20
ภาพที่ 26 – 30 แสดงวิธีดูขนาดรูปภาพ และปรับขนาดรูปภาพ ที่มา : จารุรัตน์ น่าเยี่ยม , 2556 วิธีการใส่ Tab Menu บนส่วนหัวของหน้าเว็บ
Page 21
เข้ามาที่หน้าจัดการบล็อค เลือกไปที่หน้าเว็บ
คลิกเลือกหน้าเว็บใหม่ โดย หน้าเว็บเปล่า คือการเพิ่มหน้าเว็บที่สามารถเพิ่มข้อความได้เอง เหมือนการอัพบล็อคในแต่ละครั้ง ที่อยู่เว็บ คือการเพิ่มหน้าเว็บอื่นเข้ามา เมื่อคลิกที่ Tab ก็จะปรากฏหน้าต่างขึ้นมาใหม่ โดยจะ link ไปปรากฏหน้า url ที่เราใส่ไว้
Page 22
การตั้งค่าการแสดงผลของ Tab บนหน้า Blog
ภาพที่ 31-34 แสดงวิธีการเพิ่ม Tab บนหน้า Blog ที่มา : จารุรัตน์ น่าเยี่ยม , 2556 วิธีติดตั้ง Template ลงใน Blogger 1. Download Template ที่ชื่นชอบ
Page 23
2.เปิดไฟล์ที่ Download ขึ้นมาแล้ว copy code ไว้
3.ไปที่แม่แบบ เลือกแก้ไข Html
Page 24
4. วาง Code ที่ copy มา ทับ Code เก่า ** Code ในช่องนี้สามารถปรับแก้ไขได้ ในส่วนของรูปภาพ แบลคกราวด์หรือสีของตัวอักษร
ภาพที่ 35-38 แสดงขั้นตอนการติดตั้ง template ที่มา : จารุรัตน์ , 2556
Page 25
สรุปการเรียนรู้ Blogger Url : http://arti3319-jarurat.blogspot.com
ภาพที่ 39 – 40 ภาพแสดงสรุปการตกแต่ง Blogger ตามกการเรียนรู้ที่ได้ศึกษามา ที่มา : จารุรัตน์ , 2556
Page 26