Blogger 主题的下一个和上一个按钮

Question

这可能需要很长时间，而且可能是一个很难回答的问题，但请帮忙。

我有一个博客博客 这是一个阅读日本漫画的博客。

这个博客的主题其实是发布的，还没有完全开发。我下载了它并应用了它，尽管我在必要的地方几乎完成了编码，但还是遗漏了一些问题。

其中之一是 Next 和 Prev 按钮。对于临时用途，我放了 data:newerPageUrl 和 data:olderPageUrl 以上两个标签用于链接上一篇文章和下一篇文章。

由于这是一个漫画网站，我希望下一个按钮能够工作，直到漫画标题的最后一章结束（在相同类别下）并给出错误说下一章还没有。

忽略错误部分，现在我想要的只是“下一步”按钮转到漫画的下一章并停在该漫画的最后一章。

主题中已经存在的代码是：

<nav class='op-pagi'>
<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'>
<i class='fa fa-angle-left'/> Prev</a>
<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'> Next <i class='fa fa-angle-right'/>
</a>
</nav>

让我更容易地简化我的想法并告诉你： 漫画是漫画的一种。 这些漫画通常分为不同的流派。
一部漫画显然可以分为不同的流派。 我为这些漫画提到的类型有：浪漫、学校、喜剧、动作、冒险等。
在我的博客中，我使用这些类型作为标签。

假设一部漫画中有 3 个章节：
Chuuko 演示 Koi ga Shitai！第一章
Chuuko 演示 Koi ga Shitai！第二章
Chuuko 演示 Koi ga Shitai！第三章

假设以上 3 个章节都属于 4 个相同的标签，例如：

爱情、校园、喜剧、Chuuko 演示 Koi ga Shitai！

因为它们是同名漫画的章节Chuuko demo Koi ga Shitai！

假设我在博客中发布了 3 篇文章：

帖子 1：

Title : Chuuko demo Koi ga Shitai！第一章

标签：浪漫、学校、喜剧、中子演示 Koi ga Shitai！

帖子 2：

Title : Chuuko demo Koi ga Shitai！第二章

标签：浪漫、学校、喜剧、中子演示 Koi ga Shitai！

帖子 3：

Title : Dungeon Seeker Chapter 1

标签：动作、剧情、奇幻、地下城探索者

假设我正在浏览第一个帖子：Chuuko demo Koi ga Shitai！第 1 章。

阅读后我按下NEXT按钮，进入下一章Chuuko demo Koi ga Shitai！第 2 章。

现在当我按下 NEXT 按钮时，我不希望它进入 Dungeon Seeker 第 1 章。它会转到 Dungeon Seeker 第 1 章，因为我使用 data:newerPageUrl 作为NEXT 按钮 html 代码。
相反，我只想让它在那里结束。

更简单：
演示当我按下下一个按钮时会发生什么：
地牢探索者第 1 章
下一个按钮：地牢探索者第 2 章
下一个按钮：地牢探索者第 3 章
下一个按钮：地牢探索者第 4 章
如果没有更多章节...没有更多的下一步按钮。

好像当我到达最新的帖子时，NEXT 按钮会自动被禁用。看起来它已预装在主题中。
如果你当时明白， 请提供代码帮助:)

Answer 1

添加样式代码

1. 在模板html中搜索此行]]></b:skin>

2. 现在将以下代码添加到]]></b:skin>之前

.svg-wrap{position:absolute;width:0;height:0;overflow:hidden;overflow-x:hidden;overflow-y:hidden}.nav-slide a{position:fixed;top:50%;display:block;outline:0;text-align:left;z-index:1000;-webkit-transform:translateY(-50%);transform:translateY(-50% )}.nav-slide a.prev{left:0}.nav-slide a.next{right:0}.nav-slide a svg{display:block;margin:0 auto;padding:0}.nav-slide .icon-wrap{position:relative;z-index:100;display:block;padding:20px;background-color:#fff}.nav-slide svg.icon{fill:#34495e}.nav-slide div{position:absolute;top:50%;background-color:#34495e;-webkit-transition:-webkit-transform .3s;transition:transform .3s}.nav-slide a.prev div{left:0;padding-left:86px;padding-right:10px;-webkit-transform:translateY(-50%) translateX(-100%);变换:translateY(-50%) translateX(-100%)}.nav-slide a.next div{right:0;padding-right:86px;padding-left:10px;text-align:right;-webkit-transform:translateY(-50%) translateX(100%);transform:translateY(-50%) translateX(100%)}.nav-slide h3{position:relative;margin:0;padding:20px 0；颜色：#fff；空白：nowrap；字体粗细：300；字体大小：1.3em !important;line-height:1.5}.nav-slide div h3 span{display:block;color:#95a5a6;font-style:italic;font-size:65%;font-family:Baskerville,"Baskerville Old Face","Hoefler Text",Garamond,"Times New Roman",serif}.nav-slide a:hover div{-webkit-transform:translateY(-50%) translateX(0);transform:translateY(-50%) translateX(0)}@media screen 和 (max-width:520px){.nav-slide a.prev{-webkit-transform-origin:0 50%;transform-origin:0 50%}.nav-slide a.next{-webkit-transform-origin:100% 50%;transform-origin:100% 50%}.nav-slide a{-webkit-transform:scale(0.6);transform:scale(0.6)}}

完整源代码在这里：https://pastebin.com/frWjV4Ja