วิธีสร้างตารางสารบัญของเนื้อหาบน Blogger

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

ดูตัวอย่างที่นี่
สอนทำ blogger

ขั้นตอนการทำ

1. ไปที่แผงควบคุมแล้วเลือกบทความใหม่

สอนทำ blogspot


2. ตั้งชื่อบทความที่สามารถสื่อได้ว่าบทความนี้คือสารบัญของเนื้อหา

 blogger Template

3. วางโค้ดด้านล่างนี้ลงใปในบทความและทำการบันทึก

<script src="http://www.abu-farhan.com/script/daftarisiblogger/blogtoc-min.js">
</script>

<script src="http://hackublog.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc">
</script>

แก้ไขโค้ดสีแดงเป็นชื่อบล้อกของคุณ


4. สร้างลิงค์มายังบทความนี้ ซึ่งทำได้หลายวิธี เช่น

4.1. Add  Gadget ที่ sidebar

4.1.1 เลือก Gadget  ชนิด รูปภาพ แล้วใส่ลิงก์เชื่อมโยงมายังบทความนี้

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


4.1.2 เลือก Gadget  ชนิด รายชื่อลิงก์ แล้วใส่ลิงก์เชื่อมโยงมายังบทความนี้

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

4.2 เชื่อมโยงจาก navigtion menu โดยตรง โดยจะต้องเข้าไปแก้/เพิ่มเติมเมนู โดยการแก้ไข HTML

4.3 ทำให้บทความสารบัญนี้เป็นบทความแรกเสมอ โดยใช้เคล็ดลับตามบทความนี้ >>  “วิธีทำให้บทความที่ต้องการอยู่หน้าแรกเสมอ

ผมแนะนำให้เลือกวิธีที่ถนัดที่สุดแล้วกันนะครับ

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

ตอนนี้มีความคิดเห็น : 11 ความคิดเห็น
หากคุณมีปัญหาหรือข้อสงสัยใดๆ สามารถสอบถามได้จากกล่อง comment ด้านล่างนี้ได้เลยครับ

  1. Mr.Hackublog ตามข้อ 2. ตั้งชื่อบทความที่สามารถสื่อได้ว่าบทความนี้คือสารบัญของเนื้อหา
    และข้อ 2 ย่อย ( Tab HTML ) ของผมมันไม่มีครับ มีแต่ " แสดงตัวอย่าง "
    ผมต้องเข้าไปแก้ที่ตรงใหนหรือครับ

    ขอบคุณครับ

  1. @ Narin: เข้าไปที่ draft.blogger.com ครับ ปกติเข้าจากตรงไหนก็มีครับ

  1. บล็อคแจ้งว่าไม่สามารถยอมรับ Html นี้แก้ไขยังไงครับขอบคุณครับ

  1. สวัสดีคะ ถ้าต้องการโพสที่ทำให้อยู่แถวเดียวกันอย่างเวบด้านล่าง ต้องทำอย่างไรบ้างคะ
    แล้วอย่างเวบด้านล่างนี้เค้าใช้บล้อกหรือเปล่า ถ้าใช่แล้วเค้าใช้บล้อกอะไรคะ ขอบคุณคะ
    http://www.designspongeonline.com/category/diy-projects

  1. @Bellta : บล็อกที่ให้ดูเขาใช้ CMS Wordpress ในการสร้างบล็อกครับ สำหรับ blogger ก็มีแม่แบบลักษณะนี้อยู่บ้าง ต้องค้นหาจากรายชื่อเว็บแจก blogger templates ครับ
    http://www.hackublog.com/2009/09/2.html

  1. ขอบคุณสำรับความรู้ดีๆ ครับ

  1. Mr.Hackublog ค่ะ เราดาวน์โหลดแม่แบบมาใช้ บริเวณแถบของแม่แบบเราต้องการทำสารบัญสิ่งที่ทำตอนนี้คือ
    1.ทำตามขั้นตอนที่ 1-3 แล้ว ค่ะ
    2.พอมาถึงขั้นตอนที่ 4 เรานำเข้าไม่ได้ เพราะดาวน์โหลดแม่แบบมาใช้ ขอคำแนะนำด้วยน่ะค่ะ

  1. สวัสดีครับคุณ Mr.Hackublog ลองทำตามบทความนี้แล้วครับ แต่ไม่เข้าใจตรง "4.2 เชื่อมโยงจาก navigtion menu โดยตรง โดยจะต้องเข้าไปแก้/เพิ่มเติมเมนู โดยการแก้ไข HTML" มันอยู่ตรงไหนครับ

    ทำมาถึงตรง 4.1.2 แล้วปรากฏว่าเมนูมันเยอะเกินไปครับเพราะเอามาจากป้ายกำกับ อยากลบที่ซ้ำ ๆ ทิ้งไปครับ

  1. ต้องการแสดงสารบัญบทความไว้หน้าแรกเสมอ ทำอย่างไรค่ะ

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

    ต้องแก้ไขที่ส่วนไหนค่ะ

  1. ทำไมสารบัญผมไม่เหมือนของพี่เลยอะครับ ?แก้ยังไงหรอครับ

  1. ทำแล้วไม่ได้ ใช้โคต ตารางดีกว่าไหม

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

ถ้าต้องการโพส HTML ให้แปลงโค้ดที่เครื่องมือด้านล่างนี้ก่อนครับ

สร้างบล็อก Facebook SEO บล็อก Linkwheel iMacros Link Wheel