Gadget ต่างๆ ใน Blogger

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

HTML/JavaScript

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

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

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

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

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

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

ข้อความ (Text)

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

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

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

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

รูปภาพ (Picture)

adget รูปภาพ (Picture) เป็นเครื่องมือของ Blogger อย่างนึ้งที่สามารถใส่ภาพของเราและใส่รายละเอียดเกี่ยวกับรูป พร้อมทั้งสามารถส่ง Link รูปภาพไปยัง Url ที่เราต้องการได้แบบง่ายๆเลยครับ ซึ่งสามารถปรับเปลี่ยนเป็น Banner ได้ง่ายๆเลยในส่วนของ Gadget รูปภาพ (Picture) ถือว่ามีการตั้งค่าที่ง่าย ประโยชน์หลายหลายเหลือเกินครับ เรามาดูวิธีการตั้งค่าเลยครับ

เมื่อทำการเพิ่ม Gadget รูปภาพ (Picture) แล้วก็จะมาสู่การตั้งค่าดังรูปเลยครับ

1. ชื่อหัวข้อ
2. คำอธิบายรูปภาพหรือข้อความอื่นๆ
3. Url ที่ส่งไปเมื่อมีคนคลิ๊กที่รูปภาพครับ อาจจะเป็นชื่อเว็บหรือชื่อบล๊อกก็ได้
4. รูปภาพที่แสดง สามารถอัพโหลดได้จากเครื่องของคุณได้เลย

เรามาดูตัวอย่างการใช้งานคร่าวๆไดดังรูปครับ

แค่นี้เราก็ได้ Banner แบบเนียนๆมาใช้ในบล๊อกของเราแล้วครับ จากการใช้ Gadget รูปภาพ (Picture) นี้เอง

สไลด์โชว์ (Slideshow)

Gadget สไลด์โชว์ (Slideshow) เป็นการแสดงรูปภาพให้เคลื่อนไหว Slide สลับกันไปมา ใครรักความสายความงามของบล๊อกก็ลองนำ Gadger สไลด์โชว์ (Slideshow) ไปใช้งานกันดูครับ สามารถดึงรูปได้ตาม Keyword เช่น "ดวงอาทิตย์" รูปที่ถูกดึงมาแสดงก็จะเปนรูปที่เกี่ยวกับดวงอาทิตย์นั้นเองครับ ส่วนการตั้งค่าก็ง่ายมากๆ เราไปดูกันเลยครับ

วิธีการตั้งค่า Gadget สไลด์โชว์ (Slideshow)

1. หัวข้อที่สไลด์โชว์
2. เลือกที่มาของรูปภาพว่าจะให้ดึงข้อมูลมาจากไหน
3. จะให้ดึงมาโดยใช้ Keyword หรือเลือก อัลบัมขของเรา
4. ใส่ Keyword ที่ต้องการให้รูปภาพแสดงว่าเกี่ยวกับอะไร
5. ความเร็วในการสไลด์โชว์
6. เปิดลิงก์ในหน้าต่างหรอรูปเลือกรูปภาพแบบสุ่ม
7. ตัวอย่าง

เรามาดูตัวอย่างคร่าวๆกันครับว่าผลของการใช้ Gadget สไลด์โชว์ (Slideshow) จะออกมาเป็นยังไง ดูัดังรูปเลยครับ

รูปมันก็จะสไลด์ไปมาให้ดูครับ

แถบวีดีโอ (Video Bar)

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

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

1. ชื่อหัวข้อ
2. เลือกการดึงวีดีโอ ว่าจะดึงจากวีดีโอที่มีผู้เข้าชมมากที่สุด และอื่นๆ
3. สามารถระบุห้องของ Video ได้
4. ใส่ Keyword ที่จะให้วีดีโอแสดงว่าเกี่ยวกับอะไร
5. แสดงตัวอย่าง

เสร็จแล้วกดบันทึกจะแสดงวีดีโอในบล๊อกของเราดังรูปครับ

ผู้ที่อยากดูวีดีโอที่เราเลือกมาก็สามารถดูได้ทันทีเลยครับ ง่ายมากๆ

แบบสำรวจ (Poll)

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

การตั้งค่า Gadget แบบสำรวจ (Poll)

1. ตั้งคำถาม
2. คำตอบที่ 1.
3. คำตอบที่ 2.
4. คำตอบที่ 3.
5. คำตอบที่ 4.
6. คำตอบที่ 5.
7. สามารถเพิ่มคำตอบได้อีก
8. ให้ผู้อ่านเลือกได้หลายคำตอบ
9. วันที่และเวลาสำหรับปิดการแสดงแบบทดสอบ

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

รายการบล๊อก (Blog List)

