แสดงบทความที่มีป้ายกำกับ Blogger Setting แสดงบทความทั้งหมด
แสดงบทความที่มีป้ายกำกับ Blogger Setting แสดงบทความทั้งหมด

วันพฤหัสบดีที่ 30 สิงหาคม พ.ศ. 2555

แผงควบคุม Dashboard


เมื่อเพื่อนๆทำการ Login เข้ามาโดยใช้ E-mail และ Password เรียบร้อยแล้ว สิ่งที่เพื่อนๆ จะต้องเจอหน้าแรกก็คือ แผงควบคุม (Dashboard)


แผงควบคุม (Dashboard)

เป็นหน้าที่รวม Blog ที่เราสร้างไว้ทั้วหมด รวมทั้งการเข้าถึง Blog นั้นๆ เพื่อแก้ไข หรือสร้างบทความใหม่ การปรับแต่ง ตั้งค่า และอื่นๆอีกมากมาย ซึงผมจะอธิบาย เมนู การใช้งานหน้าแผงควบคุม (Dashboard) ให้อย่างละเอียด เพื่อให้เพื่อนเข้าใจการใช้งาน Blogger ครับ

เมนูต่างๆของหน้า แผงควบคุม (Dashboard)

เมนูต่างๆที่เพื่อนๆต้องรู้มีไม่มากครับ แต่อาจจะลายตาไปหน่อยนะครับ ดูตามรูปภาพเลยครับ

  1. E-mail
    ที่เราใช้สมัครเป็บ Username ของเราครับ
  2. หน้าแผงควบคุม(Dashboard)
    ก็คือหน้านี้ที่กำลังอธิบาย
  3. หน้า Account
    หรือหน้ารวมเครื่องมือต่างๆ ที่เราสมัครกับ Google เช่น E-mail, Blog, สามารถเปลี่ยนรหัสได้ในหน้านี้
  4. ช่วยเหลือ
    เป็นการช่วยเหลือในส่วนต่างๆ ของ Blogger ที่ Google ทำไว้ให้เราครับ
  5. ออกจากระบบ
    เป็นการ Logout ออกจากระบบการใช้งานเมื่อใช้งานสร็จครับ
  6. เปลี่ยนภาษา
    ของบล๊อกเราทั้งระบบครับ
  7. ประวัติของเรา
    สามารถปรับรูปภาพเกี่ยวกับเจ้าของครับ หรือโปรไฟล์ต่างๆ
  8. สร้างบล๊อกใหม่
    และช่วยเหลือตามข้อ 4 ครับ
  9. ชื่อของบล๊อก
    หรือ Title ของบล๊อกเรา ที่เราตั้งค่าไว้ตอนสมัครครับ
  10. ดูบล๊อกของเรา
  11. สร้างบทความใหม่ให้กับบล๊อก
  12. แก้ไขบทความ
    เป็นการแก้ไขบทความต่างๆ ที่เราสร้างไว้แล้ว สามารถแก้ไขได้ในส่วนนี้
  13. การตั้งค่า
    เป็นการตั้งค่าต่างๆ เช่น ชื่อบล๊อก และอื่นๆอีกมากมายครับ
  14. รูปแบบ
    เป็นการเปลี่ยนรูปร่างหน้าตาของบล๊อกเรา (Theme)
Blogger นั้น มีเมนูการใช้้งานต่างๆที่ง่ายมากๆ เพื่อนควรศึกษาการใช้งาน Blogger ให้เข้าใจก่อน ซึ่งใช้เวลาไม่มากนักก็เข้าใจแล้วครับ ส่วนต่อไปเป็นการสร้างบทความ การแก้ไขบทความ และการตั้งค่าต่างๆ

การตั้งค่า (Blogger Settings)


