🚀JetThemeのページャーを置き換える(完結編)

これまでの時系列

1. 🚀JetThemeのページャーを置き換える
2. 🚀JetThemeのページャーを置き換える その2

前のはSimpleのコードだったみたいです(今回もSimpleのコードです)

元のコード

(2026/05/04 ホームページで新しい投稿が出ない様に条件分岐を追加)

              <b:includable id='nextprev'>
  <div class='blog-pager' id='blog-pager'>
<b:if cond='!data:view.isHomepage'>
    <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;'><data:newerPageTitle/></a>
      </span>
    </b:if>
</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;'><data:olderPageTitle/></a>
      </span>
    </b:if>

    <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>

  </div>
  <div class='clear'/>
</b:includable>

nextprev を JetPagination に置き換えます

追加CSS

div.clear{clear:both}
#blog-pager-newer-link{float:left}#blog-pager-older-link{float:right}#blog-pager{margin:1em 0;text-align:center;overflow:hidden}

デフォルトCSSから持ってくればいいんだよねという事で
単純な話でした

関連

• Blogger標準のウィジェットCSSを無効にする