Numbered Page Navigation For Blogger ใส่ เลขหน้า ให้ Blogger

"

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

อันนี้โค้ดสำหรับทำนะครับ

<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>

เริ่มต้นเราไป Add Gadget หา HTML/Javascript ก๊อปโค้ดที่ผมให้มาวางแล้วบันทึกเลยครับ
 
ตรงนี้แก้ได้นะ
var pageCount=5;var   5 คือบทความที่แสดงกี่บทความนะครับ

 displayPageNum=5;var   5 คือ เลขที่แสดงถ้ามี 5 ก็จะแสดง 1 2 3 4 5 next  
ถ้า 6 ก็  1 2 3 4 5 6 next  เข้าใจตรงกันนะ ผมอธิบายไม่ค่อยเก่งครับ อิอิ

ไปที่แก้ไข HTML 

จากนั้นค้นหา 'data:label.url' 

แทนที่ด้วย

'data:label.url + &quot;?&amp;max-results=5&quot;'



ก็เปิดดูเว็บของคุณได้เลย ในบล็อกผมยังไม่มีนะครับ มันมีบทความน้อย อิอิ แนะนำให้มีบทความ 10 ขึ้นค่อยเพิ่มครับ เพราะถ้ามีน้อยมันก็ไม่แสดงนะ บทความนี้ก็จบแล้วนะครับ"

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

อันนี้โค้ดสำหรับทำนะครับ

<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>

เริ่มต้นเราไป Add Gadget หา HTML/Javascript ก๊อปโค้ดที่ผมให้มาวางแล้วบันทึกเลยครับ
 
ตรงนี้แก้ได้นะ
var pageCount=5;var   5 คือบทความที่แสดงกี่บทความนะครับ

 displayPageNum=5;var   5 คือ เลขที่แสดงถ้ามี 5 ก็จะแสดง 1 2 3 4 5 next  
ถ้า 6 ก็  1 2 3 4 5 6 next  เข้าใจตรงกันนะ ผมอธิบายไม่ค่อยเก่งครับ อิอิ

ไปที่แก้ไข HTML 

จากนั้นค้นหา 'data:label.url' 

แทนที่ด้วย

'data:label.url + &quot;?&amp;max-results=5&quot;'



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