请求调换Blogger页面nextprev按钮位置：旧帖左置，新帖右置

要将「旧帖子」按钮移到左侧、「最新帖子」按钮移到右侧，按以下步骤操作：

1. 进入Blogger模板编辑器 #

• 登录Blogger后台，进入「主题」页面
• 点击「自定义」旁边的下拉箭头，选择「编辑HTML」

2. 定位分页按钮的HTML结构 #

在HTML编辑器中按Ctrl+F搜索关键词（如blog-pager、nextprev），找到分页按钮的代码块。法语模板的按钮文本通常对应“Articles plus anciens”（旧帖子）和“Articles plus récents”（最新帖子），代码结构一般如下：

<div class='blog-pager'>
  <a class='blog-pager-newer-link' expr:href='data:newerPageUrl'><data:newerPageTitle/></a>
  <a class='blog-pager-older-link' expr:href='data:olderPageUrl'><data:olderPageTitle/></a>
</div>

3. 调换按钮的HTML顺序 #

将两个<a>标签的位置互换，让「旧帖子」对应的blog-pager-older-link代码放在前面：

<div class='blog-pager'>
  <a class='blog-pager-older-link' expr:href='data:olderPageUrl'><data:olderPageTitle/></a>
  <a class='blog-pager-newer-link' expr:href='data:newerPageUrl'><data:newerPageTitle/></a>
</div>

4. 调整CSS确保布局正确（按需操作） #

如果调换后按钮对齐异常，找到模板中的CSS部分修改对应样式：

• 若使用浮动布局：确保blog-pager-older-link设置float: left;，blog-pager-newer-link设置float: right;
• 若使用Flex布局：通过order属性控制顺序：

.blog-pager {
  display: flex;
  justify-content: space-between;
}
.blog-pager-newer-link {
  order: 2;
}
.blog-pager-older-link {
  order: 1;
}

5. 保存并验证效果 #

点击编辑器右上角的「保存」按钮，打开博客页面查看分页按钮的位置是否符合需求。

内容的提问来源于stack exchange，提问作者lfone