目前的作法是參考Chagg's嘴砲日記 Blogger Beta繼續閱讀功能改良這篇。
筆記如下：
1.進入版面配置->修改HTML，要把Expand Widget Templates打勾。
2.找到在<head>於下加入如下的Javascript code
<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>
註:背景為綠色部分，可自行更改
3.接下來找到
用下面的code取代它
<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>
4.最後，把文章中想要隱藏部份用div包起，加入id="fullpost"就完成了，即
<div id="fullpost">
//要隱藏部分的文章 ，整段用div包起
</div>
5.可以用css控制read more標籤，置左置右、字型或是超連結...等等
<p><data:post.body/></p>
用下面的code取代它
<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>
4.最後，把文章中想要隱藏部份用div包起，加入id="fullpost"就完成了，即
<div id="fullpost">
//要隱藏部分的文章 ，整段用div包起
</div>
#read-more{.....}
#read-more a {.....}
#read-more a {.....}
沒有留言:
張貼留言