2007年2月11日星期日

实现增加“Read More”功能

最终我今天在on the glade那里找到了增加“Read More”的方法,在这里我自己做一下“笔记”,一为给自己留个底儿,二为加深印象。


具体方法如下:


*首先,在“修改HTML”界面中勾选“扩展窗口小部件模板”;

*第二步,在代码<head>后面的<title><data:blog.pageTitle/></title><b:skin><![CDATA[/*之间加入如下代码:(其中蓝色的地方可更换为“继续阅读”or “查看全文”等,随意)

<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>

到此,完成了所有html上面的修改。

以后在po文章的时候把自己希望在首页隐藏的文字前面加上<div id="fullpost">,后面加上</div>即可。如:

<div id="fullpost"> *这段我想隐藏*</div>

没有评论: