繼續閱讀

突然發現blogger沒有繼續閱讀的功能，在自己懶得寫的情況下，只好四處尋找！

繼續閱讀的模式有兩種：

1. 取一定字元數做中斷
2. 以取代方式做中斷

1.的做法其實是很傻瓜的做法，自動化，過度的方便反而會成為一種限制，2.的做法雖然麻煩了點，但有時文章自動斷掉結果按繼續閱讀可能只再出現幾個字或一、兩句話，其實是不太美觀的！而文章有時又會夾雜一些語法，，所以我選擇2.的辦法，google大神幫我找到了一個明燈！

Love To Know Google And MS Tech: Blogger 繼續閱讀功能

我參考後並做一些修正以適於自己的blog

1.javascript 只要加在文章區塊的最前頭即可，恰好我有一個ad是放在那，就把以下的javascript加入

<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","繼續閱讀");
eA.appendChild(document.createTextNode("...繼續閱讀"));
eB = document.createElement("p");
eB.setAttribute("id","read-more");
eB.appendChild(eA);
label.parentNode.appendChild(eB);
label.parentNode.removeChild(label);}
}
</script>

3.將樣版檔做修正，把 <data:post.body/> 取代成


<data:post.body/>
<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>

4.在設定->格式，將<div id="fullpost">繼續閱讀內容</div>寫入文章範本裡