2005年12月20日 星期二

Blogger功能加強-繼續閱讀

Keeping Tomky - Blogger Beta:繼續閱讀

此功能為讓首頁的文章只顯示摘要(想顯示出來)的部份。


修改前請先備份template檔。

第一步:將下列程式碼加到template中的 </b:skin>之後,</head>之前


<b:if cond='data:blog.url == data:blog.homepageUrl'>
<style type='text/css'>
.post #hiden{
display:none;
}
</style>
<script type='text/javascript'>
function has_id_hiden(postid) {
var elm = document.getElementById(postid);
var nodelist=elm.childNodes ;
var i=0;
while(i != nodelist.length){
if (nodelist.item(i).id=='hiden')
return true;
i++;
}
return false ;
}
</script>
</b:if>


第二部:找到下列程式碼

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

改成


<p>
<div expr:id='"doc_"+data:post.id'>
<data:post.body/>
</div>
<b:if cond='data:blog.homepageUrl == data:blog.url'>
<script type='text/Javascript'>
if(has_id_hiden('doc_<data:post.id/>')==true) {
document.write("<a expr:href='data:post.url' title='繼續閱讀'>繼續閱讀</a>");
}
</script>
</b:if>
</p>


繼續閱讀的部份可以自行修改。

第三步:到設定 - 格式 - 文章範本中加入以下程式碼

要顯示的部分
<div id='hiden'>
要隱藏的部分
</div>

或者是在貼文時,自行將要隱藏的部份放在<div id='hiden'>和</div>中。