เปลี่ยน Templates แล้วจะใส่ Link ให้ Menu อย่างไร ?

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





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

วิธีใส่ Link ให้ Menu bar

1. เมื่อเปลี่ยน Template แล้ว ให้ไปที่แผงควบคุม >> รูปแบบ >> แก้ไข HTML >> คลิกขยายแม่แบบเครื่องมือ  >> เมื่อคลิกตามที่ผมบอก ทุกคนจะมาอยู่ที่หน้านี้ดังรูป




2. ให้กด Ctrl+F และใส่คำค้นหาว่า Home ซึ่งอาจจะพบหลายแห่ง แต่ให้ค้นหาไปเรื่อยๆ จนเจอโค้ดลักษณะนี้ (อาจจะคล้ายคลึงก็ได้ครับ)

           

• Home


• #

' title=''>About

Contact

Log in

           

อธิบาย HTML โค้ดข้างบน

    2.1 อักษรสีแดง คือชื่อ menu ที่เราจะแทนที่ตามที่เราต้องการ  ซึ่งสามารถใส่เป็นภาษาไทยก็ได้2.2 อักษรสีน้ำเงิน คือ Link ของ menu ที่เราจะแทนที่ตามที่เราต้องการ ซึ่งโค้ด href='#' เป็นโค้ด HTML สำหรับใส่ Link ให้รูปภาพ หรือข้อความนั่นเอง

    2.3 ถ้าต้องการเพิ่ม menu ก็ให้คัดลอกโค้ด

และแทรกเข้าไปอีก 1 บรรทัด ก็จะได้ menu เพิ่มอีก 1 menu เช่นจากโค้ดข้างบน ผมเพิ่มอีก 1 เมนูจะได้โค้ดดังนี้

           

• Home


• #

' title=''>About

Contact

Log in

Edit

           


3. คำถามต่อมาก็คือแล้วเราจะ Link menu ไปที่ไหน ?

คำตอบ

    3.1 อาจจะลิงค์ไปยังบทความในบล็อกของเราเอง โดยคัดลอก URL ของบทความ
          (ดังนั้น เราจึงควรเขียนบทความเตรียมไว้ก่อน)


 
    3.2  หรืออาจจะลิงค์ไปยังบล็อก หรือ เว็บไซต์อื่น ๆ

4. และเมื่อแก้ไข URL แล้วจะได้ผลลัพธ์ดังนี้ครับ

• '/'

>HOME

http://hackublog.blogspot.com/2009/01/blog-post.html'

>CONTENT

http://hackublog.blogspot.com/2009/12/all-in-one.html'

>SOFTWARE TRICK

http://btemplates.com/'

>BLOGGER TEMPLATES

http://draft.blogger.com'

>LOGIN


5. บันทึกแม่แบบ ก็ถือว่าจบขั้นตอนครับ

ถ้าหากใครทำแล้วยังเกิดข้อสงสัย ให้สอบถามเพิ่มเติม และฝาก URL ของบล็อกเอาไว้ที่ Comment ด้านล่างนี้เลยครับ
http://www.hackublog.com/2009/12/templates-link-menu.html