Tuesday, June 8, 2010

教你增加Read More功能[旧版本]

Share



许多人使用Read More功能是为了提高浏览速度,减轻部落格负担
这样也让大家看得比较干净吧?XD

首先,到你的Design-->Edit HTML,将Expand Widget Templates打勾
然后按Ctrl+F找<head>

将以下的代码放在<head>的下面
<script type="text/Javascript">

function hidePost(postUrl)
{
var label=document.getElementById("fullpost");
if(label!=null){
eA = document.createElement("a");
eA.setAttribute("href",postUrl);
eA.setAttribute("title","Read More");
eA.appendChild(document.createTextNode("Read More.."));
eB = document.createElement("p");
eB.setAttribute("id","read-more");
eB.appendChild(eA);
label.parentNode.appendChild(eB);
label.parentNode.removeChild(label);}
}
</script>



蓝色部分可以自行更改。

接下来找到:
<p><data:post.body/></p>

用下面的代码代替它:
<p><data:post.body/></p>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:post.url'>
<script type='text/javascript'>hidePost('<data:post.url/>');</script>
</b:if>
</b:if>



最后将你要隐藏的部分使用以下代码来隐藏:
<div id="fullpost">要隐藏的文章打在这里</div>

完成~
目前测试,在IE下确实有提升浏览的效率,但Firefox还没有=)

by:kenchy

2 comments:

Ng Xin Min said... 回复此评论
This comment has been removed by the author.
笨蛋‘s life☆ said... 回复此评论

谢谢分享~~

:)) ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* :| 8-} :)] ~x( :-t b-( :-L x( =))

Post a Comment