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

สอนทำ blogger


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

tab เมนู

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


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


วิธีแก้ไข

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


สอน blogger


กรณีที่ 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'>

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

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

  1. เวลาเลือกบทความจาก Label นั้นจะขึ้นข้อความนี้ตรงด้านบน "แสดงบทความใหม่ล่าสุดที่มีป้ายกำกับ ...... แสดงบทความเก่ากว่านี้" ซึ่งจะเป็นเฉพาะบางป้ายกำกับเท่านั้น คือจากจะลบออก ต้องทำยังไงค่ะ เพราะว่าด้านล่างมีตัว blog-pager อยู่แล้ว

  1. ที่เป็นเฉพาะบางป้ายกำกับเพราะแต่ละป้ายกำกับบทความไม่เท่ากันบทความไหนมากก็จะปรากฎ

    ใช้โค้ดนี้วางก่อนหน้าโค้ด ]]></b:skin> ครับ

    .status-msg-wrap,.status-msg-body,.status-msg-bg,.status-msg-border{display:none}

  1. หายแล้ว ขอบคุณค่ะ ^__^ อ.hack

  1. ทำไม่ได้อะค่ะ มันแอบไปอยู่ด้านขวา ข้างๆ side bar - -

  1. ไม่มีเลยครับ..

    เงียบกริบเลย

  1. เจอแบบนี้อะ ครับ ทำไง

    #blog-pager-newer-link {
    float: $startSide;
    }

    #blog-pager-older-link {
    float: $endSide;
    }

    #blog-pager {
    text-align: center;

  1. ทำเเล้วเเต่ มันไม่ได้ ไม่รู้ทำไม

  1. คือว่าทำแล้วมันยังไม่เห็นเลยหน่ะค่ะ

  1. ช่วยดูให้หน่อยครับ เวลาผมเขียนบทความแล้วโพสต์ลงไปแล้ว แต่มันไม่แสดงบทความครับ
    Blogger http://non-profitsinthailand.blogspot.com/ ขอบคุณล่วงหน้านะครับ

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

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

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