[code] read more (authorized copy form "Delikatessen")

首頁文章使用"read more"收合的語法

from: Hackosphere: Expandable posts with peekaboo view

step1.
在</head>之前加入這些

<script type='text/javascript' src='http://www.anniyalogam.com/widgets/hackosphere.js' />



step2.
找到<b:includable id='post' var='post'>
改成以下程式碼

<b:includable id='post' var='post'>
<div class='post uncustomized-post-template' expr:id='"post-" + data:post.id'>
<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<h3 class='post-title'>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</h3>
</b:if>

<div class='post-header-line-1'/>

<div class='post-body'>

<b:if cond='data:blog.pageType == "item"'>

<p><data:post.body/></p>

<b:else/>
<style>#fullpost {display:none;}</style>
<p><data:post.body/></p>
<span id='showlink'>
<p><a href='javascript:void(0);' expr:onclick='"javascript:showFull(\"post-" + data:post.id + "\");"'>Read More...</a></p>
</span>
<span id='hidelink' style='display:none'>
<p><a href='javascript:void(0);' expr:onclick='"javascript:hideFull(\"post-" + data:post.id + "\");"'>Summary only...</a></p>
</span>
<script type='text/javascript'>
checkFull("post-" + "<data:post.id/>");
</script>
</b:if>

<div style='clear: both;'/> <!-- clear for photos floats -->
</div>


紅色字是更改的部份
綠色字是可以隨意寫的


Step3.
到blogger的設定→格式→文章範本貼上

<span id="fullpost"></span>


然後儲存設定
以後把要隱藏的部分寫在<span id="fullpost"></span>裡面就可以了