好心情Blog

回忆过去发生的，记录现在拥有的，展望未来改变的。

Apr
25
让Z-Blog也显示＂相关文章＂

2007-4-25 19:16:22 | 分类:[工作学习] | 引用:0 | 评论:3 | 浏览:

看月光博客等一些Blog中都有＂相关文章＂列表, 感觉比Z-Blog目前这样只在文章底部显示Tags要好很多. 因为大家看到标签并不知道你这个标签下写过多少文章, 也不知道是否值得一看, 所以很少有人会特意点Tags中的链接去看一下的(除非有人对某个标签类型中的文章特别感兴趣), 但如果下面直接列出的是相关的文章, 那就两说了, 读者可能随意一瞟, 看到其中一篇的标题比较感兴趣, 当然会点开看一下具体内容了.

一直想给Z-Blog加这么个功能, 但总没有时间, 今天下午正好没有工作, 就打开Z-Blog的源码, 一行一行地跟踪, 想在适当的位置加了这一功能.

当跟踪到Function文件夹下的c_system_lib.asp中Export_Mutuality这个函数时发现这个函数就是显示相关文章列表的, 原来Z-Blog本来就有这一功能, 只是默认模板中没用, 所以多数人都不知道而已 -_-!!!

既然原本就有, 那就简单了, 只要打开b_article-single.html, 在适当的位置(想显示相关文章的位置)添加如下代码并重建全部文章一遍就好了

<ul id="mutuality">
　　相关文章 [查看与 <#template:article_tag#>相关的全部文章]
<#template:article_mutuality#>
</ul>

当然, 以上只是显示相关列表, 具体显示的样式则可以通过修改TEMPLATE\b_article_mutuality.html这个模板文件及相应的CSS来实现了. 我现在用的是阿查的风格, 修改的模板及CSS如下:

b_article_mutuality.html:
<li><a href="<#article/mutuality/url#>" _fcksavedurl=""<#article/mutuality/url#>"" title="<#article/mutuality/name#>&#10;&#13;<#article/mutuality/posttime#>"><#article/mutuality/name#></a></li>
CSS中加入如下定义:
#mutuality {/*日志内容页相关文章列表*/
text-align:left;
border:1px #B0BDC6 solid;
padding:10px;
font-weight: bold;
line-height: 22px;
margin-top: 0 0 10px 0;
overflow: auto;
_height: 1%;
background-image: url(azha/relation.gif);
background-repeat: no-repeat;
background-position: 10px 12px;
}
#mutuality li {
font-weight: normal;
float: left;
width: 255px;
white-space: nowrap;
text-overflow:ellipsis;
overflow: hidden;
line-height: 18px;
background-image: url(azha/pointtext.gif);
background-repeat: no-repeat;
padding-left: 14px;
}
如果风格或放的位置跟我不同的话, 主要修改一下CSS定义就可以的.

Del.icio.us :

Tags: Z-Blog  
点击这里获取该日志的TrackBack引用地址
评论[ 3 ]
2007-4-25 19:52:55 [回复] [编辑] [删除] 第1楼. Washun
地球人都知道Z-blog默认模板一直以来都有相关文章功能的。
汗！
2007-9-20 11:56:40 [回复] [编辑] [删除] 第2楼. flowerhao
顶一个！
2008-3-2 20:32:29 [回复] [编辑] [删除] 第3楼. seo
收下了，不错

发表评论：

◎欢迎参与讨论，请在这里发表您的看法、交流您的观点。

Blog搜索

Blog分类

RSS订阅



可能与本文相关的广告

最新评论及回复

留言本最新留言

最新文章

Tags云集

Powered by Z-Blog and Template by 软件兔. 随意转载, 但请在文章中加上本站链接:〖好心情Blog〗