× 738字 × 115阅

Blogger 主题 Simplicity

这是我独立设计并编码的第一个主题 Simplicity,本以为会诞生在 WordPress 时期,没想到献给了 Blogger。其实是觉得欣慰的,毕竟对 Blogger 有着很深厚的感情,也是它唤起了我对于网页设计的喜爱,这么算来 Blogger 是我的启蒙老师!这个主题是我送给 Blogger 的离别礼物,题如其名,是追求极简主义的一个主题。

预览

Blogger 主题 Simplicity
Blogger 主题 Simplicity

特点

不足

  • 无二级菜单
  • 非响应式设计,手机阅读较吃力

安装

在线预览:https://theme-simplicity.blogspot.com

下载 blogger-theme-simplicity.xml,进入 Blogger 后台,选择 Template(模板) 选项,点击右上角 Backup / Restore(备份/还原),先 Download full template(下载使用中的模板)以做备份,然后再 Choose File(选择文件),选择刚刚解压的 blogger-theme-simplicity.xml,点击 Upload(上传)。上传完成后可以刷新一下博客页面,这时候应该已经有了基本版面,接着我们就来修改一下细节。选择 Layout(布局)选项,按照以下图片中所示结构调整相应模块:

Layout
  • Favicon 网站图标:可以上传自己喜欢的图片;
  • Simplicity (Hearder) 网站名称:在 Setting(设置)里更改;
  • Pages 菜单栏:标题留空,否则会出现在菜单栏上方;
  • Blog Posts 博文:更改发布时间、标签等点击右下角 Edit(编辑);
  • Disqus 墙内能够使用的评论系统没有选择多说的原因):需要删除,然后到 disqus.com 重新安装一次(更多 Disqus 相关技巧);;另外需要修改 Recent comments 里的代码,将 your-disqus-shortname 更换为你的 Disqus shortname(Disqus 后台可以找到);
  • Add a Gadget 添加小工具:此部分一共分为四块1234,前三块123分别对应三列小工具栏,最后一块4是一长列大工具栏。应该已经有人注意到4里面有一个叫 HTML/JavaScript 的模块,这里面装的是显示相关文章的 LinkWithin 的代码。请参考 Blogger 添加相关文章进行修改。

下载

今天整理旧 Blogger 博客的时候,决定优化一下设计以方便他人使用。其中就包含如何自动更新版权年份。幸而找到 how to update copyright year in blogger automatically(原链接失效),秒解此题。 Copyright &#169; <script type='text/javascript'>var creditsyear = new Date();document.write(creditsyear.getFullYear());</script> <a expr:href='data:blog.homepageUrl'><data:blog.title/></a> 显示效果:Copyright © 2014 Simplicity
点击加载Disqus评论