博文

目前显示的是 2019的博文

为 Blogger 添加数字分页导航

图片
该图片由Terri CnuddePixabay上发布 Blogger 的默认主题一般都不包含数字分页的功能,如果我们浏览到后面几页的时候突然想看前面的某一页,就只能一步一步的倒退回去。 不过好在 Blogger 可以通过编辑页面的原始代码,来让主题的效果达到自己的理想状态。下面就来看一下吧。 文章原文是英文,我选择了其中重要的部分,翻译转述过来,点击这里查看原文 添加 CSS 登录你的 Blogger 页面,点击左侧 Tab 栏中的 主题背景,选择 修改 HTML。 在代码上任意地方点击一下,让当前活动聚焦到页面的 HTML 代码,按下快捷键 CTRL + f,在代码的右上角应该会显示一个小小的搜索框,在搜索框中输入下面的代码: ]]></b:skin> 回车之后光标会导航到相应的位置,在该行代码的上面根据你的喜好插入下面任意一种分页导航的主题代码。 灰色 #blog-pager{clear:both;margin:30px auto;text-align:center; padding:7px;}.blog-pager{background: none;}.displaypageNuma,.showpagea,.pagecurrent{padding:3px7px;margin-right:5px;background:#E9E9E9;color:#888;border:1px solid #E9E9E9;}.displaypageNuma:hover,.showpagea:hover,.pagecurrent{background:#CECECE;text-decoration:none;color:#000;}.showpageOf{display:none!important} #blog-pager.showpage, #blog-pager.pagecurrent{font-weight:bold;color:#888;}#blog-pager.pages{border:none;} 黑橙 #blog-pager{clear:both;margin:30px auto;text-align:center; padding:7px;}.blog-pager{background: none;}.displaypageNuma,…