雪花栈（部落格教程，软件与IT实践）: 教你增加Read More功能[旧版本]

Tuesday, June 8, 2010

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

许多人使用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