星期五, 九月 21, 2007

Blogger如何实现首页摘要

首先可以肯定BLOGGER并没有提供首页摘要的设置, 所以, 这就需要我们自己动手来创建这个功能了. 做起来也很简单,为了避免HTML问题, 下面所涉及到的代码中, 所有应该是"<"或者">"的, 都用"《"和"》"代替, 如果要复制文本, 请手动替换回"<"和">".

首先在模板的《style》和《/style》之间, 插入以下代码:

/* 首页和存档页摘要,日志页全文代码
------------------------------------------------- */

《MainOrArchivePage》
span.full {display:none;}
《/MainOrArchivePage》
《ItemPage》
span.full {display:inline;}
《/ItemPage》
这样, 首页摘要就定义好了, 下面要做的, 就是添加(或修改原有的)原文地址连接了. 在模板《BlogItemBody》代码下方, 你会看到发布者, 发布时间, 评论, 等等连接的源码, 在你认为合适的位置, 添加或者修改"查看原文"的连接. 代码:

《a href="《$BlogItemPermalinkUrl$》" target="_blank"》原文地址《/a》
接下来要做的, 就是修改文章了. 找到你认为在首页显示篇幅过长的日志, 修改, 在HTML模式下, 将你认为需要在首页隐藏的内容用《span class="full"》和《/span》扩起来. 比如:

这里是在首页要显示的内容, 《span class="full"》这里是在首页被隐藏的内容.《/span》
需要注意的是, 这个首页摘要功能是手动的, 并不会自动为每篇日志设置摘要, 这个设置适合平时首页都是以全文显示日志, 只是偶尔遇到长篇幅日志才要用到首页摘要功能的BLOG. 不过仔细想一下, BLOG首页也就那几篇日志, 每次写的时候手动去加一下标签也不累. 也无所谓自动不自动了.

标签:

全文地址

谈如何不让统计或广告拖慢你的网站

要不想让统计或广告之类的外部代码或页面拖慢网站的速度,就只能让他们在本站页面的所有内容下载完成之后再下载外部代码,而在此之前应该在网页指定的位置显示载入中或是用图片标示该位置有内容正在下载。
这样,要实现该功能的代码就分为三个部分:
一、在页面中提示载入中的代码;
二、页面所有内容之后,需要下载的外部代码;
三、外部代码下载之后,把代码置换到页面中指定位置的代码。(网建的那篇贴子就少了这部分代码,所以不成功)。
下面举例说明,相信大家举一反三,能很容易掌握。
在这个例子里,我们在外部代码载入前用/images/proimg.gif这个图片来提示正在下载内容。
我们要调用的外部代码是某个广告代码。
在网络条件比较好的时候,代码调用的速度较快,可能不太明显。但是在外部服务器出问题的时候,它的作用就显示出来了,防范于未然吧!

第一部分的代码为:

这部分很好懂,注意这里span的ID,在这里是ad_01。记下它,后面要用到。
这部分的代码应该是在页面中你为广告或统计预留的位置。
第二部分代码也很简单:

与上面一样,也要记下这里span的ID,在这里是span_ad_01,这个ID不能跟上面的ID相同。
为了不让这部分外部代码拖慢你的网页显示速度,这部分应该放在页面所有正文的内容之后。事实上,完全可以把这部分代码放在< /html>标签的外面,我在IE6下测试过。
第三部分代码比较重要,也稍微难记一些,是用来把后来载入的代码替换到页面内容中:

这段代码有两句,第一句中=前是第一部分代码中指定的span的ID加.innerHTML,=后是第二部分代码中指定的span id加.innerHTML。第二句是将第二部分的spanid内容清空。
注意:这部分的代码要放在第二部分代码之后,最好紧跟在第二部分代码的后面。
三部分代码添加之后,再看下你的网站,再也不会因为要调用外部代码拖慢网页的显示速度了。

标签:

全文地址