Gadget ข้อความ (Text)

ในส่วน Gadget ข้อความ (Text) เราสามารถใส่ข้อความเป็นตัวอักษรและเป็นลิงก์ได้้ครับ เราไปดูการตั้งค่า Gadget ข้อความ (Text) กันเลยครับ

เมื่อทำการเพิ่ม Gadget ตัวนี้จะแสดงการตั้งค่าดังรูปภาพครับ

1. ชื่อหัวข้อ
2. ตัวหนา
3. ตัวเอียง
4. สีของตัวอีกษร
5. ใส่ Link ให้กับข้อความ
6. ทำข้อความให้เป็นจุดสนใจ
7. ส่วนของแก้ไข Html
8. ช่องเขียนข้อความ

สังเกตุดูจะเหมือน การสร้างบทความ เกือบๆทุกประการเลยครับ เมื่อเขียนเสร็จก็บันทึก Gadget ก็จะแสดงเรียบร้อยครับดังรูปตัวอย่าง

ดู Gadget อื่นๆ ได้ที่ หน้ารวม Gadget

Gadget HTML/JavaScript

เป็น Gadget สำหรับผู้ที่เขียน Scrip เป็นเช่น การแสดง Banner การแสดง Video และอื่นๆอีกมากมาย Gadget ทั้งหมดที่ Blogger ใช้เป็นเครื่องมือก็คือ Scrip นั้นเองครับ ซึ่งเป็นการเขียนให้แสดงผลแต่ละรูปแบบ ออกมาเป็น Gadget ให้เราใช้กัน ในที่นี้ใช้ในการเขียน Scrip อื่นๆ เพื่อแสดงผลตามใจเรา ในส่วนที่ Blogger ไม่มี Gadget ให้ ใครมีความรู้ก็สามารถเขียนขึ้นมาแล้วนำมาใช้้งานได้เลยครับ เรามาดูการตั้งค่าให้กับ Gadget นี้กันครับ

เข้าไปเพิ่ม Gadget ในเมนู องค์ปรระกอบของหน้า จากนั้นกดเพิ่ม Gadget ในส่วนที่ต้องการให้แสดงผล กดเพิ่ม Gadget HTML/JavaScript จจะแสดงผลให้เราตั้งค่าดังรูปเลยครับ

1. คือชื่อหัวข้อของ Scrip เราครับ ว่าชื่ออะไร เช่น Video เราก็ใช้ Video ถ้าไม่อยากให้มีชื่อก็ไม่ต้องใส่ก็ได้ครับ
   
2. เป็นโค้ดรูปแบบของ Html หรือ JavaScrip ที่เราสร้างขึ้นมา สามารถใส่ลงไปในนี้ได้เลยครับ

จากนั้นกด "บันทึก" Scrip ที่เราสร้างขึ้นมาก็จะถูกแสดงในหน้าบล๊อกของเราครับ อย่างตัวอย่างในรูปเป็นการสร้าง Video

จะถูกแสดงตามรูปที่ 1 ก็คือ Video ให้คนที่เข้าบล๊อกของเราดูกันครับ

การนำ Video จาก YouTube มาลงในบล๊อกของเรา มีวิธีง่ายๆครับดังนี้ครับ ให้เราเข้าไปที่ Youtube.com จากนั้นเลือก Video ที่เราจะนำมาแสดง แล้วสังเกตุกรอบสีแดงในรูปครับ

จะเป็นส่วนที่มีชื่อว่า Embed ซึ่งจะเป็นรูปแบบโค้ด ให้เรา Copy นำมาใส่ในการตั้งค่า Gadget HTML/JavaScrip ได้เลยครับ วีดีโอใน YouTube ก็จะมาโผ่ลหน้าบล๊อกของเราครับ ง่ายม๊ากๆ

ดู Gadget อื่นๆ ได้ที่ หน้ารวม Gadget