Gadget รายการบล๊อก (Blog List) เป็นการติดตามดูบล๊อกของผู้อื่น เมื่อเพิ่ม Gadget นี้ จะให้เราใส่ Url ของเว็บที่เราจะติดตาม จากนั้นระบบของ Gadget ก็จะดึงบทความแรกที่บล๊อกนั้นอัพเดท มาลงใสบล๊อกเราอยากสวยงามครับ เช่นผมอยากติดตาม Price Sales Catalog ShoppingOnline ผมก็ใส่ URL ของ Price Sales Catalog ShoppingOnline นั้นก็คือ http://price-sales-catalog-shopping.blogspot.com/ จากนั้นก็บันทึก เสร็จแล้วลอง preview ดูก็จะพบ Gadget นี้และมี บทความแรกของ Price Sales Catalog ShoppingOnline ปรากฏอยู่นั้นเองครับ เรามาดูการตั้งค่าการใช้งานกันครับ

การตั้งคค่า Gadget รายการบล๊อก (Blog List)

1. ชื่อหัวข้อ
2. เลือกหัวข้อที่จะอัพเดทลงบล๊อกเรา
3. ให้แสดงอะไรบ้าง
4. รายการที่จะให้แสดง
5. เพิ่มการติดตามบล๊อกอื่นได้อีก
6. บล๊อกที่เราติดตาม

เสร็จแล้วบันทึก ผลออกมาจะเป็นดังรูปครับ

รายชื่อลิงก์ (Link List)

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

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

1. หัวข้อใหญ่ ชื่อเกี่ยวกับหมวดหมู่ลิงก์ที่เราใส่เข้าไป
2. จำนวนลิงก์ที่จะให้แสดงกี่รายการ
3. จัดเรียงตามตัวอักษรหรือไม่ หรือไม่ต้องจัดเรียง
4. ใส่ URL ของเ็ว็บหรือบล๊อกที่เราต้องการ
5. ตั้งชื่อแทน URL จะให้ Link แต่ละอันชื่ออะไร
6. เพิ่มลิงก์

จากนั้นก็บันทึกจะแสดงผลออกมาดังรูปครับ

แล้วมันต่างกันยังไง ระหว่าง Gadget "รายการลิงก์" กับ Gadget "รายการ" ที่ต่างกันก็คือ
"รายการลิงก์" เมื่อผู้้อ่านคลิ๊กที่ลิงก์นั้นแล้วการแสดงผลจะอยู่ในหน้าต่างเดิมแต่เป็นที่อยู่ของ Url ที่เราคลิ๊ก
"รายการ" แตกต่างก็คือ จะถูกส่งไปยังหน้าต่างใหม่

รายการ (List)

Gadget รายการ เปรียบเสมือนรวมรายการหรือหน้าเว็บหรือ Link ที่เราชื่นชอบ สามารถจัดลำดับ และสร้างได้ไม่จำกัด จะนำ Link ที่เราชอบกี่ Link มาใส่ก็ได้ เราไปดูการตั้งค่ากันเลยครับ

1. หัวข้อ
2. จำนวนรายการที่จะแสดงทั้งหมด
3. มีการจัดเรียงหรือไม่
4. ใส่ชื่อที่เราต้องการแสดง เสร็จแล้วกดตรงรูปหัวมุมด้านขวา จะมีช่องใส่ Url ขั้นมาเราก็ใส่ Url ที่จะส่งคนไปเมื่อคลิ๊กที่ชื่อ
5. เสร็จแล้วทำการเพิ่มรายการ

เมื่อกดบันทึกจะแสดงผลดังรูปนี้ครับ

ฟีด (Feed)

Gadget ฟีด (Feed) เป็นบริการดึงบทความจาก Blog ที่เราชื่นชอบมาลงใน Blog ของเรา ซึ่งแต่ละเว็บที่เราจะดึง Feed มาได้ Blog นั้นต้องใช้บริการ Feed ด้วย ซึ่งการสมัครใช้บริการสามารถสมัครได้ที่ Feedburner.com ซึ่งเป็นบริการของ Google เหมือนกัน จะเราจะได้ Url ของ Feed นั้นมาครับ เรามาดูการตั้งค่าเรียก Feed กัน

รูปแบบ Url ของ Feed จะเป็นลักษณะนี้ เราก็ใส่ Feed ไปได้เลยดังตัวอย่างผมได้นำ Feed ของ itoeblog มาลง จากนั้นกดดำเนินการต่อครับ

1. เป็นหัวข้อของ Blog ที่เราดึง Feed มา เราสามารถเปรี่ยนชื่อได้
2. รายการหรือบทความที่จะให้ดึงมาจำนวนกี่บทความ
3. ตัวอย่างบทความทั้งหมดที่ดึงมา
4. เปลี่ยนที่อยู่ขของ Feed ใหม่

Newsreel

Gadger Newsreel สามารถสร้างข่าวใหม่จากเครื่องมือของ Google เช่น Google News มาลงในบล๊อกของเราได้ครับ

การตั้งค่าให้ Gadget Newsreel

