建立 Blogger 存档页面(二)
之前我记录过一种建立 Blogger 文章归档页面的方法,详见这里。不过这种方法实现的归档以树形显示出所有文章,载入时间大概要多一些。最近我在网站间穿梭,又发现了更好的一种方法,归档仍以树形显示,但是只展开最近一个月的文章,更早的文章会收缩起来,点击月份边上的 + 号才会显示所有文章标题。激动的赛恩童鞋已经换好了。
以下文章修改引用自 Wish You Were Here(链接失效)。
Blogger 的页面(page)并无法新增“小工具”,但是 sidebar widget 的 archive 功能要么是墙内无法访问,要么是不能显示完整的月份+标题的形式,通过 blogger feed 的 api 可以简单的实现在页面上给你的读者一个完整的 post list,特别是对于新的读者来说,预览博客 tags 和 archive 可以让读者知道你的博客主要在记录哪方面的内容。添加归档页面很简单,步骤如下:
- 新增一个页面
- 在新增的页面上添加 HTML:
<script id="archives_widget_js" src="http://fanlibrary.googlecode.com/svn/trunk/blogger/archives_widget_js.js?updated" type="text/javascript">
</script>
- 保存。然后打开“设计”-“修改 HTML”,在 CSS 里新增
.expend_archives {
padding: 0 5px;
margin-left:5px;
font-size:10px;
cursor:pointer
}
其实效率差不多,我在写的时候,稍微考虑了下排版,最近一个月默认显示。
另外,blogger的页面嵌入的评论,加载非常慢。
fer
@Fan Kangsong, 非常感谢你的主题和归档页面的设计~真的很喜欢~
Very happy to see your research result~
@土木坛子 now I have much more research results~
我发现cyan是建立博客强者!
你写的代码偶都看不懂 >.
@Cmin Lim 花美妖, 其实我也看不太懂,都是抄别人的~