2006年8月1日星期二

(已失效)在Blogger上仅显示帖子部分摘要

很遗憾,从生如夏花的Blog上得到了一个消息,经他(她)测试发现,Blogger做了限制,现在已经禁止在Link(链接)字段填写一个单纯的数值了。
发现现在的系统不允许把<$BlogItemUrl$>设成非URL格式,也就是不能设成数字,这个办法也不行了。。。

感谢hengzer让我重新注意了这个方法,还有生如夏花的实践精神

还记得我前段时间受启发写出的显示帖子摘要的方法吧?这其中运用了DIV和CSS,为所有帖子限定一个显示的高度,也就使Blogger主页和存档页看起来简短整洁了许多。
但是在这之后很多朋友问过我,也有在论坛里提问如果我在帖子的开头使用了一个大图片,比如,图片height>600px;又或者,我在其中添加了YouTube和其他视频Flash插件,高度在400px左右。而针对帖子高度的限制却是统一的200px,这些图片和插件都显示不全,反而影响了美观,怎么办?
最近总算想到一个解决方案,可以比较完美的解决统一限制高度的缺陷。
因为一部分使用Blogger的用户都习惯从别的网站转载文章,于是Blogger在发布页面为我们设计了一个“链接”字段(注意,默认情况下这个字段关闭,你可以通过把Dashboard“设置”-“格式设定”中的“显示链接字段”改为“是”,重新发布即可),可以填写你所引用文章的网址。而这个网址可以为每封帖子定义一个单独的网址,利用这个原理我们可以把这个字段设置一个数值,应用于每篇帖子的限制高度。我认为自己的想法还很妙
以前提供的代码是这样的:
...
< DIV STYLE="height:150px; border:0px; overflow:hidden; text-overflow:ellipsis">
...
150px就是统一的限制高度,我们就可以在每个帖子中的“链接”字段填写一个数值,比如“122”,这个字段的名称在模板中是<$BlogItemUrl$>,上面的代码就可以改成:

...
< DIV STYLE="height:<$BlogItemUrl$>px; border:0px; overflow:hidden; text-overflow:ellipsis">
...
搞定。

注意此时<$BlogItemUrl$>字段现在就是一个数字了,如果模板中其他地方引用了这个值,最好删除掉,否则访问者点击后将会带到一个错误的数字地址
重新发布即可。
这个方法的效果可以看看我的测试Blog:
http://lbs.marcher.com.cn/testblog/

注:要了解这些代码的用法,可以参考我前面发表的帖子,如果还有问题欢迎来BloggerSpaces论坛提问,或者Mail我