การปรับค่าการใช้งานในรูปแบบต่างๆ ของ Blogger สามารถแก้ไขในเมนู "การตั้งค่า " ไม่ว่าจะเป็นชื่อบล๊อก, Url ของบล๊อก, ภาษาของบล๊อก, การจัดการคลังบทความ ซึ่งมีการใช้งานในส่วนต่างๆ ไม่ได้ยากเย็นนัก เรามาดู การตั้งค่า (Settings) ของ Blogger ว่ามีอะไรบ้าง


  1. อ่านต่อ เรื่องขั้นต้น (Basic Setting)
    เป็นการตั้งค่าในส่วนของพื้นฐานเช่น หัวข้อ (title) คำอธิบาย (Description) และอื่นๆ ของ Blogger
  2. อ่านต่อ เรื่องการเผยแพร่ (Publishing Setting)
    การแก้ไข Url หรือชื่อของบล๊อก เช่น www.ชื่อบล๊อก.blogspot.com
  3. อ่านต่อ เรื่องการจัดรูปแบบ (Formatting Setting)
    แก้ไขรูปแบบของบทความ เช่น เวลา ภาษา รูปแบบวันที่
  4. อ่านต่อ เรื่องข้อคิดเห็น(Comments Setting)
    การตั้งค่าจัดการความคิดเห็น (Comment) ของ Blogger
  5. อ่านต่อ เรื่องเก็บเข้าคลังบทความ (Archiving Setting)
    การจัดการคลังบทความและการแสดงผลของบทความในหน้าบล๊อก
  6. อ่านต่อ เรื่องฟีดของไซต์ (Site Feed Setting)
    ตั้งค่าการส่งเนื้อหาแบบ RSS Feed
  7. อ่านต่อ เรื่องอีเมลและมือถือ (Email Mobile Setting)
    การส่งบทความผ่าน E-mail และะมือถือ
  8. อ่านต่อ เรื่องOpenID (Open ID Setting)
    ชื่อบล๊อกของคุณและ ID การใช้งาน
  9. อ่านต่อ เรื่องสิทธิ์ (Permissions Setting)
    สิทธิของผู้ใช้งาน ในส่วนผู้เขียนและผู้อ่าน
เพื่อนๆสามารถคลิ๊กดูรายละเอียดตาม Link หัวข้อได้เลยนะครับ
เมื่ออ่านเรียบร้อยแล้ว ศึกษาต่อเรื่อง การตั้งค่ารูปแบบ (Layout Setting)

ขั้นต้น (Basic Setting)


การตั้งค่าขั้นต้นของ Blogger เป็นการตั้งค่าพื้นฐานต่างๆ เช่น Title ของบล๊อก รายละเอียดบล๊อก การอนุญาตุให้เครื่องมือค้นหาสามารถพบบล๊อกของคุณโดยอัตโนมัติ โหมดการเขียนบล๊อก และอื่นๆ เรามาดูการตั้งค่า "ขั้นต้น" อย่างละเอียดกันเลยครับ

เครื่องมือเขียนบล็อก (Blog Tools)

  • การนำเข้าบล๊อก คือการนำเข้าบทความจากบล๊อกอื่่นของเรา
  • การส่งออกบล๊อก คือการนำบทความของบล๊อกเราส่งออกไปบล๊อกอื่น
  • ลบบล๊อก ก็คือการลบบล๊อกของเราทั้งหมดนั้นเอง
หัวข้อ (Title)
เป็นการเปลี่ยนหัวข้อบล๊อกหรือ Title ของบล๊อกเราซึ่งถือได้ว่าเป็นหัวข้อหลักสำคัญที่่ทำให้รู้ว่าบล๊อกเราเกี่ยวข้องกับอะไร

คำอธิบาย (Description)
คำอธิบายเกี่ยวกับบล๊อกของคุณ เช่น "ชุมชนบล๊อกหาเงินออนไลน์โดยใช้ Blogger" จะแสดงอยู่ด้่านล่างของ หัวข้อ (Title)

เพิ่มบล็อกของคุณในรายการของเราหรือไม่ (Add your blog to our listings?)
เป็นเครื่องมือของ Blogger ช่วยให้บล๊อกของเราแสดงในรายการต่างๆของ Blogger

อนุญาตให้เครื่องมือค้นหาพบบล็อกของคุณหรือไม่ (Let search engines find your blog?)
เป็นการอนุญาติให้ Google Blog Search รับข้อมูลเกี่ยวกับเนื้อหาของบล๊อกคุุณและทำการปิงสัญญาณ(บอกให้รู้ว่ามีข้อมูลใหม่) ผ่านทาง Webblog.com

แสดงการแก้ไขอย่างรวดเร็วบนบล็อกของคุณหรือไม่ (Show Quick Editing on your Blog?)
แสดงโหมดการแก้ไขบทความบทบล๊อกอย่างรวดเร็ว

แสดงลิงก์ส่งบทความทางอีเมล (Show Email Post links?)
เครื่องมือของ Blogger ที่สามารถให้ผู้อ่านส่งบทความในบล๊อกเราให้่แก่ผู้อื่นทาง E-mail

