Page 1

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  

arti3319-jarurat-101-blogger  

arti3319-jarurat-101-blogger

Read more
Read more
Similar to
Popular now
Just for you