輕鬆加入「繼續閱讀」的功能

對於新版的Blogger而言
他的好處是自由度很高，要什麼功能幾乎都可以做到
不過官方內建的規格好像也太陽春了點 @@
讓許多想改裝的人不知如何下手(我也是其中一名啊~)
如果想要保持版面的清爽
有個「繼續閱讀」的功能好像還挺重要的
所以在這裡整理一下我參考來的做法

喔!效果不錯~ 看來是很成功......哈哈哈
方法其實很簡單，就是在<title><data:blog.pageTitle/></title>
和<b:skin><![CDATA[/*的中間加入下面的字串

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

然後再到<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>

就完成設定啦~
以後po文章的時候把要藏起來的段落
用<div id="fullpost">和</div>夾住就ok囉