แสดงโหมดเขียนบทความสำหรับบล็อกทั้งหมดของคุณหรือไม่ (Adult Content?)
ใช้โหมดการเขียนบทความของบล๊อก เป็นค่าปกติที่ตอบ "ใช่" อยู่แล้วไม่ต้องปรับเปลี่ยน

ใช้การถอดเสียงหรือไม่ (Enable transliteration?)
เพิ่มปุ่มที่แถบเครื่องมือสำหรับการแปลงคำจากภาษาอังกฤษเป็นภาษาที่เลือก (คุณสามารถเปลี่ยนภาษาได้ภายหลังในเครื่องมือแก้ไขบทความ)
การแก้ไขการถอดเสียงของคุณจะถูกบันทึกไว้ ในส่วนนี้ให้ปิดการใช้งานไว้เพราะไม่ได้เกี่ยวข้องกับภาษาเรา

การจัดรูปแบบ (Formatting Setting)


การจัดรูปแบบ (Formatting Setting) ของบล๊อก เช่นการแสดงบทความในหน้าหลักกี่บทความ รูปแบบส่วนหัวของวันที่ รูปแบบเวลา ภาษา สามารถปรับตั้งค่าได้ที่การจัดรูปแบบเลยครับ เรามาดูการตั้งค่าต่างๆที่มีใน เมนูการจัดรูปแบบอย่าละเอียดกันครับ ว่ามาอะไรบ้าง


  • แสดง (Show)
    การแสดงบทความในหน้าแรกของบล๊อกเราครับว่าจะให้มีกี่บทความ และสามารถเลือกเป็นวันก็ได้ครับ ถ้าเลือก วัน จะมีการจำกัดจำนวนไม่เกิน 999 บทความ
  • รูปแบบส่วนหัวของวันที่ (Date Header Format)
    รูปแบบการแสดงเวลาเมื่อสร้างบทความ จะอยู่เหนือชื่อเรื่องครับ
  • รูปแบบวันที่ของดัชนีคลังบทความ (Archive Index Date Format)
    รูปแบบการแสดงวันที่ของคลังบทความบล๊อก จะอยู่ในส่วนของ Blog Archive
  • รูปแบบเวลา (Timestamp Format)
    รูปแบบเวลาของบล๊อกเรา
  • โซนเวลา (Time Zone)
    รูปแบบเวลาของแต่ละประเทศครับ ถ้าเนื่อหาบล๊อกคนอ่านเป็นคนไทยก็เลือก (GMT+7.00)กรุงเทพ ถ้าอยู่ต่างประเทศก็ให้เลือกเวลาของประเทศนั้นๆครับ
  • ภาษา (Language)
    ภาษาของบล๊อกเราครับ อยู่ที่เนื่อหาเช่นเดียวกับโซนเวลา ว่าเป็นของประเทศอะไร
  • แปลงการขึ้นบรรทัดใหม่ (Convert line breaks)
    เป็นการตั้งค่าปกติของ Blogger ด้านภาษา Html ครับ การขึ้นบรรทัดใหม่หนึ่งครั้งที่ป้อนในเครื่องมือแก้ไขบทความจะถูกแทนที่ด้วยแท็ก [br] ในบล็อกของคุณ และการขึ้นบรรทัดใหม่สองครั้งก็จะถูกแทนที่ด้วยแท็ก br ให้ตั้งไวเป็นใช่ตลอดครับ
  • แสดงฟิลด์ชื่อเรื่อง (Show Title field)
    เป็นการแสดงฟิลด์ชื่อเรื่องของเราก็คือแสดงชื่อเรื่องนั้นเองครับ
  • แสดงฟิลด์ของลิงก์ (Show Link fields)
    การแสดง Link ให้บทความของเรา
  • เปิดใช้การจัดเรียงแบบลอย (Enable float alignment)
    สามารถจัดเรียงรูปภาพและข้อความแบบลอยได้ โดยใช้แท๊ก div clear:both ให้ตอบใช่ตลอดครับ อย่าไปเปลี่ยนมัน
  • แม่แบบบทความ (Post Template)
    เป็นการร่างบทความไว้ก่อน เวลาจะสร้างบทความจะแสดงแม่แบบในทุกๆครั้งที่สร้าง สามารถเขียนเนื้อหาไว้ก่อนในกรณีที่ใช้เนื้อหาซ้ำกันหลายๆบทความ สามารถเขียนลงในช่องแล้วกดบันทึกได้เลยครับ

