清清爽爽——“存档的圈圈”

前两天写了一篇Blogger-Beta Hack之“简洁的搜索/标签结果”介绍了怎样在Blogger-Beta下以列出标题的方式显示搜索/标签结果，而不是显示所有帖子的内容。目的是为了获得更好的视觉效果。

今天无意间打开“存档的圈圈”，发现8月的存档居然也是详细显示每个存档的帖子的所有内容，8"O"上月很勤快的写了四十几篇文章，如果不是因为折叠Blogger的关系，存档展开的页面会更长。怎样才能清清爽爽的显示存档的结果呢？Blogger的帮助给我们提供了一个解决方案。跟着8"O"一步一步来实现“通过主题列出存档文件”的效果吧！

1.打开模板编辑，备份原模板（小心驶得万年船）；

2.找到<Blogger>……­</Blogger>这段代码；

3.将<Blogger>标签替换成<MainPage> <Blogger>；

4.将</Blogger>标签替换成</Blogger></MainPage> ；

5.复制<MainPage> <Blogger>……</Blogger> ­</MainPage>间所有代码（连标签）；

6.在</Blogger> </MainPage>标签后粘贴上述代码；

7.将<MainPage>/</MainPage>标签改为<ItemPage>/</ItemPage>

休息一下，上面的工作是把原来的一段<Blogger>……­</Blogger>代码替换为
<MainPage> <Blogger>……</Blogger> ­</MainPage>
<ItemPage> <Blogger>……</Blogger> ­</ItemPage>
其中“……”内容不变，这样做的原因帮助中已经说明，8"O"就不复述了，大家可能觉得同样的代码出现两次太没有效率（应该会影响网页加载的速度），但是为了实现清洁的存档，目前似乎只有这个方法。继续：

8.将这段代码放入你认为合适的位置

<ArchivePage>
<Blogger>
<BlogItemTitle>
<a href="<$BlogItemPermalinkURL$>"><$BlogItemTitle$></a>
<br />
</BlogItemTitle>
</Blogger>
</ArchivePage>

8"O"放在

<!-- Begin #main -->
<div id="main"><div id="main2">

之后，你也可以根据帮助中的说明为其添加时间标签<BlogDateHeader> <$BlogDateHeaderDate$> </BlogDateHeader>或者进行其他自定义设置。

注意事项：如果仅按帮助中的步骤似乎可以实现清洁存档，但是如果你点击存档中的标题似乎会出现帖子也无法正常显示的问题（至少8"O"一开始就碰到了这样的状况），如果你也遇到同样的情况，恭喜你！继续往下看吧
1.定位<ItemPage> <Blogger>……</Blogger> ­</ItemPage>这段代码；

2.找到<!-- Begin #comments -->下面的<ItemPage>标签，将其删除；

3.找到<!-- End #comments -->上面的</ItemPage>标签，将其删除；

保存修改，重新发布，大功告成！

这样你就可以有类似这样的存档的圈圈。是不是让你感觉清爽一点？

Tags: blogger archive page itempage mainpage 存档 标题 主题 文件 帖子页 技巧 心得 教程