889° 2011387字3条评论

建立 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
}
EOF
678°
Little Flower
Comments
Write a Comment
  • Fan Kangsong reply

    其实效率差不多,我在写的时候,稍微考虑了下排版,最近一个月默认显示。

    另外,blogger的页面嵌入的评论,加载非常慢。

    fer

    • ccyann reply

      @Fan Kangsong, 非常感谢你的主题和归档页面的设计~真的很喜欢~

  • Very happy to see your research result~

    • ccyann reply

      @土木坛子 now I have much more research results~

  • 我发现cyan是建立博客强者!

    你写的代码偶都看不懂 >.

    • ccyann reply

      @Cmin Lim 花美妖, 其实我也看不太懂,都是抄别人的~

点击加载Disqus