การเผยแพร่ (Publishing Setting)


ในส่วนของการตั้งค่า การเผยแพร่ คือการตั้งค่า Url หรือชื่อบล๊อกของเราที่แสดง เช่น www.ชื่อบล๊อก.blogspot.com จะตามหลังด้วย blogspot.com เสมอ เพราะเป็นชื่อ Sub domain ของ Blogger.com เราจะเปลี่ยนได้เฉพาะส่วนของชื่อบล๊อกคือด้านหน้า blogspot.com เท่านั้น หากไม่พอใจ หรือชื่อบล๊อกไม่โดนใจวัยรุ่น ก็สามารถเปลี่ยนได้ืี่ที่ ตั้งค่าการเผยแพร่เลยครับ
แต่สิ่งที่ตามมาคือชื่อบล๊อกเก่าของเราจะใช้ไม่ได้ ทำให้ผู้ที่เคยรู้จักบล๊อกของเราเข้าไม่ได้ เป็นผลเสียอย่างมากทีเดียวเมื่อทำการโปรโมทบล๊อกของเราไปแล้วๆเปลี่ยนชื่อใหม่ ซึ่งเหมือนการไม่มีตัวตนของชื่อเก่า เหมือนกับการย้ายบ้าน

ดังนั้นก่อนที่เราจะตั้งชื่อบล๊อกควรคิดไตร่ตรองให้รอบคลอบก่อนครับ

ข้อคิดเห็น (Comments Setting)


ใส่ส่วนของการตั้งค่าข้อคิดเห็น เป็นการตั้งค่าการใช้งานที่เรียกว่่า Comment ที่สามารถให้ผู้อ่านร่วมแสดงความคิดเห็นในเรื่องราวที่ผู้อ่านสนใจ ในการตั้งค่านี้จะเป็นการตั้งค่าสิทธิการแสดงความคิดเห็นและส่วนอื่นๆ เราไปดูกันครับว่ามาอะไรบ้างในส่วนของการตั้งค่าข้อคิดเห็น


  • ข้อคิดเห็น (Comments)
    โชว์ข้อความที่ผู้อ่านร่วมแสดงความคิดเห็นในบล๊อกคุณ
  • ใครสามารถแสดงความคิดเห็น (Who Can Comment?)
    แบ่งออกเป็น 4 ประเภทที่จะสามารถใช้งานระบบแสดงความคิดเห็นได้คือ
    1. ทุกคน - รวมถึงผู้ใช้ที่ไม่ระบุชื่อ
    2. ผู้ใช้ที่จดทะเบียน - รวม OpenID
    3. ผู้ใช้ที่มีบัญชี Google
    4. เฉพาะสมาชิกของบล็อกนี้
  • การจัดวางฟอร์มความคิดเห็น (Comment Form Placement)
    เป็นการแสดงกรอบการแสดงความคิดเห็นว่าจะแสดงตรงไหน
  • ความคิดเห็นเริ่มต้นสำหรับบทความ (Comments Default for Posts)
    ตั้งค่าว่าให้บทความมีการแสดงความคิดเห็น
  • ลิงก์ย้อนกลับ (Backlinks)
    ให้ผู้เขียนแสดง Link ย้อนกลับ หรือ Link บล๊อกของผู้แสดงความคิดเห็นได้
  • ค่าเริ่มต้นของลิงก์ย้อนกลับสำหรับบทความ (Backlinks Default for Posts)
    การตั้งค่าว่าจะให้บทความไหนแสดง Link ย้อนกลับ
  • รูปแบบเวลาในส่วนความคิดเห็น (Comments Timestamp Format)
    รูปแบบเวลาในกรอบแสดงความคิดเห็น
  • ข้อความของฟอร์มความคิดเห็น (Comment Form Message)
    สร้างข้อความร่างไว้สำหรับแสดงความคิดเห็น ในกรณีที่ต้องใช้หลายๆครั้ง เพื่อความสะดวก
  • การจัดการความคิดเห็น (Comment moderation)
    ตรวจสอบความคิดเห็นก่อนที่จะเผยแพร่ เมื่อมีผู้แสดงความคิดเห็นระบบจะให้เราตรวจสอบก่อนแสดงผลในบล๊อกเรา
  • แสดงการตรวจสอบคำสำหรับความคิดเห็นหรือไม่ (Show word verification for comments?)
    การทำงานนี้จะกำหนดให้คนที่แสดงความคิดเห็นในบล็อกของคุณป้อนการยืนยันคำ ซึ่งจะช่วยลดสแปมความคิดเห็น
  • แสดงรูปภาพโปรไฟล์บนความคิดเห็นหรือไม่ (Show profile images on comments?)
    ให้ผู้แสดงความคิดเห็นสามารถแสดงรูปภาพของตนเองได้
  • อีเมลสำหรับแจ้งเตือนเมื่อมีความคิดเห็นใหม่ (Comment Notification Email)
    แจ้งเตือนทาง E-mail เมื่อมีความคิดเห็นใหม่ ให้ใส่ชื่อ E-mail ที่ต้องการรับลงไปได้เลยครับ

