Hamletのページャー部分

Hamlet

Code

      <b:includable id='post:pagination'>
        <b:tag class='blog-pager' cond='data:newerPageUrl or data:olderPageUrl' id='blog-pager' name='div'>
         <b:if cond='!data:view.isHomepage'>
          <b:if cond='data:newerPageUrl'>
            <a class='pager-button' expr:aria-label='data:messages.newerPosts' expr:href='data:newerPageUrl' rel='nofollow'>
              <svg class='i i-arrow-left-long' viewBox='0 0 24 24'>
                <path d='m6 9-3 3 3 3m15-3H3'/>
              </svg>
            </a>
          </b:if>
         </b:if>
          <b:if cond='data:olderPageUrl'>
            <a class='pager-button' expr:aria-label='data:messages.olderPosts' expr:href='data:olderPageUrl' rel='nofollow'>
              <svg class='i i-arrow-right-long' viewBox='0 0 24 24'>
                <path d='m18 9 3 3-3 3M3 12h18'/>
              </svg>
            </a>
          </b:if>
        </b:tag>
      </b:includable>

ホームページ(https://blogname.blogspot.com/)で←(新しい投稿)が表示される対応で赤字部分を追加

リンクに「rel=nofollow」属性が追加されてますね
私もやるか

CSS

.blog-pager{justify-content:center;gap:1rem;margin-top:2.5rem;display:flex}.pager-button{color:var(--color-text);border:1px solid var(--color-border);align-items:center;gap:.5rem;padding:.75rem;display:flex}.pager-button:hover{color:var(--primary)}

SVGアイコン

Meteor icons
https://meteoricons.com/

これもHamlet制作者のアイコンです(MIT License)