Blogger值得注意的模板 - 分页修复或替换？

Question

主页底部的Blogger“Notable”模板的帖子分页链接仅显示“更多帖子”链接。它缺少“以前的帖子”。它也缺少传统的“Home”链接。 “更多帖子”链接在帖子的最后一页上正确消失。

我希望至少启用“以前的帖子”链接。

这似乎是Google的故意，因为代码包含以下内容：

<div class='blog-pager container' id='blog-pager'> <b:include cond='data:newerPageUrl' name='previousPageLink'/> <b:include cond='data:olderPageUrl' name='nextPageLink'/> <b:include cond='data:view.url != data:blog.homepageUrl' name='homePageLink'/></div>

但是在两个地方，每个代码都包括：

<b:includable id='previousPageLink'><!-- Don't show --></b:includable>

<b:includable id='homePageLink'><!-- Don't show --></b:includable>

我试图通过首先改变这一行来解决这个问题：

<a expr:href='data:blog.homepageUrl'>Home</a>

唯一能做的就是“首页”链接显示在帖子的最后一页上，其中放置了“更多帖子”。在线发现的其他几个例子无法尝试，因为它们引用了模板中不再存在的代码。

我还尝试过至少十几个第三方编号的分页编码方案，这些方案会覆盖Blogger的现有代码，但这些代码无法正常运行。

如何修复模板以启用可能有用的链接或第三方代码？

Answer 1

您需要更换 -

<b:includable id='previousPageLink'><!-- Don't show --></b:includable>

带

<b:includable id='previousPageLink'>
    <a class='blog-pager-newer-link flat-button ripple' expr:href='data:newerPageUrl' expr:title='data:messages.newerPosts'>
        <data:messages.newerPosts/>
    </a>
</b:includable>

并替换

<b:includable id='homePageLink'><!-- Don't show --></b:includable>

与

<b:includable id='homePageLink'>
    <a class='home-link flat-button ripple' expr:href='data:blog.homepageUrl' expr:title='data:messages.home' >
        <data:messages.home/>
    </a>
</b:includable>

在页面导航中显示Previous Posts（现在称为Newer Posts）和Home按钮。根据所使用的主题，您需要添加自定义CSS才能使它们正确显示

Answer 2

感谢Prayag Verma！工作得很好！

＆＃34;更多帖子＆＃34;链接代码是：

<b:includable id='nextPageLink'>
<a class='blog-pager-older-link flat-button ripple' expr:href='data:olderPageUrl' expr:title='data:messages.morePosts'>
<data:messages.morePosts/>
</a>
</b:includable>

我决定替换旧版和新版链接的默认文本。因此，我将<data:messages.newerPosts/>替换为← Previous，并将<data:messages.morePosts/>替换为Next →。

我还添加了一个边框，让它们更突出。由于此按钮类具有-8边距，因此需要将边距重置为0，否则彼此相邻的两个按钮将重叠。然后将8px边距添加到“下一步”按钮，以便它们不会触摸。

由于此模板顶部使用粘性菜单，因此按钮上的“主页”按钮是不必要的，因此我将其隐藏起来。博客寻呼机的默认上边距太大，因而减少了。

需要在</body>标记上方插入以下代码：

<style>
.blog-pager a{
margin: 0px;
border: 1px solid #25a186;
}

.blog-pager a.blog-pager-older-link.flat-button.ripple{
margin-left: 8px;
}

.blog-pager a.home-link.flat-button.ripple{
display:none;
}

.blog-pager{
margin-top: 14px;
</style>