Gadget ผู้ติดตาม (Followers)

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

กดที่ เพิ่ม Gadget ในหน้าองค์ประกอบของหน้า จากนันเลือก Gadget ผู้ติดตาม (Followers) จะแสดงดังรูปครับ

1. ชื่อเรื่องหรือชื่อหัวข้อ
2. สีีของข้อความ Endcap
3. สีของลิงก์ Endcap
4. สีของเนื้อหาข้อความ
5. สีของข้อความรองลงมาจากเนื้อหา
6. สีของลิงก์ในเนื้อหา
7. สีของลิงก์ระดับรองลงมาของเนื้อหา
8. สีของหัวเรื่องของแต่ละเนื้อหา หรือ Tilte Colors
9. สีของเส้นขอบ
10. ย้อนกลับไปดู Gadget อื่นๆ
11. ยกเลิกทั้งหมด
12. บันทึก เมื่อคลิ๊กแล้วจะถูกแสดงในหน้าบล๊อกเราในตำแหน่งที่เราใส่ Gadget นี้ไว้ในหน้าของการตั้งค่า องค์ประกอบของหน้า

ดูตัวอย่างการแสดงผลของ Gadget ผู้ติดตาม (Followers) ดังรูปครับ

ถ้าเพื่อนอยากใช้งานก็สามารถเพิ่มลงไปได้ตามสบายเลยครับเพิ่มสีสันของบล๊อกได้สวยงาม

ดู Gadget อื่นๆ ได้ที่ หน้ารวม Gadget

Gadget ต่างๆ ใน Blogger

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

เพื่อนๆสามารถคลิ๊กที่ "อ่าน...การตั้งค่าการใช้งาน" จะส่งเพื่อนๆไปยังรายละเอียดเกี่ยวกับ Gadget ตัวนั้นครับ

ผู้ติดตาม (Followers) อ่าน...การตั้งค่าใช้งาน

HTML/JavaScript อ่าน...การตั้งค่าใช้งาน

ข้อความ (Text) อ่าน...การตั้งค่าใช้งาน

รูปภาพ (Picture) อ่าน...การตั้งค่าใช้งาน

สไลด์โชว์ (Slideshow) อ่าน...การตั้งค่าใช้งาน

แถบวีดีโอ (Video Bar) อ่าน...การตั้งค่าใช้งาน

แบบสำรวจ (Poll) อ่าน...การตั้งค่าใช้งาน

รายการบล๊อก (Blog List) อ่าน...การตั้งค่าใช้งาน

รายชื่อลิงก์ (Link List) อ่าน...การตั้งค่าใช้งาน

รายการ (List) อ่าน...การตั้งค่าใช้งาน

ฟีด (Feed) อ่าน...การตั้งค่าใช้งาน

Newsreel อ่าน...การตั้งค่าใช้งาน

ป้ายกำกับ (Labels) อ่าน...การตั้งค่าใช้งาน

ลิงก์การสมัคร (Subscription Links) อ่าน...การตั้งค่าใช้งาน

โลโก้ (Logo) อ่าน...การตั้งค่าใช้งาน

โปรไฟล์ (Profile) อ่าน...การตั้งค่าใช้งาน

คลังบทความของบล๊อก (Blog Archive) อ่าน...การตั้งค่าใช้งาน

ส่วนหัวของหน้า (Page Header) อ่าน...การตั้งค่าใช้งาน

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

เนือหาอื่นๆ ที่เกี่ยวข้อง

• การสร้างบทความ (Post)
  
• แผงควบคุม Dashboard
  
• การตั้งค่า (Blogger Settings)
  
• ตั้งค่ารูปแบบ (Layout Setting)
  

องค์ประกอบของหน้า (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

หน้า การตั้งค่ารูปแบบ

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

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

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

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

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

ทดสอบบล๊อกสอนรูปแบบ

ทดสอบการจัดการรูปแบบการสดงผลของบล๊อก