ฟีดของไซต์ (Site Feed)


ในส่วนนี้จะเป็นการตั้งค่าของ Feed (รับข่าวสารผ่าน Rss) ซึ่งเราต้องสมัครใช้กับผู้ให้บริการ Feed เช่น www.feedburner.com ซึ่งเป็นบริษัทของ Google ที่ทำการเซ้งกิจการมา แล้วทางผู้ให้บริการก็จะให้ Url ของ Feed เรามาครับ ประโยชน์ของมันก็คือผู้อ่านสามารถรับข่าวสารต่างๆของบล๊อกเราได้เมื่อเราสร้างบทความใหม่ๆขึ้นมา เรามาดูการตั้งค่าของฟีดกับเลยครับ


  • อนุญาตให้ใช้ฟีดของบล็อก (Allow Blog Feeds)
    เลือก แบบเต็ม เพื่อจัดส่งเนื้อหาของบทความแบบเต็ม เลือก แบบสั้น ถ้าคุณต้องการจัดส่งเนื้อหาเฉพาะย่อหน้าแรก หรือประมาณ 255 ตัวอักษร ขึ้นอยู่กับว่าข้อใดสั้นกว่า การตั้งค่านี้จะใช้กับฟีดแต่ละประเภท (บทความ ความคิดเห็น และฟีดของความคิดเห็นต่อบทความ)
  • URL การเปลี่ยนเส้นทางฟีดข้อมูลของบทความ (Post Feed Redirect URL)
    ชื่อ Url ที่ทางผู้ให้บริการให่เรามาเมื่อเราสมัครใช้บริการแล้ว ให้นำมาใส่ที่นี้เลยครับ
  • ส่วนท้ายฟีดของบทความ (Post Feed Footer)
    การเขียนข้อความส่งท้าย Feed ของเราครับ

เก็บเข้าคลังบทความ (Archiving Setting)

ส่วนนี้เป็นการตั้งค่าการเก็บบทความของบล๊อกเราครับ ซึ่งจะแสดงในหน้าบล๊อกของเรา มีการปรับตั้งค่าที่ง่ายเอามากๆ ผมชอบจริงๆเลย Blogger เนียอะไรก็ง่ายไปหมด ใช้เวลาศึกษาแค่แป๊ปเดียวเท่านั้นเองเพื่อนๆก็สามารถสร้างบล๊อกได้อย่างมืออาชีพแล้ว เรามาดูกันดีกว่าว่าในส่วนของ "เก็บเข้าคลังบทความ (Archiving Setting)" มีอะไรบ้าง

ความถี่ของการเก็บเข้าคลังบทความ สามารถเลือกเก็บบทความของเราซึ่่งจะแสดงในหน้าบล๊อกของเรา จะให้แสดงเป็นรายเดือน รายวัน รายสัปดาห์ก็ได้ทั้งนั้น สุดแล้วแต่เพื่อนๆจจะชอบเก็บยังไง ส่วน เปิดใช้หน้าบทความหรือไม่ ถูกตั้งค่าไว้ว่า "ใช้" อยู่แล้ว ไม่ต้องไปปรับเปลี่ยนอะไรให้มากมายเดิมๆแหละดีที่สุดแล้วสำหรับ Blogger อันนี้ก็แล้วแต่ความชอบหรือถนัดของเพื่อนๆ ว่าจะวางโครงสร้างยังไง

อีเมลและมือถือ (Email & Mobile)


