การสร้างเมนู navigation bar สำหรับ blogger

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

การสร้างเมนูนี้มีหลากหลายวิธีการ เช่น สร้างโดยการเขียนเป็นคำสั่งภาษา HTML หรือ CSS  ซึ่งวิธีนี้จะเหมาะกับคนที่มีความรู้ในการเขียนคำสั่งภาษาคอมพิวเตอร์ เเต่สำหรับคนที่ไม่มีความรู้ด้านนี้เลย ก็อาจจะยากซักหน่อย เเต่ก็สามารถทำได้โดยใช้การออกแบบผ่านเครื่องมือการออกเเบบเทมเพตของ blogger หรือค้นหาโค้ด HTML หรือ CSS ที่มีคนเเชร์ไว้มาปรับใช้กับไซต์ของเราก็ได้เช่นกัน เเละในบทนี้ จะขอเเนะนำการสร้างเมนู Navigation bar ผ่านเครื่องมือการออกเเบบเทมเพตของ blogger ซึ่งมีขั้นตอนดังต่อไปนี้

>> Login เข้าสู่หน้า dashboard >>> เลือก รูปเเบบ

>> รูปแบบ >>> เพิ่ม Gadget >>> หน้าเว็บ

>> เมื่อเข้าสู่หน้า กำหนดค่ารายการหน้าเว็บ ให้กำหนดค่าต่างๆ ตามภาพตัวอย่างด้านล่างนี้
หมายเหตุ : การ เพิ่มลิงค์ภายนอก จะเพิ่มมากเท่าไหร่ก็ได้ตามที่เราต้องการ โดยส่วนใหญ่จะตั้งชื่อเป็น Home, Contact us, About us, Product หรืออื่นๆ นอกเหนือจากนี้ ส่วน ที่อยู่ทางเว็บ(URL) ให้ใส่ลิงค์หน้าเว็บที่เราต้องการให้ผู้อ่านคลิกเข้าไปสู่หน้านั้นๆ

หลังกำหนดค่าเสร็จ ให้คลิก บันทึกลิงค์

>>> จะได้หน้าตาเมนูดังนี้ค่ะ >>>

-------------------------------------------------------------------------------------------------

ต่อมา จะเป็นขั้นตอนการตกเเต่ง ใส่สีพื้นหลัง เเละกำหนดตัวอักษรของ Navigation bar 

>> เลือก เเม่เเบบ >> กำหนดค่า >> ขั้นสูง >> ข้อความของเเท็บ

• เลือกรูปแบบตัวอักษร
• ขนาดตัวอกษร
• สีของตัวอักษร
• สีที่เลือก (สีตัวอักษรเวลาที่เราคลิกบนเเท็บนั้นๆ)

>> เลือก พื้นหลังเของเเท็บ 

• กำหนดค่าสีพื้นหลังของเเท็บ
• กำหนดสีที่เลือก (สีของพื้นหลังเวลาที่คลิกที่เเท็บนั้นๆ)

>>> เมื่อกำหนดค่าเสร็จ ให้คลิก ใช้กับบล็อก ที่อยู่บริเวณมุมบนขวา จะได้รูปแบบดังนี้

เรียบร้อยเเล้วค่ะ เพียงเท่านี้เราก็จะได้เมนู Navigation bar สวยๆ ไว้ใช้กับเว็บบล็อกของเราเเล้วล่ะค่ะ ถ้าเพื่อนๆ ลอเอาไปทำเเล้ว ก็อย่าลืมมารีวิวด้วยนะคะว่าได้ผลเป็นยังไงบ้าง