2006年12月7日星期四

blogger:Blogger Beta中标签、搜索结果与存档页面的优化(一)

这部份内容较多,所以我分几部分来写。今天先来介绍:

(一)如何在标签、搜索结果与存档页面中只显示文章的标题
我们都知道如果在 Blogger Beta 中进行搜索或选择任何一个分类标签时,结果总会是以全文来显示的,存档文件也是如此。如果我们的文章数量很多内容又长,再加上其中也许会有大量的图片或音频视频的内容,这样就会大大的影响了页面读取的时间。而且在众多内容面前,你的读者们也不可能马上就找到感兴趣的文章,浏览效率因此降低了。如果我们能让它只显示文章的标题,并给出其固定链接,一目了然,这个问题自然就得到解决了。你可以先在本博客上看到效果,如果感觉不错,下面就开始进行操作:

进入模板HTML编辑界面,备份,展开,找到如下一段代码:

<b:widget id='Blog1' locked='false'
title='Blog Posts' type='Blog'>
<b:includable id='main' var='top'>
<!-- posts -->
<div id='blog-posts'>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.dateHeader'>
<h2 class='date-header'>
<data:post.dateHeader/></h2>
</b:if>

<b:include data='post' name='post'/>

<b:if cond='data:blog.pageType == "item"'>
<b:if cond='data:post.allowComments'>
<b:include data='post' name='comments'/>
</b:if>
</b:if>
</b:loop>
</div>

将其中红色的部分替换成以下代码:
<b:if cond='data:blog.homepageUrl !=
data:blog.url'>
<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url'>
<data:post.title/></a><br/><br/>
<b:else/>
<b:include data='post' name='post'/>
</b:if>
<b:else/>
<b:include data='post' name='post'/>
</b:if>

保存更新,这时你的标签、搜索与存档页面的显示结果就都是以文章标题来显示了。下一节我们将介绍如何突破每页20篇文章的限制,请继续留意。

希望上文对你有所帮助,如有任何疑问可留言告知,我会尽快给予回复。

8 评论:

匿名 说...

你好!我想把一张800*600的图片置顶替换标题行,想做成这个效果http://www.lifetea.org/
关于这个问题在google上搜过,很多人都在问,还没有解答,你可否就这个问题开一讲,谢谢!我的HTML非常烂!

匿名 说...

很忙,估计帮不了这个忙,不好意思~~

匿名 说...

请问如何才可以让blogger在首页不显示全文,而只是文章的摘要呢?国内很多博客都有这样的功能。
谢谢

匿名 说...

请查看右上角hack 导航~的归类

匿名 说...

那个东西第三步不会用啊
斑斓兄这两天好像也不来

匿名 说...

怎么可以不显示日期,就是只显示题目?

匿名 说...

去掉 <h2 class='date-header'>
<data:post.dateHeader/></h2>

匿名 说...

我问一下,我只想让主页上文章只显示题目,你这个方法可以吗?

发表评论: ☆欢迎灌水☆言论自由☆交流快乐☆