1. ชื่อหัวข้อข่าว เช่นข่าวเกี่ยวกับอะไร
2. จะให้ข่าวที่จะมาแสดงเกี่ยวข้องกับอะไร อย่างตัวอย่างใส่ Obama ก็จะดึงข่าวที่เกี่ยวกับ Obama มาลงในบล๊อกของเราครับ
3. เมื่อเปิดข่าวมาอ่านจะแสดงในหน้าใหม่
4. ตัวอย่างของข่าวครับ

ตัวอย่างที่แสดงจริงเมื่อตั้งค่าเสร็จ

ป้ายกำกับ (Labels)

Gadget ป้ายกำกับ (Label) สามารถกำหนดชื่อกลุ่มของแต่ละบทความ เช่นบทความนี้เกี่ยวข้องกับอะไร จะถูกจับมารวมกันในป้าายกำกับ คล้ายๆกับหมวดหมู่ อย่างเช่น ป้ายกำกับแฟชั่น, internet, shopping อะไรประมาณนี้ครับ
การตั้งค่าของ Gadget ป้ายกำกับ (Label)

1. หัวข้อ
2. การเรียงลำดับ
3. ตัวอย่างที่แสดง

จากการใส่ป้ายกำกับในตอน สร้างบทความ ซึ่งเราได้กำหนดป้ายกำกับไว้แล้ว โดย Gadget ป้ายกำกับ (Label) จะทำการดึงออกมาทำเป็นรายการให้ผู้อ่านบล๊อกได้เลือก


เมื่อกดบันทึกตัวอย่างที่แสดงออกมาจะเป็นแบบนี้ครับ

ลิงก์การสมัคร (Subscription Links)

ตั้งค่า Gadget ลิงก์การสมัคร จะสามารถให้คนอื่นหรือผู้อ่านสามารถสมัครรับ Feed หรือเนื้อหาใหม่ของเรา
การตั้งค่า ตั้งค่า Gadget ลิงก์การสมัคร

ตั้งชื่อเรื่องแล้วกดบันทึก

จากนั้นหน้าตาจะโผล่มาเป็นดังรูปภาพ เมื่อผุูู้อ่านสนใจก็จะเลือกตามที่เขาชอบจากนั้นจะถูกดึง Feed ไปดังรูปครับ

โลโก้ (Logo)

Gadget โลโก้ (Logo) เป็น Banner ของ Blogger ที่สามารถให้เรานำไปไว้ใน Blog อาจจะบอกถึงความเป็นพันธมิตร ความมาตราฐานและอื่นๆ อีกทั้งความสวยงาม
การตั้งค่า Gadget โลโก้ (Logo)

เลือกแบบได้ตามสบายครับ เสร็จแล้วกดบันทึก จะออกมาเป็นดังรูปครับ

โปรไฟล์ (Profile)

Gadget โปรไฟล์ (Profile) สามารถใส่รายละเอียดต่างๆ เกี่ยวกับเจ้าของ Blog
การตั้งค่า Gadget โปรไฟล์ (Profile)

1. หัวข้อ เช่น เกี่ยวกับเจ้าของ Blog
2. ชื่อ
3. คำอธิบายเกี่ยวกับเราหรือบ่งบอกถึงเรา อะไรที่คือเรา
4. การแสดงตำแหน่งใน Blog
5. เมือง
6. ภาค
7. ประเทศ

จากนั้นกดบันทึก ผลของการใช้ Gadget โปรไฟล์ (Profile) จะเป็นดังรูปครับ

คลังบทความของบล๊อก (Blog Archive)

Gadget คลังบทความบล๊อก (Blog Achive) คือคลังบทความของ Blog ที่ถูกรวบรวมไว้ อยู่ที่เราตั้งค่าว่าจะให้เก็บเป็น รายเดือน รายวัน หรือรายสัปดาห์
การตั้งค่า Gadget คลังบทความบล๊อก (Blog Achive)

1. ชื่อหัวข้อ
2. จัดเรียงสไตร์อะไร
3. ตัวเลือก จะแสดงบทความตามลำดับจากอะไร
4. ความถี่ของการเก็บบทความ รายวัน รายเดือน รายสัปดาห์
5. ตัวอย่าง

เมื่อกดบันทึก Gadget คลังบทความบล๊อก (Blog Achive) จะปรากฏดังนี้ครับ

ส่วนหัวของหน้า (Page Header)

Gadget ส่วนหัวของหน้า (Title) ถูกกำหนดให้มีอยู่แล้ว สามารถปรับตั้งค่าได้ที่ องค์ประกอบของหน้า
การตั้งค่า Gadget ส่วนหัวของหน้า (Title)

1. ชื่อที่แสดงส่วนหัวของ Blog หรือ Title
2. รายละเอียด Description ของ Blog
3. อัพโหลดไฟล์รูปภาพได้จาก เครื่องของคุณ
4. อัพโหลดไฟล์รูปภาพได้จาก บริการต่างๆที่รับฝากรูปจะแสดงเป็น Url มา
5. การจัดวาง

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

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