资源先锋

A Free Resource Blog @ 88in.in

Menu
  • 首页
  • 免费网络资源
    • 免费主机空间
    • 免费域名注册
    • 免费CDN加速
    • 免费DNS解析
    • 免费SSL证书
    • 免费在线图床
    • 免费电子邮箱
  • 免费网络工具
    • IT小技巧
    • WordPress
    • Blogger
    • Cloudflare
    • Github
  • 站长工具专题
  • 精品软件资源
  • 免费AI工具
Menu

Google Blogger翻页功能的定制修改

Posted on 2024年11月23日2024年12月31日 by Admin

Google Blogger底部的翻页导航体验其实不怎么样,优化的方法有两种,一种是通过插件方式,将翻页的导航条隐藏,滑动到底部后自动翻页,另一种方法是,将模板中翻页默认的“较旧的博文”、“较新的博文”修改为“下一页”和“上一页”。

浏览自动翻页导航

通过一个第三方插件Infinite Ajax Scroll对其进行优化,实现的效果是:浏览到页面底部的时候,自动加载下一页内容,也就是下拉加载效果,这种效果可以让用户不用点击“下一页”按钮,也可以实现翻页,无论在PC还是手机上,体验效果都很不错。

具体修改方法是:在布局界面,添加HTML/JAVASCRIPT小工具,然后在里面添加如下代码。

<script src=”infinite-ajax-scroll/3.0.0/infinite-ajax-scroll.min.js”></script>
<script>
let ias = new InfiniteAjaxScroll(‘.blog-posts’, {
  item: ‘.date-outer’,
  next: ‘#blog-pager-older-link a’,
  pagination: ‘#blog-pager’,
  spinner: ‘.loader’,
});
ias.on(‘load’, function(event) {
  event.nocache = true;
});
</script>

修改翻页文字

Blogger模板中翻页默认显示的是“较旧的博文”、“较新的博文”,可以将其修改为“上一页”、“下一页”,具体的修改方法是:

进入Blogger 后台,选择 “主题背景”-“修改HTML”,在代码框内空白处点击一下,然后按Ctrl+ F 。

在搜索框内输入并查找<data:newerPageTitle/>,找到后,用“上一页”代替。

在搜索框内输入并查找<data:olderPageTitle/>,找到后,用“下一页”代替。

之后,保存主题模板,再次打开主页,就会发现“较旧的博文”、“较新的博文”已经被替换为“下一页”和“上一页”。

Google Blogger翻页功能的定制修改

Category: Blogger, 免费网络工具

发表回复 取消回复

您的邮箱地址不会被公开。 必填项已用 * 标注

分类

  • Blogger
  • Cloudflare
  • Github
  • IT小技巧
  • WordPress
  • 免费AI工具
  • 免费CDN加速
  • 免费DNS解析
  • 免费SSL证书
  • 免费主机空间
  • 免费在线图床
  • 免费域名注册
  • 免费电子邮箱
  • 免费网络工具
  • 免费网络资源
  • 其他免费资源
  • 站长工具专题
  • 精品软件资源

归档

  • 2025 年 1 月
  • 2024 年 12 月
  • 2024 年 11 月
  • 2024 年 10 月
  • 2009 年 2 月

近期文章

  • HZ.CZ 捷克1G容量免费虚拟主机
  • 250M老牌PHP免费云主机 Freehostia
  • 5G容量不限流量免费空间 InfinityFree
  • ClouDNS 免费永久域名 可托管Cloudflare
  • 国内老牌免费智能域名DNS解析服务 – DNSPod
  • GitHub
  • Mail
  • WordPress
© 2025 资源先锋 | Powered by Minimalist Blog WordPress Theme