ในส่วนนี้เป็นบริการของ Blogger ใช้สำหรับส่งบทความของเราทาง E-mail และมือถือให้ตาม E-mail และเบอร์โทรศพท์ครับ เราสามารถใส่ E-mail และเบอร์โทรศัพท์ของผู้ที่ต้องการรับข้อมูลบล๊อกเราได้เลย ในส่วนของการตั้งค่านั้นมีอยู่ไม่กี่อย่าง เราลองไปดูกันได้เลยครับ


  • ที่อยู่ BlogSend (BlogSend Address)
    ในส่วนนี้สามารถ add Email ของผู้สนใจติดตามเรื่องราวต่างๆของบล๊อกเราผ่าน E-mail ได้เลยครับ
  • ที่อยู่สำหรับการส่งบทความผ่านอีเมล (Email Posting Address)
    เป็นชื่อ Sub Email ของเราอีกทีที่ใช้กับ Blogger ครับ
  • อุปกรณ์เคลื่อนที่ (Mobile Devices)
    สามารถเพิ่มเบอร์โทรศัพท์ของผู้ที่สนใจได้

OpenID และ สิทธิ์ (Permissions)


OpenID ในส่วนนี้บ่งบอกให้รู้ว่าเจ้าของ ID บล๊อกนี้ชื่ออะไร URL ที่แสดงเป็นอะไรไม่จำเป็นต้องไปยุ่งอะไรในส่วนนี้ครับ
สิทธิ์ (Permissions) ในส่วนนี้สามารถเพิ่มผู้เขียนและผู้อ่านบล๊อกของเราหรือสมาชิกได้ครับประกอบไปด้วย


  • ผู้เขียนบล็อก (Blog Authors)
    เพิ่มผู้เขียนบล๊อก ผู้ที่ได้รับสิทธิจะสามารถเขียนบทความเผยแพร่ได้อย่างเดียว ไม่สามารถใช้เมนูอื่นๆได้
  • ผู้อ่านบล็อก (Blog Readers)
    เป็นระบบสามาชิกของ Blogger ให้ผู้อ่านได้สมัครสมาชิกได้ สามารถส่งเชิญคนที่ต้องการสมัครครับ

ตั้งค่ารูปแบบ (Layout Setting)


การตั้งค่ารูปแบบ เปรียบเหมือนการเปลี่ยนแปลงของหน้าบล๊อกเราที่จะแสดงต่อสายตาคนทั่วโลก การจัดวาวงรูปแบบเนื้อหาข้อมูลของบล๊อกเป็นส่วนสำคัญไม่น้อยที่จะทำให้ผู้คนเข้ามาแล้วติดใจ หน้าบล๊อกดูสะอาดตา มีเมนูการใช้งานต่างๆ ง่ายต่อการใช้งาน เพื่อนๆคงไม่อยากอ่านบทความต่างๆของบล๊อกที่รก หาอะไรก็ไม่เจอ ดูวุ่นวายไปหมด ในส่วนนี้ Blogger จัดไว้ให้สามารถปรับแต่งได้ง่ายดายมากครับ ไม่ต้องไปเขียนโค้ด Html, php ก็สามารถสร้างบล๊อกหน้าตาเหมือน บี้เดอะสตาร์ หรือ พอลล่า ได้อย่างง่ายดาย เรามาดูการตั้งค่ารูปแบบเลยครับว่ามีอะไรบ้าง
ในส่วนของตั้งค่ารูปแบบ จะอยู่ในเมนู "รูปแบบ" ประกอบด้วยเมนูย่อย 4 อย่างดังรูป



เมนูต่างๆ ในเมนู "รูปแบบ"
  • องค์ประกอบของหน้า (Page Elements)
  • แบบอักษรและสี (Fonts and Colors)
  • แก้ไข HTML (Edit HTML)
  • เลือกแม่แบบใหม่ (Pick New Template)
หายังไม่เข้าใจเรื่องที่ผ่านมาเกี่ยวกับการตั้งค่าเบื่องต้น สามารถกลับไปอ่านได้ครับ อ่านเรื่อง การตั้งค่า (Setting)
เพื่อนๆ สามารถดูรายละเอียดเกี่ยวกับ Gadget แต่ละตัว ว่ามีหน้าที่ยีงไงได้ที่ หน้ารวม Gadget

องค์ประกอบของหน้า (Page Elements)


