การใส่เลขหน้า (Navigation) ให้ Blogger

สอนทำบล็อก

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

ขั้นที่ 1 ให้ไปที่ องค์ประกอบของหน้าแล้วเพิ่ม Gadget ที่เป็น HTML/จาวาสคริปต์  และวาง code ด้านล่างนี้ลงไปโดยไม่ต้องตั้งชื่อ Gadget นี้ แล้วทำการบันทึก

<style type="text/css">.showpageArea a {text-decoration:underline;}.showpageNum a {text-decoration:none;border: 1px solid #cccccc;margin:0 3px;padding:3px;}.showpageNum a:hover {border: 1px solid #cccccc;background-color:#cccccc;}.showpagePoint {color:#333;text-decoration:none;border: 1px solid #cccccc;background: #cccccc;margin:0 3px;padding:3px;}.showpageOf {text-decoration:none;padding:3px;margin: 0 3px 0 0;}.showpage a {text-decoration:none;border: 1px solid #cccccc;padding:3px;}.showpage a:hover {text-decoration:none;}.showpageNum a:link,.showpage a:link {text-decoration:none;color:#333333;}</style>
<script style="text/javascript">var pageCount=5;var displayPageNum=5;var upPageWord="Previous";var downPageWord="Next";</script><script style="text/javascript" src='http://siiam.googlecode.com/files/blogger-page-nav-v2.js' ></script>


สอนทำ blogspot


ขั้นที่ 2 ไปที่ รูปแบบ >> แก้ไข HTML >> สำรองแม่แบบ(กันเหนียว) >> เลือกขยายแม่แบบเครื่องมือ แล้วแทนที่โค้ดที่ชื่อว่า 'data:label.url'  (ถ้าหาไม่เจอให้กด Ctrl+F เพื่อช่วยค้นหา)
'data:label.url'
ด้วยโค้ด
'data:label.url + &quot;?&amp;max-results=5&quot;'

ขั้นที่ 3 สำหรับคนที่ตั้งค่าการแสดงบทความในหน้าแรกน้อยกว่า 5 บทความ ให้ไปตั้งค่าเป็น 5 บทความ ตามรูปด้วยครับ

สอน blogger

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

  1. ที่บอกว่าใส่โค้ดแทนที่ 'data:label.url' มันอันไหนอ่ะครับ มันมีตั้งหลายอัน หรือว่าแทนทุกอัน

  1. @ OGTERSART : ถ้ามีหลายอันก็แทนทุกอันครับ

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

  1. @ friend : อ่านบทความนี้ดูก่อนนะครับ สงสัยยังไงก็ถามเพิ่มได้ครับ

    http://www.hackublog.com/2010/05/customization-post-element-on-blogger.html

  1. ขอบคุณมากคะ ขอไปอ่านก่อนนะคะ ตอบเร็วดีมากๆๆเลยคะ

  1. พี่ค่ะ รบกวนหน่อยค่ะ นู๋อยากใส่ NAVIGAtion ให้ Blog แต่ปัญหาอยุที่ นู๋จะใส่ในหน้าที่ไม่ใช้ HOMe อะค่ะ นู๋เพิ่ม PAGE และใสชื่อ ว่า Photo นู๋อยากให้หน้านี้เป็นที่เก็บรูป เวลาเก็บรูปนู๋ก้ใช้โค๊ดที่เป็น Draggable & Lightbox Image แต่พอรูปเยอะขึ้น ๆ มันไม่ยอมเปี่ยนหน้า แบบ navigation อะค่ะ มันต่อยาวๆๆๆๆมาก เรยอยากรู้วิธี ช่วยหน่อยนะคะ จะรอคำตอบค่ะ

    ขอบคุณสำหรับความรู้ใหม่ๆ เว๊บนี้มีประโยชน์ มากเรยค่ะ

  1. ง่า ทำตามแล้ว หน้าไม่ขึ้นเลย T T

  1. ทำตามแล้วแต่ก้อยังมองไม่เห็น ไว้เดี๋ยวนู๋ค่อยมาทำใหม่ เพราะว่าแก้ไปแก้มา บล็อกนู๋เน่าไปเลย
    ขนาดสำรองไว้แล้วด้วยอ่ะ

  1. @ bunnyboom : เอาโค้ดในขั้นที่ 1 ไปติดใหม่ครับ จาวาสคริปต์มีปัญหาแต่แก้ให้แล้วครับ

  1. ไม่ขึ้นอะค่ะ มันไปแอบอยู่ข้างๆ side bar

  1. ทำได้นะครับ ดูตัวอย่าง
    http://avscreen.blogspot.com/

  1. พี่ครับทำยังไงดีของผมมันแก้ยังไงก็ไม่หายแบบว่าแต่ละหน้ามันแสดงไม่เท่ากันอ่ะครับผมตังเป็น 5 แต่ทำไมบ้างหน้าแสดง1บทความบ้าง2บ้างแล้วแต่อารมมันอ่ะครับผมเศร้ามากเลย

  1. เป็นเหมือนกันกับข้างบนเลยค่ะคือบางหน้าก็มี5ข้อความบางหน้า4หรือว่าบางหน้าก็มีเเค่3 ทำยังไงดีคะ?อยากให้มีจำนวนบทความเท่ากันทุกหน้าเลย...

    http://www.cakecarrot.blogspot.com

  1. ขอบคุณครับ

  1. หา'data:label.url'ไม่เจอครับ

  1. เวลาทำ label แล้วมันแสดงมาทั้งหมดเลย ไม่แสดงมาตามจำนวนที่กำหนด

  1. ผมหาไม่เจอ 'data:label.url' แต่จำได้ว่าเคยลบอาไรบางอย่างไป
    จำได้ตอนนั้น เอาพวก Powered by Blogger. ด้านล่างออก
    ไม่รู็ว่าเกียวป่าว

    แล้วมีวิธีแก้หลือป่าวครับ T^T

  1. ของผมไม่แสดงเลขเลยครับ ทำไงดี

    Blong ผมครับ
    http://ebooktoyour.blogspot.com

  1. http://teen7club.blogspot.com/
    http://tabletroom06.blogspot.com/

  1. ติดตามอาจารย์มานานแล้วครับ

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

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

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