[筆記] Blogger的繼續閱讀(二)

上次在Tech Dreams看到繼續閱讀的功能，但是用在我的blog上卻有點問題。
只要我使用標籤搜尋文章，如果文章過多，sidebar就會消失，而且沒有設定"繼續閱讀"的文章也會出現"繼續閱讀"的字樣，因此我又找了另一種繼續閱讀的方法來測試!

首先進入編輯html，請記得把"展開小裝置範本"打勾，找到]]></b:skin>
在]]></b:skin>之後，</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>註:背景為綠色部分，可自行更改

接下來找到
<data:post.body/>
用下面的code取代它
<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>
最後，把想要隱藏文章部份，置入<div id="fullpost">與</div>中即可，如下所示：<div id="fullpost"> 隱藏部分的文章 </div>
可以用css控制read more標籤，置左置右、字型或是超連結...等等
#read-more{.....}
#read-more a {.....}

參考資料：Chagg's 嘴砲日記Blogger Beta 繼續閱讀功能改良