องค์ประกอบของหน้า สามารถปรับเปลี่ยนตำแหน่งของแต่ละเมนู (Gadget) ตามความต้องการของผู้ใช้งาน แค่เลื่อนไปเลื่อนมา อยากให้อยู่ตรงไหนก็ลากไปอยู่ตรงส่วนนั้น เป็นเหมือนลูกเล่นแบบหนึ่งในการควบคุม อยากเพิ่ม Gadget ตัวไหนก็เพิ่มไปในตำแหน่งนั้น พื้นฐานที่เราต้องรู้มีดังต่อไปนี้ครับ


ดูดังรูปภาพประกอบนะครับ เพื่อความเข้าใจ


1. ส่วนหัวของหน้า (Page Header)
ใสส่วนนี้ถูกปรับตำแหน่งให้อยู่ด้านบนสุดของบล๊อก (Page Header) ไม่สามารถปรับหรือเลื่อนตำแหน่งได้ แต่สามารถปรับเปลี่ยนชื่อบล๊อกหรือรายละเอียดบล๊อกเราได้ในส่วนนี้ครับ

2. ส่วนของบทความ (Post)
ในส่วนนี้ก็ไม่สามารถปรับเปลี่ยนได้เนื่องจากเป็นพื้นที่ๆถูกกำหนดไว้แล้ว เป็นส่วนที่แสดงเนื้อหาของแต่ละบทความที่เราสร้างและเผยแพร่เข้ามา ถ้าเราไปปรับเปลี่ยนมัน จะทำให้หน้าบล๊อกของเราเปลี่ยนไปอย่างมากครับ ทำให้ดูไม่รู้เรื่อง
สังเกตุด้านบนและด้านล่างของส่วนนี้ สามารถที่จะเพิ่ม Gadget เข้าไปได้อีกด้วยครับ ใส่ด้านบนก็จะแสดง Gadget ตัวนั้นที่ด้านบน ใส่ด้านล่างก็จะแสดงไว้ด้านล่างครับ

3. ส่วนของด้านข้าง (Sidebar)
ในส่วนของ Sider เป็นพื้นที่สำหรับเพิ่ม Gadget โดยเฉพาะ เช่น หมวดหมู่, คลังบทความ เพื่อให้ผู้อ่านสามารถคลิ๊กตามดูเนื้อหาของบล๊อกเราได้ลองนึกภาพดูครับ สมมุติว่าเป็นเว็บๆหนึง ด้านบนเป็นส่วนหัว ตรงกลางเป็นเนื้อหา ด้านข้างเป็นเมนูต่างๆภายในเว็บ ด้านล่างเป็นอื่นๆ เช่น Support, เกี่ยวกับเรา, อะไรประมาณนี้ ลองนึกภาพให้ออกแล้วจะเข้าใจง่ายครับ Sidebar จะถูกแบ่งออกเป็น 2 ด้าน คือด้านซ้ายและด้านขวา แต่ Template (แม่แบบ) ที่ตัวอย่างใช้เป็น Template รูปแบบ 2 Columns ซึ่งไม่มีด้านซ้าย (จะอธิบาย รูปแบบของ Column Template ทีหลังครับ)

4. ส่วนล่างบทความ
ทุก Template จะถูกกำหนดให้สามารถเพิ่ม Gadget ได้ด้านล่างของบทความสามารถเพิ่ม Gadget เข้าไปได้เลยครับ ไม่อั้น!

5. ส่วนล่างสุดของบล๊อก
ตรงส่วนนี้แล้วแต่การออกแบบของแต่ละ Template ที่เราใช้ ว่าจะให้เราสามารถเพิ่ม gadget เข้าไปได้หรือไม่ ถ้าได้จะมีช่องเพิ่ม Gadget ให้เราได้ยัด Gadget ลงไปดังรูปครับ
เมื่อทำความเข้าใจแล้ว เพื่อนๆ ก็ไปเพิ่ม Gadget ได้ตามใจเพื่อนเลยครับ แต่สิ่งที่สำคัญก็คือ ความสะดวกสบาย ง่ายต่อการอ่าน ดูสะอาดตา และผู้อ่านรู้สึกดี เราลองให้เพื่อนเราดูบล๊อกของเราดู็ก็ได้ครับ ว่าเพื่อนใช้เวลากี่นาที ในการทำความเข้าใจว่า "บล๊อกเราเกี่ยวกับอะไร" ถ้าดูแล้วรู้เลยว่าเกี่ยวกับอะไร เนื้อหาเบื้องต้นมีอะไรบ้าง ก็เป็นอันใช้ได้ครับ

