วิธีแก้ปัญหา blog-pager กำกับหน้าของ blogger หายไป

หากคุณเป็นคนหนึ่งที่ดาวน์โหลด Blogger Template ที่แจกให้ใช้ฟรี บางครั้งคุณจะพบปัญหา ว่า “blog-pager”  นั้นหายไปไม่สามารถเลื่อนไปดูบทความเก่า ๆ ในหน้าถัดไปได้





สำหรับตัวอย่างที่เห็นได้ชัดอันหนึ่งก็คือ The-gazette-edition ซึ่งเป็น Template ที่พัฒนาโดย bloganol.com ซึ่งเป็น Template ที่ออกแบบให้มีรูปแบบคล้ายกับเว็บไซต์ แต่ก็จะมีข้อเสียตรงที่ เมื่อสร้างบทความหลายบทความแล้วการเรียกดูหน้าถัดไปจะทำไม่ได้ จะต้องสร้างเมนู หรือสร้าง link ไปยังข้อความนั้น ๆ จึงจะสามารถเข้าถึงบทความนั้นได้ ซึ่งทำให้เกิดความยากลำบากตามมา




ในบทความนี้จึงขอเสนอวิธีแก้ปัญหาที่ได้กล่าวมาแล้วข้างต้น ซึ่งทำได้ดังนี้




วิธีแก้ไข


Log in เข้าไปที่ blogger และไปที่แผงควบคุม >> รูปแบบ  >> แก้ไข HTML >> ขยายแม่แบบเครื่องมือ









กรณีที่ 1 ค้นหาโค้ด หรือตรวจสอบโค้ดในส่วน CSS style ว่ามีการกำหนดค่าโค้ดต่อไปนี้เอาไว้หรือไม่


#blog-pager-newer-link { 
    display: none; 
} 
#blog-pager-older-link { 
    display: none; 
} 
#blog-pager { 
    display: none;



การกำหนดค่า blog-pager ให้เป็น display: none; เป็นการกำหนดให้ไม่มีการปรากฎหรือไม่ให้แสดงผลของ blog-pager


ถ้าหากพบแล้ว ให้ลบออกและแทนที่ด้วยโค้ดต่อไปนี้


#blog-pager{text-align:center;padding-top:10px;padding-bottom:10px}
#blog-pager-newer-link{padding-left:20px;float:left} 
#blog-pager-older-link{padding-right:20px;float:right}







กรณีที่ 2 ถ้าหากหาโค้ดในกรณีที่ 1 ไม่พบ 


2.1 ให้ค้นหาโค้ด  ]]></b:skin> และวางโค้ดต่อไปนี้ก่อนหน้าโค้ดดังกล่าว


#blog-pager{text-align:center;padding-top:10px;padding-bottom:10px} 
#blog-pager-newer-link{padding-left:20px;float:left} 
#blog-pager-older-link{padding-right:20px;float:right}



2.2 และต่อเนื่องจากข้อ 2.1 ให้ค้นหาโค้ด


<b:widget id='Blog1' locked='false' title='บทความบล็อก' type='Blog'>



หรือ


<b:widget id='Blog1' locked='true' title='บทความบล็อก' type='Blog'>



และตรวจดูว่ามีชุดโค้ดเหล่านี้ปรากฎต่อจากโค้ดดังกล่าวหรือไม่




<b:includable id='nextprev'> 
  <div class='blog-pager' id='blog-pager'> 
    <b:if cond='data:newerPageUrl'> 
      <span id='blog-pager-newer-link'> 
      <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'><data:newerPageTitle/></a> 
      </span> 
    </b:if> 
    <b:if cond='data:olderPageUrl'> 
      <span id='blog-pager-older-link'> 
      <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'><data:olderPageTitle/></a> 
      </span> 
    </b:if> 
    <b:if cond='data:blog.homepageUrl != data:blog.url'> 
      <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a> 
      <b:else/> 
      <b:if cond='data:newerPageUrl'> 
        <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a> 
      </b:if> 
    </b:if> 
  </div> 
  <div class='clear'/> 
</b:includable>





2.3 ถ้าหากมีโค้ดที่ว่านี้อยู่แล้วก็บันทึกแม่แบบได้เลยครับถือว่าเป็นการจบขั้นตอนแล้ว  แต่ถ้าหาแล้วไม่พบก็ให้วางโค้ดในข้อ 2.2 ต่อจากโค้ด


<b:widget id='Blog1' locked='false' title='บทความบล็อก' type='Blog'>

หรือ 
<b:widget id='Blog1' locked='true' title='บทความบล็อก' type='Blog'>



แล้วบันทึกแม่แบบก็จบขั้นตอนการแก้ปัญหานี้