blogspot显示摘要

网站的pagerank值一般是首页最高,尽量能再首页显示更多的博文最好。但是blogspot默认无法显示摘要,这就给我们带来了诸多不便,因为如果显示的博文多了,博客的美观难免受到影响。如何更改代码才能使其做到显示摘要呢?
参考了建筑设备与环境网友的文章,我有稍微做了一下更改现将方法共享一下,效果看NOP首页。
选择“布局”-“修改html代码” 注意:在编辑模板前,最好为其保存一份副本。这样以免出现失误好恢复到原来!
勾选“
扩展窗口小部件模板”这个是关键,因为要修改的代码涉及到小窗口部件!
在 .post-body 的 } 结束位置后面添加以下代码 注意
.post-body2{
BORDER-RIGHT: 0px;
BORDER-TOP: 0px;
OVERFLOW: hidden;
BORDER-LEFT: 0px; BORDER-BOTTOM: 0px;

HEIGHT: 100px;

TEXT-OVERFLOW: ellipsis;
}

如图所示


2、找到<data:post.body并将其用以下代码替换,注意是替换:

<span class=“fullpost”> </span>
……

<a title=“阅读全文”><strong>[阅读全文]</strong></a>

这样以后会自动截取高度为100左右的文章出来,如果你觉得不好可以更改.post-body2中HEIGHT后面的数值,只要做到不显示半个字就可以了。

*如果想要列表中不再显示摘要而是全文的话,第一步可以省略,第二步改为:
找到

改为:
更改代码时后手动查找很费劲建议使用firefox+google工具栏来搜索,可以很快定位到要选择的文章。关于如何用firefox来翻墙请参阅这篇文章 使用firefox轻松访问被封的blogger

相关日志

发表评论

电子邮件地址不会被公开。 必填项已用*标注