生如夏花 temp: 让blogger首页部分显示

星期日, 三月 04, 2007

让blogger首页部分显示

blogger的系统默认在首页上显示全文，几篇长文下来首页就乱套了。。。
在网上搜到这里，在模板里用div+css让文章在首页只显示指定的像素那么高

<　MainOrArchivePage>
<　style="height:150px; border:0px; overflow:hidden; text-overflow:ellipsis">
<　/MainOrArchivePage>
<$BlogItemBody$>
<　MainOrArchivePage>
<　/DIV>......
<　BR>
<　a href="">">[阅读全文]< /a>
<　/MainOrArchivePage>

不过这种方法对每篇文章都设成同样的高度，height设大了短文章会留白，设小了长文章显示太短，图片也会被切掉。。。
又找到这里，把每篇的<$BlogItemUrl$>设成要显示的高度，再把上面的代码修改成这样

...
<　style="height:<$BlogItemUrl$>px; border:0px; overflow:hidden; text-overflow:ellipsis">
...

又不过，试了下，发现现在的系统不允许把<$BlogItemUrl$>设成非URL格式，也就是不能设成数字，这个办法也不行了。。。
不过换个方式，用不带'$'的<　blogitemurl>标签，使在<$BlogItemUrl$>为非空时，执行内部代码，否则<$BlogItemUrl$>为空时不执行。。。这样，可以把长文章的<$BlogItemUrl$>项随便填上一个网址，就可以让它在首页部分显示，而短文章的<$BlogItemUrl$>项留空，则让按自然高度它完整显示。。。
嗯，俺现在的代码是这样的。。。

<　blogitemurl>
<　mainorarchivepage>
<　div style="height:475px; border:0px; overflow:hidden; text-overflow:ellipsis">
<　/mainorarchivepage>
<　/blogitemurl>
<$BlogItemBody$>
<　blogitemurl>
<　mainorarchivepage>
<　/div>......
<　br />
<　a href="">">[阅读全文]<　/a>
<　/mainorarchivepage>
<　/blogitemurl>

标签： free