วันจันทร์ที่ 19 ธันวาคม พ.ศ. 2554

แนะนำ Gadget ใหม่ของ blogger “หน้าเว็บ” พร้อมตัวอย่างการใช้

ตามเว็บไซต์ต่าง ๆ เราคงจะเคยเห็นกันว่าแต่ละเว็บไซต์จะมี เมนูสำหรับเลือกเปิดไปดูหน้าอื่น ๆภายในเว็บนั้นๆ เช่น ตัวอย่างในรูปด้านล่าง

สอนทำบล็อก


เมื่อ 1-2 วันที่ผ่านมา(ที่จริงเห็นตั้งแต่ปลายปีที่แล้ว) Blogger ได้พัฒนา Gadget ตัวใหม่ขึ้นมา มีชื่อว่า หน้าเว็บ เพื่อให้ผู้ใช้ได้สร้างหน้าของบล็อกที่ต้องการได้โดยไม่ต้องมีความรู้ในการดัดแปลงหรือแก้ไขแม่แบบด้วยตนเอง

สอนแต่งบล็อก



การเรียกใช้ Gadget ชนิดนี้สามารถเลือกใช้ได้เช่นเดียวกับการ Add Gadget ชนิดอื่น ๆ  นั่นคือ ไปที่ องค์ประกอบของหน้า >> แล้วเลือก เพิ่ม Gadget  


ต่อไปเรามาดูว่า Gadget นี้ ใช้อย่างไร และใช้เพื่อจุดประสงค์ใด

หลักการของ Gadget นี้เหมือนการสร้างบทความขึ้นมา 1 บทความ และ สร้าง Link เชื่อมโยงไปยังบทความนั้น ๆ แต่มีความพิเศษตรงที่ผู้ใช้ทั่วไปสร้างเมนูขึ้นเองได้อย่างง่ายดาย โดยไม่ต้องมีความรู้พื้นฐานเกี่ยวกับ HTML เลย
ตัวอย่างวิธีการใช้งาน(จริง)

ในตัวอย่างนี้ผมจะสร้าง 2 หน้าให้เห็นเป็นตัวอย่าง ได้แก่ HOME และ CONTACT ME



ขั้นเตรียมการ

เนื่องจากผมจะยกตัวอย่างการสร้างหน้า Contact me ดังนั้นให้ทุกคนไปสร้าง Form สำหรับติดต่อเจ้าของบล็อกซึ่งก็คือเราเอง ได้ที่

ซึ่งขั้นตอนในการสร้าง ฟอร์มนั้นง่ายมาก มีเพียง 4 ขั้นเท่านั้น (ดูรูป)

สอนสร้างบล็อก

สอนทำ blogger 
   

เทคนิคการใช้งาน blogger


เมื่อได้โค้ด แล้วคัดลอกเก็บเอาไว้ก่อนครับ



ขั้นสร้างหน้าเว็บจริง



ขั้นที่ 1 สร้างหน้าแรก หรือ HOME

Log in เข้าไปที่ draft.blogger

ไปที่แผงควบคุม >> องค์ประกอบของหน้า >> แล้วเลือก เพิ่ม Gadget เลือกอันแรกเลยครับ คือ gadget หน้าเว็บ

การปรับแต่ง blogger

จากนั้นก็สร้าง หน้าแรกขึ้นมาโดยตั้งชื่อตามที่ต้องการได้เลย แล้วทำการบันทึกครับ

แต่งบล็อก

ขั้นที่ 2 เมื่อผ่านขั้นที่ 1 มาแล้วก็เท่ากับว่าเราได้สร้าง หน้าบล็อกขึ้นมาแล้ว 1 หน้า

ถ้าจะทำการเพิ่มหน้าอีก ให้ไปที่แผงควบคุม >> การส่งบทความ >> แก้ไขหน้าเว็บ >> หน้าเว็บใหม่

ทำบล็อก

เมื่อคลิกสร้างหน้าเว็บไหม่ เราก็จะพบเครื่องมือต่าง ๆ เหมือนการเขียนบทความนั่นเองครับ


สร้างบล็อก


ให้นำโค้ดของ Form ที่เตรียมไว้ จากขั้นเตรียมการมาวางในหน้าหน้านี้ จัดรูปแบบตามต้องการแล้วบันทึกหน้าได้เลยครับ

bloger trick

เพียงขั้นตอนสั้น ๆ นี้เราก็จะมีเมนูเชื่อมโยงไปยัง หน้าของบล็อกถึง 2 หน้าด้วยกัน ได้แก่ HOME และ CONTACT ME



ขั้นที่ 3
- ถ้าหากต้องการเพิ่มหน้าบล็อกเพิ่มขึ้นอีกก็ทำซ้ำขั้นตอนที่ได้กล่าวมาข้างต้นครับ


- แต่ถ้าต้องการลบหน้าบล็อกทิ้ง ก็มาที่เดิม แล้วจะเห็นคำว่าลบ ถ้าต้องการลบทิ้งก็กดคำว่าลบได้เลย


blogger tips  



ขั้นที่ 4 วิธีจัดการกับเมนูหน้าเว็บ

- ถ้าต้องการเรียงลำดับหน้าเว็บใหม่ ก็ไปที่ องค์ประกอบของหน้า แล้ว คลิก Gadget หน้าเว็บขึ้นมาแก้ไข >> ดูรูป


SEO


นอกจากนี้ Gadget หน้าเว็บจะมีลักษณะพิเศษ คือ ถ้าอยู่ที่ Sidebar เมนูจะจัดเรียงเป็นแนวตั้ง


widget


gadget




แต่ถ้าลากไปในตำแหน่งใต้ส่วนหัว จะจัดเรียงเรียงเป็นแนวนอนโดยอัตโนมัติ


Templates

เทคนิคการทำบล็อก 



อย่างไรก็ตามรูปแบบของเมนูที่ได้ก็ยังคงไม่สวยงามนัก ซึ่งถ้าอยากได้เมนูที่สวยงามจริง ๆ ก็ลองศึกษาดูจาก >> ที่นี่

สำหรับการแนะนำ Gadget นี้ผมก็ขอจบเพียงเท่านี้ครับ สงสัยประการใด โปรดสอบถามได้เลยครับ

ล.ป. (ลืมไป) นี่คือตัวอย่างของ ฟอร์มที่ได้สร้างประกอบตัวอย่างนี้



ไม่มีความคิดเห็น:

แสดงความคิดเห็น