เพื่อนสามารถดูรายละเอียดเกี่ยวกับ Gadget แต่ละตัวได้ว่าทำงานยังได้ที่ หน้ารวม Gadget

เมนูต่างๆ ในเมนู "รูปแบบ"
  • องค์ประกอบของหน้า (Page Elements)
  • แบบอักษรและสี (Fonts and Colors)
  • แก้ไข HTML (Edit HTML)
  • เลือกแม่แบบใหม่ (Pick New Template)

ตั้งค่าแบบอักษรและสี Blogger

ในส่วนนี้จะเป็นการตั้งค่าของ Theme เราว่าจะให้ส่วนไหนเป็นสีอะไร แบบหรือลักษณะตัวอักษรเป็นยังไง อยากบอกว่าใช้การง่ายมากๆ ในส่วนนี้


1.ส่วนที่เราจะแก้ไข
2.แถบสี
3.ภาพตัวอย่างหลังจากเปลี่ยนแปลง
ในส่วนนี้จะใช้ได้กับ Theme พื้นฐานแต่บาง Theme ที่ถูกปรับแต่งมาเราอาจใช้การไม่ได้ครับ

เมนูต่างๆ ในเมนู "รูปแบบ"

•องค์ประกอบของหน้า (Page Elements)

•แบบอักษรและสี (Fonts and Colors)

•แก้ไข HTML (Edit HTML)

•เลือกแม่แบบใหม่ (Pick New Template)

วันพุธที่ 29 สิงหาคม พ.ศ. 2555

ตั้งค่าแก้ไข HTML ให้กับ Blogger


ในส่วนของการแก้ไข HTML ของ Blogger เป็นการแก้ไขส่วนต่างๆของ Theme และการแสดงผล การจัดรูปแบบ Layout ต่างๆ ซึ่งต้องมีความรู้ด้าน HTML พอสมควรเลยครับ สำหรับการจัดรูปแบบการแสดงผลจะเป็นโค้ด CSS ครับ ซึ่งก็ต้องมีความรู้ด้านนี้อีกเหมือนกัน เพื่อใช้งานควบคู่กันไป




1.เป็นการ Download Theme ต้นแบบเอาไว้ครับ เรียกว่าการ Backup Theme เพื่อกันการเกิดปัญหาต่างขึ้นมาเมื่อเราแก้ไขผิดพลาด เราก็สามารถ Upload ไฟล์ที่เราทำการ Backup ไว้ ก็จะกลับมาเป็นเหมือนเดิม 
2.การอัพโหลด Theme ที่เรา Download มาครับ สามารถเรียกดูและ Upload ได้ตามสบาย 
3.ขยายแม่แบบเครื่องมือ เมื่อติ๊กถูกแล้วจะแสดงรูปแบบโค้ดให้เราเต็มรูปแบบจะสามารถปรับแต่งได้มากขึ้นครับ ก่อนที่จะทำการแก้ไข HTML หรือ CSS เราก็ต้องติ๊กถูกหน้า ขยายเครื่องมือแม่แบบเสมอครับ 
4.โค้ด HTML – CSS ต่างๆที่เราจะแก้ไขครับ 
เมื่อแก้ไขเรียบร้อยแล้วให้เราทำการบันทึกแล้วกด Preview ดูบล๊อกได้เลยครับ

เมนูต่างๆ ในเมนู "รูปแบบ"

•องค์ประกอบของหน้า (Page Elements)

•แบบอักษรและสี (Fonts and Colors)

•แก้ไข HTML (Edit HTML)

•เลือกแม่แบบใหม่ (Pick New Template)


เลือกแม่แบบ (Theme Blogger)


ในส่วนนี้เราสามารถเปลี่ยนหน้าตาแม่แบบ (Theme) ของ Blogger เราครับ โดยรูปแบบที่ Blogger ให้มาสีสันมันช่างดูธรรมดามากๆ แต่ไม่เป็นไรครับ เพราะเพื่อนๆสามารถไป Download จากเว็บที่ให้บริการ Free Theme Blogger ได้แล้วนำมา Upload ในหน้า แก้ไข HTML แค่นี้ก็เป็นอันเสร็จแล้วครับ


เมนูต่างๆ ในเมนู "รูปแบบ"
  • องค์ประกอบของหน้า (Page Elements)
  • แบบอักษรและสี (Fonts and Colors)
  • แก้ไข HTML (Edit HTML)
  • เลือกแม่แบบใหม่ (Pick New Template)